diff --git a/1 b/1
new file mode 100644
index 00000000..8b137891
--- /dev/null
+++ b/1
@@ -0,0 +1 @@
+
diff --git "a/audio/\347\254\233\345\255\220\347\273\277\346\264\262 - \347\224\237\347\224\237\344\270\226\344\270\226\347\210\261 (\347\253\271\347\254\233\347\211\210) (\347\272\257\351\237\263\344\271\220).ogg" "b/audio/\347\254\233\345\255\220\347\273\277\346\264\262 - \347\224\237\347\224\237\344\270\226\344\270\226\347\210\261 (\347\253\271\347\254\233\347\211\210) (\347\272\257\351\237\263\344\271\220).ogg"
new file mode 100644
index 00000000..c5a720dc
Binary files /dev/null and "b/audio/\347\254\233\345\255\220\347\273\277\346\264\262 - \347\224\237\347\224\237\344\270\226\344\270\226\347\210\261 (\347\253\271\347\254\233\347\211\210) (\347\272\257\351\237\263\344\271\220).ogg" differ
diff --git "a/css/\345\256\236\350\256\255\344\275\234\344\270\232\347\232\204CSS.css" "b/css/\345\256\236\350\256\255\344\275\234\344\270\232\347\232\204CSS.css"
new file mode 100644
index 00000000..5ec2c738
--- /dev/null
+++ "b/css/\345\256\236\350\256\255\344\275\234\344\270\232\347\232\204CSS.css"
@@ -0,0 +1,28 @@
+@charset "utf-8";
+/* CSS Document */
+.header {
+    position: fixed;
+    display: flex;
+    justify-content:center;
+    align-items: center;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100px;
+    opacity: 0.95;
+    text-align: center;
+    background: #fff;
+    box-shadow: 0 0 12px #eee;
+    z-index: 999;
+}
+ul{list-style-type:none}
+li{float:left; padding:15px;}
+.stxj{margin:110px; text-align:center;}
+a:link{text-decoration:none; color:#99F;}
+a:hover{color:#F00;}
+.xjjs{width:90%;height:auto; line-height:50px; text-align:center;margin:0 auto; font-size:18px; background-image:url(../imgs/%E6%B5%85%E8%89%B2%E5%9B%BE%E7%89%87%E9%AB%98%E6%B8%85%E7%9A%84.png)}
+.tp{border:1px solid #000; padding:10px;}
+.tpxj{padding:5px;}
+footer{width:100%;height:200px; background:#222;margin-top:200px}
+body{background-image:url(../imgs/%E6%B7%B1%E8%89%B2%E6%9C%A8%E5%A4%B4%E7%BA%B9.png);}
+.zp{background-image:url(../imgs/%E6%B5%85%E8%89%B2%E5%9B%BE%E7%89%87%E9%AB%98%E6%B8%85%E7%9A%84.png);}
\ No newline at end of file
diff --git "a/css/\346\226\207\345\255\227\346\202\254\345\201\234\345\222\214\351\201\256\347\275\251CSS.css" "b/css/\346\226\207\345\255\227\346\202\254\345\201\234\345\222\214\351\201\256\347\275\251CSS.css"
new file mode 100644
index 00000000..038d9a68
--- /dev/null
+++ "b/css/\346\226\207\345\255\227\346\202\254\345\201\234\345\222\214\351\201\256\347\275\251CSS.css"
@@ -0,0 +1,102 @@
+@charset "utf-8";
+*{
+    /* 元素的总宽度和高度包含内边距和边框 */
+    box-sizing: border-box;
+}
+.container{
+    /* 相对定位 */
+    position: relative;
+    /* 弹性布局 横向排列 允许换行 */
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+.container .box{
+    position: relative;
+    width: 330px;
+    height: 440px;
+    /* 溢出隐藏 */
+    overflow: hidden;
+    /* 动画过渡 */
+    transition: 0.5s;
+}
+/* 鼠标移入，盒子变大 */
+.container .box:hover{
+    transform: scale(1.25);
+    box-shadow: 0 25px 40px rgba(0,0,0,0.5);
+    z-index: 1;
+}
+.container .box .img-box{
+    /* 绝对定位 */
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+}
+/* 渐变遮罩（黑色——透明） 默认隐藏 */
+.container .box .img-box::before{
+    content: "";
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(to top,#222,transparent);
+    z-index: 1;
+    opacity: 0;
+    transition: 0.5s;
+}
+/* 鼠标移入，渐变遮罩显示 */
+.container .box:hover .img-box::before{
+    opacity: 1;
+}
+.container .box .img-box img{
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    /* 保持原有尺寸比例，裁切长边 */
+    object-fit: cover;
+}
+.container .box .text-box{
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    padding: 20px;
+    /* 弹性布局 元素位于容器的结尾 */
+    display: flex;
+    align-items: flex-end;
+    color: #fff;
+    z-index: 2;
+}
+.container .box .text-box h2{
+    font-size: 20px;
+    margin-bottom: 12px;
+    /* 默认移出可视范围 */
+    transform: translateY(200px);
+    transition: 0.5s;
+}
+.container .box:hover .text-box h2{
+    /* 鼠标移入，移入可视范围 */
+    transform: translateY(0);
+    /* 设置动画延迟时间 */
+    transition-delay: 0.3s;
+}
+.container .box .text-box p{
+    font-size: 13px;
+    line-height: 17px;
+    /* 默认移出可视范围 */
+    transform: translateY(200px);
+    transition: 0.5s;
+}
+.container .box:hover .text-box p{
+    /* 鼠标移入，移入可视范围 */
+    transform: translateY(0);
+    /* 设置动画延迟时间 */
+    transition-delay: 0.4s;
+}/* CSS Document */
+
diff --git a/imgs/2345_image_file_copy_1.jpg b/imgs/2345_image_file_copy_1.jpg
new file mode 100644
index 00000000..035140c9
Binary files /dev/null and b/imgs/2345_image_file_copy_1.jpg differ
diff --git a/imgs/bitbug_favicon (1).ico b/imgs/bitbug_favicon (1).ico
new file mode 100644
index 00000000..9e9905ad
Binary files /dev/null and b/imgs/bitbug_favicon (1).ico differ
diff --git a/imgs/bitbug_favicon.ico b/imgs/bitbug_favicon.ico
new file mode 100644
index 00000000..a133381a
Binary files /dev/null and b/imgs/bitbug_favicon.ico differ
diff --git "a/imgs/\344\273\231\345\211\221.png" "b/imgs/\344\273\231\345\211\221.png"
new file mode 100644
index 00000000..9149da12
Binary files /dev/null and "b/imgs/\344\273\231\345\211\221.png" differ
diff --git "a/imgs/\344\273\231\345\211\2211.png" "b/imgs/\344\273\231\345\211\2211.png"
new file mode 100644
index 00000000..fcd8da0f
Binary files /dev/null and "b/imgs/\344\273\231\345\211\2211.png" differ
diff --git "a/imgs/\344\273\231\345\211\2211\345\211\247\347\205\247.png" "b/imgs/\344\273\231\345\211\2211\345\211\247\347\205\247.png"
new file mode 100644
index 00000000..d9864b57
Binary files /dev/null and "b/imgs/\344\273\231\345\211\2211\345\211\247\347\205\247.png" differ
diff --git "a/imgs/\344\273\231\345\211\2212.png" "b/imgs/\344\273\231\345\211\2212.png"
new file mode 100644
index 00000000..8e77ce7c
Binary files /dev/null and "b/imgs/\344\273\231\345\211\2212.png" differ
diff --git "a/imgs/\344\273\231\345\211\2213\345\211\247\347\205\247.webp" "b/imgs/\344\273\231\345\211\2213\345\211\247\347\205\247.webp"
new file mode 100644
index 00000000..04d56f8b
Binary files /dev/null and "b/imgs/\344\273\231\345\211\2213\345\211\247\347\205\247.webp" differ
diff --git "a/imgs/\344\273\231\345\211\221LOGO.png" "b/imgs/\344\273\231\345\211\221LOGO.png"
new file mode 100644
index 00000000..53d8464b
Binary files /dev/null and "b/imgs/\344\273\231\345\211\221LOGO.png" differ
diff --git "a/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2401.png" "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2401.png"
new file mode 100644
index 00000000..8b671bee
Binary files /dev/null and "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2401.png" differ
diff --git "a/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2402.png" "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2402.png"
new file mode 100644
index 00000000..98e2593e
Binary files /dev/null and "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2402.png" differ
diff --git "a/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2403.png" "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2403.png"
new file mode 100644
index 00000000..9e0c87b5
Binary files /dev/null and "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2403.png" differ
diff --git "a/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2403\345\244\226\344\274\240\351\227\256\346\203\205.png" "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2403\345\244\226\344\274\240\351\227\256\346\203\205.png"
new file mode 100644
index 00000000..bddc636c
Binary files /dev/null and "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2403\345\244\226\344\274\240\351\227\256\346\203\205.png" differ
diff --git "a/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2404.png" "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2404.png"
new file mode 100644
index 00000000..a5cda1b4
Binary files /dev/null and "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2404.png" differ
diff --git "a/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2405.png" "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2405.png"
new file mode 100644
index 00000000..cccc265f
Binary files /dev/null and "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2405.png" differ
diff --git "a/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2405\345\211\215\344\274\240.png" "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2405\345\211\215\344\274\240.png"
new file mode 100644
index 00000000..9b336d98
Binary files /dev/null and "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2405\345\211\215\344\274\240.png" differ
diff --git "a/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2406.png" "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2406.png"
new file mode 100644
index 00000000..b19d3e27
Binary files /dev/null and "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2406.png" differ
diff --git "a/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2407.png" "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2407.png"
new file mode 100644
index 00000000..9c7eeee2
Binary files /dev/null and "b/imgs/\344\273\231\345\211\221\345\245\207\344\276\240\344\274\2407.png" differ
diff --git "a/imgs/\344\273\231\345\211\221\345\274\200\347\257\207.jpg" "b/imgs/\344\273\231\345\211\221\345\274\200\347\257\207.jpg"
new file mode 100644
index 00000000..d5bc9197
Binary files /dev/null and "b/imgs/\344\273\231\345\211\221\345\274\200\347\257\207.jpg" differ
diff --git "a/imgs/\345\276\220\351\225\277\345\215\277.png" "b/imgs/\345\276\220\351\225\277\345\215\277.png"
new file mode 100644
index 00000000..3b8c9576
Binary files /dev/null and "b/imgs/\345\276\220\351\225\277\345\215\277.png" differ
diff --git "a/imgs/\346\226\234\345\211\221.jpg" "b/imgs/\346\226\234\345\211\221.jpg"
new file mode 100644
index 00000000..67592794
Binary files /dev/null and "b/imgs/\346\226\234\345\211\221.jpg" differ
diff --git "a/imgs/\346\231\257\345\244\251.png" "b/imgs/\346\231\257\345\244\251.png"
new file mode 100644
index 00000000..a2540e05
Binary files /dev/null and "b/imgs/\346\231\257\345\244\251.png" differ
diff --git "a/imgs/\346\232\227\351\273\221\347\216\204\351\273\221\350\276\271\346\241\206\345\233\276\347\211\207.jpg" "b/imgs/\346\232\227\351\273\221\347\216\204\351\273\221\350\276\271\346\241\206\345\233\276\347\211\207.jpg"
new file mode 100644
index 00000000..c7416d38
Binary files /dev/null and "b/imgs/\346\232\227\351\273\221\347\216\204\351\273\221\350\276\271\346\241\206\345\233\276\347\211\207.jpg" differ
diff --git "a/imgs/\346\232\227\351\273\221\347\216\204\351\273\221\350\276\271\346\241\206\345\233\276\347\211\207.png" "b/imgs/\346\232\227\351\273\221\347\216\204\351\273\221\350\276\271\346\241\206\345\233\276\347\211\207.png"
new file mode 100644
index 00000000..f5d0bac7
Binary files /dev/null and "b/imgs/\346\232\227\351\273\221\347\216\204\351\273\221\350\276\271\346\241\206\345\233\276\347\211\207.png" differ
diff --git "a/imgs/\346\250\252\345\211\221.jpg" "b/imgs/\346\250\252\345\211\221.jpg"
new file mode 100644
index 00000000..224ecafb
Binary files /dev/null and "b/imgs/\346\250\252\345\211\221.jpg" differ
diff --git "a/imgs/\346\255\246\345\244\247\344\273\231\345\211\221.jpg" "b/imgs/\346\255\246\345\244\247\344\273\231\345\211\221.jpg"
new file mode 100644
index 00000000..b3fded6a
Binary files /dev/null and "b/imgs/\346\255\246\345\244\247\344\273\231\345\211\221.jpg" differ
diff --git "a/imgs/\346\265\205\350\211\262\345\233\276\347\211\207.png" "b/imgs/\346\265\205\350\211\262\345\233\276\347\211\207.png"
new file mode 100644
index 00000000..b1a14700
Binary files /dev/null and "b/imgs/\346\265\205\350\211\262\345\233\276\347\211\207.png" differ
diff --git "a/imgs/\346\265\205\350\211\262\345\233\276\347\211\207\351\253\230\346\270\205\347\232\204.png" "b/imgs/\346\265\205\350\211\262\345\233\276\347\211\207\351\253\230\346\270\205\347\232\204.png"
new file mode 100644
index 00000000..3f1e8e0e
Binary files /dev/null and "b/imgs/\346\265\205\350\211\262\345\233\276\347\211\207\351\253\230\346\270\205\347\232\204.png" differ
diff --git "a/imgs/\346\267\261\350\211\262\346\234\250\345\244\264\347\272\271.png" "b/imgs/\346\267\261\350\211\262\346\234\250\345\244\264\347\272\271.png"
new file mode 100644
index 00000000..958ef407
Binary files /dev/null and "b/imgs/\346\267\261\350\211\262\346\234\250\345\244\264\347\272\271.png" differ
diff --git "a/imgs/\350\256\270\350\214\202\345\261\261.png" "b/imgs/\350\256\270\350\214\202\345\261\261.png"
new file mode 100644
index 00000000..36524eba
Binary files /dev/null and "b/imgs/\350\256\270\350\214\202\345\261\261.png" differ
diff --git "a/imgs/\351\207\215\346\245\274.png" "b/imgs/\351\207\215\346\245\274.png"
new file mode 100644
index 00000000..6c259c4b
Binary files /dev/null and "b/imgs/\351\207\215\346\245\274.png" differ
diff --git "a/imgs/\351\233\252\350\247\201.png" "b/imgs/\351\233\252\350\247\201.png"
new file mode 100644
index 00000000..389a8824
Binary files /dev/null and "b/imgs/\351\233\252\350\247\201.png" differ
diff --git "a/imgs/\351\276\231\350\221\265.png" "b/imgs/\351\276\231\350\221\265.png"
new file mode 100644
index 00000000..04204134
Binary files /dev/null and "b/imgs/\351\276\231\350\221\265.png" differ
diff --git a/index.html b/index.html
index 8a98e693..c420dd1c 100644
--- a/index.html
+++ b/index.html
@@ -1,6183 +1,157 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-
-<head>
-	<meta name="generator" content="Hugo 0.121.0">
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
-    <meta name="viewport"
-        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-    <meta name="theme-color" content="#f9f9f9" />
-    <title>在线工具网 - 网址导航</title>
-    <link rel="shortcut icon" href="./assets/images/favicon.png" />
-    <meta name="keywords" content="在线工具网" />
-    <meta name="description" content="在线网址导航, 各类开发工具、绘图绘画工具、md5、在线ps、base64、房贷计算器等" />
-
-    <link rel="stylesheet" id="block-library-css"
-        href="./assets/css/block-library.min-5.6.2.css" type="text/css" media="all" />
-    <link rel="stylesheet" id="iconfont-css" href="./assets/css/iconfont-3.03029.1.css"
-        type="text/css" media="all" />
-    <link rel="stylesheet" id="bootstrap-css" href="./assets/css/bootstrap.min-4.3.1.css"
-        type="text/css" media="all" />
-    <link rel="stylesheet" id="fancybox-css" href="./assets/css/fancybox.min-3.5.7.css"
-        type="text/css" media="all" />
-    <link rel="stylesheet" id="iowen-css" href="./assets/css/style-3.03029.1.css"
-        type="text/css" media="all" />
-    <link rel="stylesheet" id="custom-css" href="./assets/css/custom-style.css"
-        type="text/css" media="all" />
-    <link rel="stylesheet" id="fortawesome-css" href="./assets/fontawesome-5.15.4/css/all.min.css" type="text/css" />
-    <script type="text/javascript" src="./assets/js/jquery.min-3.2.1.js" id="jquery-js"></script>
-    <script type="text/javascript" src="./assets/js/content-search.js"  id="content-search-js"></script>
-
-
-
-
-     <script>
-        !function(p){"use strict";!function(t){var s=window,e=document,i=p,c="".concat("https:"===e.location.protocol?"https://":"http://","sdk.51.la/js-sdk-pro.min.js"),n=e.createElement("script"),r=e.getElementsByTagName("script")[0];n.type="text/javascript",n.setAttribute("charset","UTF-8"),n.async=!0,n.src=c,n.id="LA_COLLECT",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:"3G9QRCtAm0z4ABfe",ck:"3G9QRCtAm0z4ABfe"});
-    </script>
-
-</head>
-
-
-
-<body class="io-grey-mode">
-
-
-    <div class="page-container">
-
-	<div id="sidebar" class="sticky sidebar-nav fade animate-nav" style="width: 170px">
-
-            <div class="modal-dialog h-100 sidebar-nav-inner">
-                <div class="sidebar-logo border-bottom border-color">
-
-                    <div class="logo overflow-hidden">
-                        <a href="" class="logo-expanded">
-                            <img src="./assets/images/bt8-expand-light.png" height="40" class="logo-light"
-                                alt="在线工具网">
-                            <img src="./assets/images/bt8-expand-dark.png" height="40" class="logo-dark d-none"
-                                alt="在线工具网">
-                        </a>
-                        <a href="" class="logo-collapsed">
-                            <img src="./assets/images/bt.png" height="40" class="logo-light"
-                                alt="在线工具网">
-                            <img src="./assets/images/bt.png" height="40" class="logo-dark d-none"
-                                alt="在线工具网">
-                        </a>
-                    </div>
-
-                </div>
-                <div class="sidebar-menu flex-fill">
-                    <div class="sidebar-scroll">
-                        <div class="sidebar-menu-inner">
-                            <ul>
-
-
-                                    <li class="sidebar-item">
-                                        <a href="#3e90c5117dc0fe9d71410e448d766e52" class="smooth">
-                                            <i class="far fa-star fa-lg icon-fw icon-lg mr-2"></i>
-                                            <span>常用工具</span>
-                                        </a>
-                                    </li>
-
-
-
-                                    <li class="sidebar-item">
-                                        <a href="#89a839e0a347c0be73793d01e52c31ad" class="smooth change-href" data-change="#89a839e0a347c0be73793d01e52c31ad">
-                                            <i class="fas fa-flask fa-lg icon-fw icon-lg mr-2"></i>
-                                            <span>科研办公</span>
-                                            <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
-                                        </a>
-                                        <ul>
-
-                                            <li><a href="#89a839e0a347c0be73793d01e52c31ad" class="smooth"><span>生物信息</span></a></li>
-
-                                            <li><a href="#acd617ea241c9daf2f251963bc03c6e3" class="smooth"><span>云服务器</span></a></li>
-
-                                            <li><a href="#e0aade1cd567f730e498e248bbd6acdf" class="smooth"><span>办公学习</span></a></li>
-
-                                        </ul>
-                                    </li>
-
-
-
-                                    <li class="sidebar-item">
-                                        <a href="#a4d417d7850fde0cd00e4af576621a63" class="smooth change-href" data-change="#a4d417d7850fde0cd00e4af576621a63">
-                                            <i class="fas fa-film fa-lg icon-fw icon-lg mr-2"></i>
-                                            <span>悠闲娱乐</span>
-                                            <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
-                                        </a>
-                                        <ul>
-
-                                            <li><a href="#a4d417d7850fde0cd00e4af576621a63" class="smooth"><span>影音视频</span></a></li>
-
-                                            <li><a href="#e15122403d5aca361a6b63ddea292464" class="smooth"><span>游戏竞技</span></a></li>
-
-                                        </ul>
-                                    </li>
-
-
-
-                                    <li class="sidebar-item">
-                                        <a href="#5e6e1089ffbc5d7819c0d0f1f7b31ebc" class="smooth change-href" data-change="#5e6e1089ffbc5d7819c0d0f1f7b31ebc">
-                                            <i class="far fa-folder-open fa-lg icon-fw icon-lg mr-2"></i>
-                                            <span>素材资源</span>
-                                            <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
-                                        </a>
-                                        <ul>
-
-                                            <li><a href="#5e6e1089ffbc5d7819c0d0f1f7b31ebc" class="smooth"><span>网盘资源</span></a></li>
-
-                                            <li><a href="#7866a35b09d466b9cf0295af54d30d53" class="smooth"><span>图标素材</span></a></li>
-
-                                            <li><a href="#779477bcccdd4ecb1d852c8d4a67caca" class="smooth"><span>图标设计</span></a></li>
-
-                                            <li><a href="#ff65f7f9721757bf11b0b0c95f1b9446" class="smooth"><span>平面素材</span></a></li>
-
-                                            <li><a href="#722d3693fc0b9344bb46ee220beac1b6" class="smooth"><span>字体资源</span></a></li>
-
-                                            <li><a href="#113a0a745b4169af0f7646269c12ae66" class="smooth"><span>PPT资源</span></a></li>
-
-                                        </ul>
-                                    </li>
-
-
-
-                                    <li class="sidebar-item">
-                                        <a href="#4fbc8ba07df90bae306d8e3b83fc5a21" class="smooth change-href" data-change="#4fbc8ba07df90bae306d8e3b83fc5a21">
-                                            <i class="fas fa-tools fa-lg icon-fw icon-lg mr-2"></i>
-                                            <span>开发设计</span>
-                                            <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
-                                        </a>
-                                        <ul>
-
-                                            <li><a href="#4fbc8ba07df90bae306d8e3b83fc5a21" class="smooth"><span>图形创意</span></a></li>
-
-                                            <li><a href="#542c016a714d85715d206c8892fba01f" class="smooth"><span>界面设计</span></a></li>
-
-                                            <li><a href="#31e51a60697ff3fb1d1c4934cce67921" class="smooth"><span>在线配色</span></a></li>
-
-                                            <li><a href="#9c2232288caaa8ec40948cef6a786ac2" class="smooth"><span>在线工具</span></a></li>
-
-                                            <li><a href="#13a0e1cc22ccc31b31242a6046230729" class="smooth"><span>谷歌插件</span></a></li>
-
-                                        </ul>
-                                    </li>
-
-
-
-                                    <li class="sidebar-item">
-                                        <a href="#19cb9b648dba4efc58a205ea413b6b5d" class="smooth change-href" data-change="#19cb9b648dba4efc58a205ea413b6b5d">
-                                            <i class="fas fa-pencil-alt fa-lg icon-fw icon-lg mr-2"></i>
-                                            <span>资讯学习</span>
-                                            <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
-                                        </a>
-                                        <ul>
-
-                                            <li><a href="#19cb9b648dba4efc58a205ea413b6b5d" class="smooth"><span>资讯书籍</span></a></li>
-
-                                            <li><a href="#c7a9a750a4a636f0bb3e982b5ea9141c" class="smooth"><span>博客论坛</span></a></li>
-
-                                            <li><a href="#33d3098041927a26a98ed4c6822c9687" class="smooth"><span>设计规范</span></a></li>
-
-                                            <li><a href="#aec25b122d7aceb3dd3b64cf71858ed2" class="smooth"><span>视频教程</span></a></li>
-
-                                        </ul>
-                                    </li>
-
-
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-                <div class="border-top py-2 border-color">
-                    <div class="flex-bottom">
-                        <ul>
-                            <li id="menu-item-237"
-                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-237 sidebar-item">
-                                <a href="/about" target="_blank">
-                                    <i class="fas fa-file-upload icon-fw icon-lg mr-2"></i>
-                                    <span>网站提交</span></a>
-                            </li>
-
-			    <li id="menu-item-212"
-                                 class="menu-item menu-item-type-custom menu-item-object-custom menu-item-212 sidebar-item">
-                                 <a href="#friendlink" class="smooth">
-                                     <i class="fab fa-staylinked icon-fw icon-lg mr-2"></i>
-                                     <span>友情链接</span>
-                                 </a>
-                            </li>
-
-                            <li id="menu-item-213"
-                                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-213 sidebar-item">
-                                <a target="_blank" rel="noopener" href="/about">
-                                    <i class="fa fa-info-circle icon-fw icon-lg mr-2"></i>
-                                    <span>关于导航</span></a>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-
-<div class="main-content flex-fill grid-bg">
-    <div class="big-header-banner">
-        <div id="header" class="page-header sticky">
-            <div class="navbar navbar-expand-md">
-                <div class="container-fluid p-0">
-
-                    <a href="" class="navbar-brand d-md-none" title="在线工具网">
-                        <img src="./assets/images/bt.png" class="logo-light"
-                            alt="在线工具网">
-                        <img src="./assets/images/bt.png" class="logo-dark d-none"
-                            alt="在线工具网">
-                    </a>
-
-                    <div class="collapse navbar-collapse order-2 order-md-1">
-                        <div class="header-mini-btn">
-                            <label>
-                                <input id="mini-button" type="checkbox">
-                                <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
-                                    <path class="line--1" d="M0 40h62c18 0 18-20-17 5L31 55"></path>
-                                    <path class="line--2" d="M0 50h80"></path>
-                                    <path class="line--3" d="M0 60h62c18 0 18 20-17-5L31 45"></path>
-                                </svg>
-                            </label>
-
-                        </div>
-
-                        <ul class="navbar-nav site-menu" style="margin-right: 16px;">
-
-			<li >
-				<a href="./">
-                                    <i class="fa fa-home fa-lg mr-2"></i>
-                                    <span>首页</span>
-                                </a>
-				<ul class="sub-menu">
-
-				</ul>
-			    </li>
-
-			<li >
-				<a href="./about">
-                                    <i class="fa fa-book fa-lg mr-2"></i>
-                                    <span>关于</span>
-                                </a>
-				<ul class="sub-menu">
-
-				</ul>
-			    </li>
-
-			</ul>
-
-
-                        <div class="rounded-circle weather">
-                            <div id="he-plugin-simple" style="display: contents;"></div>
-                            <script>WIDGET = {
-                                    CONFIG: {
-                                        "modules": "01234",
-                                        "background": 5,
-                                        "tmpColor": "E4C600",
-                                        "tmpSize": 14,
-                                        "cityColor": "E4C600",
-                                        "citySize": 14,
-                                        "aqiColor": "#E4C600",
-                                        "aqiSize": 14,
-                                        "weatherIconSize": 24,
-                                        "alertIconSize": 18,
-                                        "padding": "10px 10px 10px 10px",
-                                        "shadow": "1",
-                                        "language": "auto",
-                                        "borderRadius": 5,
-                                        "fixed": "false",
-                                        "vertical": "middle",
-                                        "horizontal": "left",
-                                        "key": "085791e805a24491b43b06cf58ab31e7"
-                                    }
-                                }
-                            </script>
-                            <script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>
-                        </div>
-
-                    </div>
-
-                    <ul class="nav navbar-menu text-xs order-1 order-md-2">
-
-
-                        <li class="nav-item mr-3 mr-lg-0 d-none d-lg-block">
-                            <script>
-                                fetch('https://v1.hitokoto.cn')
-                                    .then(response => response.json())
-                                    .then(data => {
-                                    const hitokoto = document.getElementById('hitokoto_text')
-                                    hitokoto.href = 'https://hitokoto.cn/?uuid=' + data.uuid
-                                    hitokoto.innerText = data.hitokoto
-                                    })
-                                    .catch(console.error)
-                            </script>
-                            <div id="hitokoto"><a href="#" target="_blank" id="hitokoto_text">疏影横斜水清浅，暗香浮动月黄昏。</a></div>
-                        </li>
-
-
-                        <li class="nav-search ml-3 ml-md-4">
-                            <a href="javascript:" data-toggle="modal" data-target="#search-modal"><i
-                                    class="iconfont icon-search icon-2x"></i></a>
-                        </li>
-                        <li class="nav-item d-md-none mobile-menu ml-3 ml-md-4">
-                            <a href="javascript:" id="sidebar-switch" data-toggle="modal"
-                                data-target="#sidebar"><i class="iconfont icon-classification icon-2x"></i></a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-        </div>
-        <div class="placeholder" style="height:74px"></div>
-    </div>
-
-
-<div class="header-big  post-top css-color mb-4" id="search-bg" style="">
-    <div class="s-search">
-        <div id="search" class="s-search mx-auto">
-            <div id="search-list-menu" class="hide-type-list">
-                <div class="s-type text-center">
-                    <div class="s-type-list big">
-                        <div class="anchor" style="position: absolute; left: 50%; opacity: 0;"></div>
-                        <label for="type-baidu"   data-id="group-a"><span>常用</span></label>
-                        <label for="type-baidu1"  data-id="group-b"><span>搜索</span></label>
-                        <label for="type-whois"   data-id="group-c"><span>工具</span></label>
-                        <label for="type-zhihu"   data-id="group-d"><span>社区</span></label>
-                        <label for="type-taobao1" data-id="group-e"><span>生活</span></label>
-                        <label for="type-zhaopin" data-id="group-f"><span>求职</span></label>
-                    </div>
-                </div>
-            </div>
-
-            <form action="https://www.baidu.com?s=" method="get" target="_blank" class="super-search-fm">
-                <input type="text" id="search-text" class="form-control smart-tips search-key"
-                    zhannei="" placeholder="输入关键字搜索" style="outline:0" autocomplete="off">
-                <button class="submit" type="submit"><i class="iconfont icon-search"></i></button>
-            </form>
-
-            <div id="search-list" class="hide-type-list">
-                <div class="search-group group-a">
-                    <ul class="search-type">
-		        <li><input hidden="" type="radio" name="type" checked="checked"
-                                id="type-baidu"
-                                value="https://www.baidu.com/s?wd="
-                                data-placeholder="百度一下，你就知道">
-                            <label for="type-baidu"><span class="text-muted">百度</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-bing"
-                                value="https://cn.bing.com/search?q="
-                                data-placeholder="微软 Bing 搜索">
-			    <label for="type-bing"><span class="text-muted">必应</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-google"
-                                value="https://www.google.com/search?q="
-                                data-placeholder="谷歌搜索">
-			    <label for="type-google"><span class="text-muted">谷歌</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-anaconda"
-			        value="https://anaconda.org/search?q=" data-placeholder="Anaconda 软件搜索">
-			    <label for="type-anaconda"><span class="text-muted">软件</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-pubmed"
-                                value="https://pubmed.ncbi.nlm.nih.gov/?term="
-                                data-placeholder="PubMed 搜索/文章标题/关键字">
-			    <label for="type-pubmed"><span class="text-muted">文献</span></label>
-                        </li>
-                    </ul>
-                </div>
-                <div class="search-group group-b">
-                    <ul class="search-type">
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-baidu1"
-                                value="https://www.baidu.com/s?wd="
-                                data-placeholder="百度一下，你就知道">
-                            <label for="type-baidu1"><span class="text-muted">百度</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-google1"
-                                value="https://www.google.com/search?q="
-                                data-placeholder="谷歌搜索">
-                            <label for="type-google1"><span class="text-muted">谷歌</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-360"
-                                value="https://www.so.com/s?q="
-                                data-placeholder="360 好搜">
-                            <label for="type-360"><span class="text-muted">360</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-sogo"
-                                value="https://www.sogou.com/web?query="
-                                data-placeholder="搜狗搜索">
-                            <label for="type-sogo"><span class="text-muted">搜狗</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-bing1"
-                                value="https://cn.bing.com/search?q="
-                                data-placeholder="微软 Bing 搜索">
-                            <label for="type-bing1"><span class="text-muted">必应</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-sm"
-                                value="https://yz.m.sm.cn/s?q="
-                                data-placeholder="UC 移动端搜索">
-                            <label for="type-sm"><span class="text-muted">神马</span></label>
-                        </li>
-                    </ul>
-                </div>
-                <div class="search-group group-c">
-                    <ul class="search-type">
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-br"
-                                value="https://rank.chinaz.com/all/"
-                                data-placeholder="请输入网址(不带 https://)">
-                            <label for="type-br"><span class="text-muted">权重查询</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-links"
-                                value="https://link.chinaz.com/"
-                                data-placeholder="请输入网址(不带 https://)">
-                            <label for="type-links"><span class="text-muted">友链检测</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-whois"
-                                value="https://who.is/whois/"
-                                data-placeholder="请输入网址(不带 https://)">
-                            <label for="type-whois"><span class="text-muted">域名信息查询</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-ping"
-                                value="https://ping.chinaz.com/"
-                                data-placeholder="请输入网址(不带 https://)">
-                            <label for="type-ping"><span class="text-muted">PING 检测</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-404"
-                                value="https://tool.chinaz.com/Links/?DAddress="
-                                data-placeholder="请输入网址(不带https://)">
-                             <label for="type-404"><span class="text-muted">死链检测</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-ciku"
-                                value="https://www.ciku5.com/s?wd="
-                                data-placeholder="请输入关键词">
-                            <label for="type-ciku"><span class="text-muted">关键词挖掘</span></label>
-                        </li>
-                    </ul>
-                </div>
-                <div class="search-group group-d">
-                    <ul class="search-type">
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-zhihu"
-                                value="https://www.zhihu.com/search?type=content&q="
-                                data-placeholder="知乎">
-                            <label for="type-zhihu"><span class="text-muted">知乎</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-wechat"
-                                value ="https://weixin.sogou.com/weixin?type=2&query="
-                                data-placeholder="微信">
-                            <label for="type-wechat"><span class="text-muted">微信</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                 id="type-weibo"
-                                 value="https://s.weibo.com/weibo/"
-                                 data-placeholder="微博">
-                            <label for="type-weibo"><span class="text-muted">微博</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                 id="type-douban"
-                                 value="https://www.douban.com/search?q="
-                                 data-placeholder="豆瓣">
-                            <label for="type-douban"><span class="text-muted">豆瓣</span></label>
-                        </li>
-                    </ul>
-                </div>
-                <div class="search-group group-e">
-                    <ul class="search-type">
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-taobao1"
-                                value="https://s.taobao.com/search?q="
-                                data-placeholder="淘宝">
-                            <label for="type-taobao1"><span class="text-muted">淘宝</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-jd"
-                                value="https://search.jd.com/Search?keyword="
-                                data-placeholder="京东">
-                            <label for="type-jd"><span class="text-muted">京东</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-xiachufang"
-                                value="https://www.xiachufang.com/search/?keyword="
-                                data-placeholder="下厨房">
-                            <label for="type-xiachufang"><span class="text-muted">下厨房</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-xiangha"
-                                value="https://www.xiangha.com/so/?q=caipu&s="
-                                data-placeholder="香哈菜谱">
-                            <label for="type-xiangha"><span class="text-muted">香哈菜谱</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-12306"
-                                value="https://www.12306.cn/?"
-                                data-placeholder="12306">
-                            <label for="type-12306"><span class="text-muted">12306</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-qunar"
-                                value="https://www.qunar.com/?"
-                                data-placeholder="去哪儿">
-                            <label for="type-qunar"><span class="text-muted">去哪儿</span></label>
-                        </li>
-                    </ul>
-                </div>
-                <div class="search-group group-f">
-                    <ul class="search-type">
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-zhaopin"
-                                value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw="
-                                data-placeholder="智联招聘">
-                            <label for="zhaopin"><span class="text-muted">智联招聘</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-51job"
-                                value="https://search.51job.com/?"
-                                data-placeholder="前程无忧">
-                            <label for="type-51job"><span class="text-muted">前程无忧</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-lagou"
-                                value="https://www.lagou.com/jobs/list_"
-                                data-placeholder="拉钩网">
-                            <label for="type-lagou"><span class="text-muted">拉钩网</span></label>
-                        </li>
-                        <li><input hidden="" type="radio" name="type"
-                                id="type-liepin"
-                                value="https://www.liepin.com/zhaopin/?key="
-                                data-placeholder="猎聘网">
-                            <label for="type-liepin"><span class="text-muted">猎聘网</span></label>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-            <div class="card search-smart-tips search-hot-text">
-                <ul id="word" style="display: none"></ul>
-            </div>
-        </div>
-    </div>
-
-</div>
-
-
-<div id="content" class="content-site customize-site">
-
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="3e90c5117dc0fe9d71410e448d766e52"></i>
-                    常用工具
-                </h4>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.yuque.com/" target="_blank" data-id="" data-url="https://www.yuque.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="专业的云端知识库。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-                                            <img class="lazy" src="assets/images/logos/%e8%af%ad%e9%9b%80.jpg" data-src="assets/images/logos/%e8%af%ad%e9%9b%80.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="语雀">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>语雀</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">专业的云端知识库。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.yuque.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://mail.qq.com/" target="_blank" data-id="" data-url="http://mail.qq.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="腾讯 QQ 邮箱。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-                                            <img class="lazy" src="assets/images/logos/qq%e9%82%ae%e7%ae%b1.png" data-src="assets/images/logos/qq%e9%82%ae%e7%ae%b1.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="QQ 邮箱">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>QQ 邮箱</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">腾讯 QQ 邮箱。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://mail.qq.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.oschina.net/" target="_blank" data-id="" data-url="https://www.oschina.net/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="中文开源技术交流社区。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-                                            <img class="lazy" src="assets/images/logos/%e5%bc%80%e6%ba%90%e4%b8%ad%e5%9b%bd.jpg" data-src="assets/images/logos/%e5%bc%80%e6%ba%90%e4%b8%ad%e5%9b%bd.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="开源中国">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>开源中国</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">中文开源技术交流社区。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.oschina.net/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://mp.weixin.qq.com/" target="_blank" data-id="" data-url="https://mp.weixin.qq.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="再小的个体也有自己的品牌。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-                                            <img class="lazy" src="assets/images/logos/%e5%be%ae%e4%bf%a1%e5%85%ac%e4%bc%97%e5%8f%b7.png" data-src="assets/images/logos/%e5%be%ae%e4%bf%a1%e5%85%ac%e4%bc%97%e5%8f%b7.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="公众号平台">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>公众号平台</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">再小的个体也有自己的品牌。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://mp.weixin.qq.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://github.com/" target="_blank" data-id="" data-url="https://github.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="GitHub 开源社区。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-                                            <img class="lazy" src="assets/images/logos/github.jpg" data-src="assets/images/logos/github.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="GitHub">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>GitHub</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">GitHub 开源社区。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://github.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://ps.gitapp.cn/" target="_blank" data-id="" data-url="https://ps.gitapp.cn/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="一键p图抠图工具">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-                                            <img class="lazy" src="assets/images/logos/inoreader.jpg" data-src="assets/images/logos/inoreader.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="在线ps">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>在线ps</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">一键p图抠图工具</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://ps.gitapp.cn/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://fangdaijisuanqi.vip" target="_blank" data-id="" data-url="https://fangdaijisuanqi.vip"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="房贷利率计算器">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-                                            <img class="lazy" src="assets/images/logos/awesome_design_systems.png" data-src="assets/images/logos/awesome_design_systems.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="房贷计算器">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>房贷计算器</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">房贷利率计算器</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://fangdaijisuanqi.vip" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://m3u8player.org/" target="_blank" data-id="" data-url="https://m3u8player.org/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="m3u8/hls在线播放">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-                                            <img class="lazy" src="assets/images/logos/Material_Design.png" data-src="assets/images/logos/Material_Design.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="m3u8在线播放器">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>m3u8在线播放器</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">m3u8/hls在线播放</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://m3u8player.org/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://fktool.com" target="_blank" data-id="" data-url="https://fktool.com"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="一些常见的开发工具">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-                                            <img class="lazy" src="assets/images/logos/mdx.png" data-src="assets/images/logos/mdx.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="在线工具助手">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>在线工具助手</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">一些常见的开发工具</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://fktool.com" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://weixin.sogou.com/" target="_blank" data-id="" data-url="https://weixin.sogou.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="搜狗微信搜索，一搜即达。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-                                            <img class="lazy" src="assets/images/logos/%e6%90%9c%e7%8b%97%e5%be%ae%e4%bf%a1.jpg" data-src="assets/images/logos/%e6%90%9c%e7%8b%97%e5%be%ae%e4%bf%a1.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="搜狗微信">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>搜狗微信</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">搜狗微信搜索，一搜即达。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://weixin.sogou.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.zhihu.com/" target="_blank" data-id="" data-url="https://www.zhihu.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="知乎社区。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-                                            <img class="lazy" src="assets/images/logos/%e7%9f%a5%e4%b9%8e.png" data-src="assets/images/logos/%e7%9f%a5%e4%b9%8e.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="知乎">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>知乎</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">知乎社区。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.zhihu.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.v2ex.com/" target="_blank" data-id="" data-url="https://www.v2ex.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="V2EX 创意工作者的社区。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-                                            <img class="lazy" src="assets/images/logos/v2ex.jpg" data-src="assets/images/logos/v2ex.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="V2EX">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>V2EX</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">V2EX 创意工作者的社区。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.v2ex.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="89a839e0a347c0be73793d01e52c31ad"></i>
-                    生物信息
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.ncbi.nlm.nih.gov/" target="_blank" data-id="" data-url="https://www.ncbi.nlm.nih.gov/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="National Center for Biotechnology Information.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/ncbi.jpg" data-src="assets/images/logos/ncbi.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="NCBI">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>NCBI</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">National Center for Biotechnology Information.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.ncbi.nlm.nih.gov/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://anaconda.org/bioconda/" target="_blank" data-id="" data-url="https://anaconda.org/bioconda/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Bioconda :: Anaconda.org.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/bioconda.jpg" data-src="assets/images/logos/bioconda.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Bioconda">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Bioconda</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Bioconda :: Anaconda.org.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://anaconda.org/bioconda/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://metacpan.org/" target="_blank" data-id="" data-url="https://metacpan.org/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Search the CPAN.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/cpan.jpg" data-src="assets/images/logos/cpan.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="CPAN">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>CPAN</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Search the CPAN.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://metacpan.org/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://gitter.im/galaxyproject" target="_blank" data-id="" data-url="https://gitter.im/galaxyproject"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Galaxy Gitter Community.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/gitter.jpg" data-src="assets/images/logos/gitter.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Gitter Galaxy">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Gitter Galaxy</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Galaxy Gitter Community.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://gitter.im/galaxyproject" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.r-project.org/" target="_blank" data-id="" data-url="https://www.r-project.org/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.r-project.org">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/r-project.jpg" data-src="assets/images/logos/r-project.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="R Project">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>R Project</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">https://www.r-project.org</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.r-project.org/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.bioconductor.org/" target="_blank" data-id="" data-url="http://www.bioconductor.org/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="http://www.bioconductor.org">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/bioconductor.jpg" data-src="assets/images/logos/bioconductor.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Bioconductor">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Bioconductor</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">http://www.bioconductor.org</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.bioconductor.org/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="acd617ea241c9daf2f251963bc03c6e3"></i>
-                    云服务器
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.aliyun.com/" target="_blank" data-id="" data-url="https://www.aliyun.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="上云就上阿里云。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91.jpg" data-src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="阿里云">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>阿里云</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">上云就上阿里云。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.aliyun.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://cloud.tencent.com/" target="_blank" data-id="" data-url="https://cloud.tencent.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="产业智变，云启未来。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e8%85%be%e8%ae%af%e4%ba%91.jpg" data-src="assets/images/logos/%e8%85%be%e8%ae%af%e4%ba%91.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="腾讯云">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>腾讯云</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">产业智变，云启未来。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://cloud.tencent.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.huaweicloud.com/" target="_blank" data-id="" data-url="https://www.huaweicloud.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="提供云计算服务&#43;智能，见未来-华为云。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e5%8d%8e%e4%b8%ba%e4%ba%91.png" data-src="assets/images/logos/%e5%8d%8e%e4%b8%ba%e4%ba%91.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="华为云">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>华为云</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">提供云计算服务&#43;智能，见未来-华为云。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.huaweicloud.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://my.cloudraft.cn/" target="_blank" data-id="" data-url="https://my.cloudraft.cn/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="云筏 - 科研云。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/" data-src="assets/images/logos/"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="云筏科技">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>云筏科技</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">云筏 - 科研云。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://my.cloudraft.cn/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.ji-cloud.cn/" target="_blank" data-id="" data-url="https://www.ji-cloud.cn/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="云电脑-云游戏-手机变电脑软件。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e6%9e%81%e4%ba%91%e6%99%ae%e6%83%a0%e4%ba%91%e7%94%b5%e8%84%91.png" data-src="assets/images/logos/%e6%9e%81%e4%ba%91%e6%99%ae%e6%83%a0%e4%ba%91%e7%94%b5%e8%84%91.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="极云普惠云电脑">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>极云普惠云电脑</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">云电脑-云游戏-手机变电脑软件。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.ji-cloud.cn/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.qingjiaocloud.com/" target="_blank" data-id="" data-url="https://www.qingjiaocloud.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="云桌面,一站式云电脑服务平台。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e9%9d%92%e6%a4%92%e4%ba%91.jpg" data-src="assets/images/logos/%e9%9d%92%e6%a4%92%e4%ba%91.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="青椒云">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>青椒云</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">云桌面,一站式云电脑服务平台。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.qingjiaocloud.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="e0aade1cd567f730e498e248bbd6acdf"></i>
-                    办公学习
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.youdao.com/" target="_blank" data-id="" data-url="https://www.youdao.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费，即时的多语种在线翻译。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png" data-src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="有道词典">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>有道词典</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">免费，即时的多语种在线翻译。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.youdao.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://fanyi.youdao.com/" target="_blank" data-id="" data-url="http://fanyi.youdao.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="有道翻译。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png" data-src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="有道翻译">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>有道翻译</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">有道翻译。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://fanyi.youdao.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://translate.google.cn/" target="_blank" data-id="" data-url="https://translate.google.cn/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="谷歌翻译。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e8%b0%b7%e6%ad%8c%e7%bf%bb%e8%af%91.jpg" data-src="assets/images/logos/%e8%b0%b7%e6%ad%8c%e7%bf%bb%e8%af%91.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="谷歌翻译">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>谷歌翻译</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">谷歌翻译。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://translate.google.cn/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.processon.com/" target="_blank" data-id="" data-url="https://www.processon.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费在线作图、实时协作。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/ProcessOn.png" data-src="assets/images/logos/ProcessOn.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="ProcessOn">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>ProcessOn</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">免费在线作图、实时协作。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.processon.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="a4d417d7850fde0cd00e4af576621a63"></i>
-                    影音视频
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://v.qq.com/" target="_blank" data-id="" data-url="http://v.qq.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="腾讯视频，海量视频在线观看。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e8%85%be%e8%ae%af%e8%a7%86%e9%a2%91.png" data-src="assets/images/logos/%e8%85%be%e8%ae%af%e8%a7%86%e9%a2%91.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="腾讯视频">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>腾讯视频</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">腾讯视频，海量视频在线观看。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://v.qq.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.youku.com/" target="_blank" data-id="" data-url="http://www.youku.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="优酷 - 这个世界很酷。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e4%bc%98%e9%85%b7.png" data-src="assets/images/logos/%e4%bc%98%e9%85%b7.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="优酷">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>优酷</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">优酷 - 这个世界很酷。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.youku.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.iqiyi.com/" target="_blank" data-id="" data-url="https://www.iqiyi.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="爱奇艺在线视频。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e7%88%b1%e5%a5%87%e8%89%ba.png" data-src="assets/images/logos/%e7%88%b1%e5%a5%87%e8%89%ba.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="爱奇艺">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>爱奇艺</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">爱奇艺在线视频。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.iqiyi.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.bilibili.com/" target="_blank" data-id="" data-url="https://www.bilibili.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Bilibili 视频弹幕网站。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e5%93%94%e5%93%a9%e5%93%94%e5%93%a9.png" data-src="assets/images/logos/%e5%93%94%e5%93%a9%e5%93%94%e5%93%a9.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="哔哩哔哩">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>哔哩哔哩</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Bilibili 视频弹幕网站。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.bilibili.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://y.qq.com/" target="_blank" data-id="" data-url="https://y.qq.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="QQ 音乐，在线听歌。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/QQ%e9%9f%b3%e4%b9%90.jpg" data-src="assets/images/logos/QQ%e9%9f%b3%e4%b9%90.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="QQ 音乐">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>QQ 音乐</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">QQ 音乐，在线听歌。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://y.qq.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://music.163.com/" target="_blank" data-id="" data-url="https://music.163.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="163 网易云音乐。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e7%bd%91%e6%98%93%e4%ba%91%e9%9f%b3%e4%b9%90.jpg" data-src="assets/images/logos/%e7%bd%91%e6%98%93%e4%ba%91%e9%9f%b3%e4%b9%90.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="网易云音乐">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>网易云音乐</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">163 网易云音乐。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://music.163.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.dytt8.net/index.htm" target="_blank" data-id="" data-url="https://www.dytt8.net/index.htm"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="电影天堂（DYTT8），高清电影下载。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.png" data-src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="电影天堂（DYTT8）">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>电影天堂（DYTT8）</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">电影天堂（DYTT8），高清电影下载。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.dytt8.net/index.htm" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.dygod.net/" target="_blank" data-id="" data-url="https://www.dygod.net/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="电影天堂（DYGOD），高清电影下载。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.png" data-src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="电影天堂（DYGOD）">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>电影天堂（DYGOD）</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">电影天堂（DYGOD），高清电影下载。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.dygod.net/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="e15122403d5aca361a6b63ddea292464"></i>
-                    游戏竞技
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="#ZgotmplZ" target="_blank" data-id="" data-url="#ZgotmplZ"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="百度贴吧。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e7%99%be%e5%ba%a6%e8%b4%b4%e5%90%a7.jpg" data-src="assets/images/logos/%e7%99%be%e5%ba%a6%e8%b4%b4%e5%90%a7.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="百度贴吧">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>百度贴吧</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">百度贴吧。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="#ZgotmplZ" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://ava.mangot5.com/ava/index" target="_blank" data-id="" data-url="https://ava.mangot5.com/ava/index"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="台服 AVA 战地之王。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e6%88%98%e5%9c%b0%e4%b9%8b%e7%8e%8b.png" data-src="assets/images/logos/%e6%88%98%e5%9c%b0%e4%b9%8b%e7%8e%8b.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="台服战地">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>台服战地</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">台服 AVA 战地之王。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://ava.mangot5.com/ava/index" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="5e6e1089ffbc5d7819c0d0f1f7b31ebc"></i>
-                    网盘资源
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://pan.baidu.com/" target="_blank" data-id="" data-url="http://pan.baidu.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="https://pan.baidu.com/.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e7%99%be%e5%ba%a6%e7%bd%91%e7%9b%98.jpg" data-src="assets/images/logos/%e7%99%be%e5%ba%a6%e7%bd%91%e7%9b%98.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="百度网盘">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>百度网盘</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">https://pan.baidu.com/.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://pan.baidu.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.aliyundrive.com/" target="_blank" data-id="" data-url="https://www.aliyundrive.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="阿里云盘，你的数字世界。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91%e7%9b%98.png" data-src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91%e7%9b%98.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="阿里云盘">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>阿里云盘</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">阿里云盘，你的数字世界。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.aliyundrive.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://cloud.189.cn/" target="_blank" data-id="" data-url="https://cloud.189.cn/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="家庭云|网盘|文件备份|资源分享。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e5%a4%a9%e7%bf%bc%e4%ba%91%e7%9b%98.jpg" data-src="assets/images/logos/%e5%a4%a9%e7%bf%bc%e4%ba%91%e7%9b%98.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="天翼云盘">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>天翼云盘</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">家庭云|网盘|文件备份|资源分享。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://cloud.189.cn/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="" target="_blank" data-id="" data-url=""
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="坚果云官网。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e5%9d%9a%e6%9e%9c%e4%ba%91.png" data-src="assets/images/logos/%e5%9d%9a%e6%9e%9c%e4%ba%91.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="坚果云">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>坚果云</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">坚果云官网。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="7866a35b09d466b9cf0295af54d30d53"></i>
-                    图标素材
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.iconfinder.com" target="_blank" data-id="" data-url="https://www.iconfinder.com"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="2,100,000&#43; free and premium vector icons.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/Iconfinder.png" data-src="assets/images/logos/Iconfinder.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Iconfinder">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Iconfinder</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">2,100,000&#43; free and premium vector icons.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.iconfinder.com" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.iconfont.cn/" target="_blank" data-id="" data-url="http://www.iconfont.cn/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="阿里巴巴矢量图标库。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/iconfont.png" data-src="assets/images/logos/iconfont.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="iconfont">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>iconfont</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">阿里巴巴矢量图标库。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.iconfont.cn/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://iconmonstr.com/" target="_blank" data-id="" data-url="https://iconmonstr.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free simple icons for your next project.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/iconmonstr.png" data-src="assets/images/logos/iconmonstr.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="iconmonstr">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>iconmonstr</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Free simple icons for your next project.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://iconmonstr.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.iconarchive.com/" target="_blank" data-id="" data-url="http://www.iconarchive.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Search 590,912 free icons.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/iconarchive.png" data-src="assets/images/logos/iconarchive.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Icon Archive">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Icon Archive</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Search 590,912 free icons.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.iconarchive.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://findicons.com/" target="_blank" data-id="" data-url="https://findicons.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Search through 300,000 free icons.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/FindIcons.png" data-src="assets/images/logos/FindIcons.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="FindIcons">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>FindIcons</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Search through 300,000 free icons.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://findicons.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://icomoon.io/app/" target="_blank" data-id="" data-url="https://icomoon.io/app/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Icon Font, SVG, PDF &amp;amp; PNG Generator.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/IcoMoonApp.png" data-src="assets/images/logos/IcoMoonApp.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="IcoMoonApp">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>IcoMoonApp</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Icon Font, SVG, PDF &amp;amp; PNG Generator.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://icomoon.io/app/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.easyicon.net/" target="_blank" data-id="" data-url="http://www.easyicon.net/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="PNG、ICO、ICNS格式图标搜索、图标下载服务。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/easyicon.png" data-src="assets/images/logos/easyicon.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="easyicon">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>easyicon</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">PNG、ICO、ICNS格式图标搜索、图标下载服务。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.easyicon.net/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.flaticon.com/" target="_blank" data-id="" data-url="https://www.flaticon.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="634,000&#43; Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/flaticon.png" data-src="assets/images/logos/flaticon.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="flaticon">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>flaticon</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">634,000&#43; Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.flaticon.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://ui-cloud.com/" target="_blank" data-id="" data-url="http://ui-cloud.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The largest user interface design database in the world.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/UICloud.png" data-src="assets/images/logos/UICloud.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="UICloud">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>UICloud</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">The largest user interface design database in the world.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://ui-cloud.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://material.io/icons/" target="_blank" data-id="" data-url="https://material.io/icons/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Access over 900 material system icons, available in a variety of sizes and densities, and as a web font.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/Materialicons.png" data-src="assets/images/logos/Materialicons.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Material icons">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Material icons</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Access over 900 material system icons, available in a variety of sizes and densities, and as a web font.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://material.io/icons/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://fontawesome.com/icons/" target="_blank" data-id="" data-url="https://fontawesome.com/icons/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The complete set of 675 icons in Font Awesome.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/fontawesomeicon.png" data-src="assets/images/logos/fontawesomeicon.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Font Awesome Icon">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Font Awesome Icon</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">The complete set of 675 icons in Font Awesome.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://fontawesome.com/icons/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://ionicons.com/" target="_blank" data-id="" data-url="http://ionicons.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The premium icon font for Ionic Framework.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/ionicons.png" data-src="assets/images/logos/ionicons.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="ion icons">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>ion icons</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">The premium icon font for Ionic Framework.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://ionicons.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://simplelineicons.com/" target="_blank" data-id="" data-url="http://simplelineicons.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Simple line Icons pack.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/simplelineicons.png" data-src="assets/images/logos/simplelineicons.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Simpleline Icons">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Simpleline Icons</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Simple line Icons pack.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://simplelineicons.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="779477bcccdd4ecb1d852c8d4a67caca"></i>
-                    图标设计
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.iconsfeed.com/" target="_blank" data-id="" data-url="http://www.iconsfeed.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="iOS icons gallery.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/iconsfeed.png" data-src="assets/images/logos/iconsfeed.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Iconsfeed">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Iconsfeed</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">iOS icons gallery.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.iconsfeed.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://iosicongallery.com/" target="_blank" data-id="" data-url="http://iosicongallery.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Showcasing beautiful icon designs from the iOS App Store.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/iosicongallery.png" data-src="assets/images/logos/iosicongallery.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="iOS Icon Gallery">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>iOS Icon Gallery</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Showcasing beautiful icon designs from the iOS App Store.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://iosicongallery.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://worldvectorlogo.com/" target="_blank" data-id="" data-url="https://worldvectorlogo.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Brand logos free to download.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/worldvectorlogo.png" data-src="assets/images/logos/worldvectorlogo.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="World Vector Logo">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>World Vector Logo</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Brand logos free to download.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://worldvectorlogo.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://instantlogosearch.com/" target="_blank" data-id="" data-url="http://instantlogosearch.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Search &amp; download thousands of logos instantly.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/InstantLogoSearch.png" data-src="assets/images/logos/InstantLogoSearch.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Instant Logo Search">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Instant Logo Search</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Search &amp; download thousands of logos instantly.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://instantlogosearch.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="ff65f7f9721757bf11b0b0c95f1b9446"></i>
-                    平面素材
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.freepik.com/" target="_blank" data-id="" data-url="https://www.freepik.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="More than a million free vectors, PSD, photos and free icons.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/freepik.png" data-src="assets/images/logos/freepik.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="freepik">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>freepik</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">More than a million free vectors, PSD, photos and free icons.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.freepik.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://wallhalla.com/" target="_blank" data-id="" data-url="https://wallhalla.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Find awesome high quality wallpapers for desktop and mobile in one place.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/wallhalla.png" data-src="assets/images/logos/wallhalla.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="wallhalla">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>wallhalla</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Find awesome high quality wallpapers for desktop and mobile in one place.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://wallhalla.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://365psd.com/" target="_blank" data-id="" data-url="https://365psd.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free PSD &amp;amp; Graphics, Illustrations.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/365PSD.png" data-src="assets/images/logos/365PSD.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="365PSD">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>365PSD</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Free PSD &amp;amp; Graphics, Illustrations.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://365psd.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://medialoot.com/" target="_blank" data-id="" data-url="https://medialoot.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free &amp;amp; Premium Design Resources &amp;mdash; Medialoot.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/Medialoot.png" data-src="assets/images/logos/Medialoot.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Medialoot">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Medialoot</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Free &amp;amp; Premium Design Resources &amp;mdash; Medialoot.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://medialoot.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.58pic.com/" target="_blank" data-id="" data-url="http://www.58pic.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="专注免费设计素材下载的网站.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/qiantu.png" data-src="assets/images/logos/qiantu.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="千图网">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>千图网</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">专注免费设计素材下载的网站.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.58pic.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://588ku.com/" target="_blank" data-id="" data-url="http://588ku.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费 png 图片背景素材下载。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/qianku.png" data-src="assets/images/logos/qianku.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="千库网">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>千库网</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">免费 png 图片背景素材下载。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://588ku.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.ooopic.com/" target="_blank" data-id="" data-url="http://www.ooopic.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="我图网，提供图片素材及模板下载，专注正版设计作品交易。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/wotu.png" data-src="assets/images/logos/wotu.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="我图网">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>我图网</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">我图网，提供图片素材及模板下载，专注正版设计作品交易。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.ooopic.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://90sheji.com/" target="_blank" data-id="" data-url="http://90sheji.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="电商设计（淘宝美工）千图免费淘宝素材库。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/90sheji.png" data-src="assets/images/logos/90sheji.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="90 设计">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>90 设计</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">电商设计（淘宝美工）千图免费淘宝素材库。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://90sheji.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.nipic.com/" target="_blank" data-id="" data-url="http://www.nipic.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="原创素材共享平台。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/nipic.png" data-src="assets/images/logos/nipic.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="昵图网">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>昵图网</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">原创素材共享平台。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.nipic.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.lanrentuku.com/" target="_blank" data-id="" data-url="http://www.lanrentuku.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="懒人图库专注于提供网页素材下载。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/lanrentuku.png" data-src="assets/images/logos/lanrentuku.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="懒人图库">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>懒人图库</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">懒人图库专注于提供网页素材下载。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.lanrentuku.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://so.ui001.com/" target="_blank" data-id="" data-url="http://so.ui001.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="设计素材搜索聚合。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/sousucai.png" data-src="assets/images/logos/sousucai.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="素材搜索">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>素材搜索</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">设计素材搜索聚合。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://so.ui001.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://psefan.com/" target="_blank" data-id="" data-url="http://psefan.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="不一样的设计素材库！让自己的设计与众不同！">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/psefan.png" data-src="assets/images/logos/psefan.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="PS 饭团网">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>PS 饭团网</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">不一样的设计素材库！让自己的设计与众不同！</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://psefan.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.sccnn.com/" target="_blank" data-id="" data-url="http://www.sccnn.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费素材共享平台。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/sccnn.png" data-src="assets/images/logos/sccnn.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="素材中国">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>素材中国</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">免费素材共享平台。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.sccnn.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="722d3693fc0b9344bb46ee220beac1b6"></i>
-                    字体资源
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://fonts.google.com/" target="_blank" data-id="" data-url="https://fonts.google.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Making the web more beautiful, fast, and open through great typography.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/googlefont.png" data-src="assets/images/logos/googlefont.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Google Font">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Google Font</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Making the web more beautiful, fast, and open through great typography.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://fonts.google.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://typekit.com/" target="_blank" data-id="" data-url="https://typekit.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Quality fonts from the world’s best foundries.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/typekit.png" data-src="assets/images/logos/typekit.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Typekit">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Typekit</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Quality fonts from the world’s best foundries.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://typekit.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.foundertype.com/" target="_blank" data-id="" data-url="http://www.foundertype.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="方正字库官方网站。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/Fondertype.png" data-src="assets/images/logos/Fondertype.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="方正字库">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>方正字库</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">方正字库官方网站。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.foundertype.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://ziticq.com/" target="_blank" data-id="" data-url="http://ziticq.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="中国首个字体品牌设计师交流网。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/ziticq.png" data-src="assets/images/logos/ziticq.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="字体传奇网">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>字体传奇网</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">中国首个字体品牌设计师交流网。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://ziticq.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://sicangziti.com/" target="_blank" data-id="" data-url="http://sicangziti.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="优质字体免费下载站。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/sicangziti.png" data-src="assets/images/logos/sicangziti.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="私藏字体">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>私藏字体</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">优质字体免费下载站。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://sicangziti.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.fontsquirrel.com/" target="_blank" data-id="" data-url="https://www.fontsquirrel.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="FREE fonts for graphic designers.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/fontsquirrel.png" data-src="assets/images/logos/fontsquirrel.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Fontsquirrel">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Fontsquirrel</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">FREE fonts for graphic designers.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.fontsquirrel.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.urbanfonts.com/" target="_blank" data-id="" data-url="https://www.urbanfonts.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Download Free Fonts and Free Dingbats.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/UrbanFonts.png" data-src="assets/images/logos/UrbanFonts.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Urban Fonts">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Urban Fonts</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Download Free Fonts and Free Dingbats.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.urbanfonts.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.losttype.com/" target="_blank" data-id="" data-url="http://www.losttype.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Lost Type is a Collaborative Digital Type Foundry.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/losttype.png" data-src="assets/images/logos/losttype.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Lost Type">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Lost Type</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Lost Type is a Collaborative Digital Type Foundry.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.losttype.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://fonts2u.com/" target="_blank" data-id="" data-url="https://fonts2u.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Download free fonts for Windows and Macintosh.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/fonts2u.png" data-src="assets/images/logos/fonts2u.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="FONTS2U">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>FONTS2U</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Download free fonts for Windows and Macintosh.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://fonts2u.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.fontex.org/" target="_blank" data-id="" data-url="http://www.fontex.org/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free Fonts to Download &#43; Premium Typefaces.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/fontex.png" data-src="assets/images/logos/fontex.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Fontex">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Fontex</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Free Fonts to Download &#43; Premium Typefaces.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.fontex.org/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://fontm.com/" target="_blank" data-id="" data-url="http://fontm.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free Fonts">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/FontM.png" data-src="assets/images/logos/FontM.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="FontM">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>FontM</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Free Fonts</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://fontm.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.myfonts.com/" target="_blank" data-id="" data-url="http://www.myfonts.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Fonts for Print, Products &amp; Screens.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/MyFonts.png" data-src="assets/images/logos/MyFonts.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="My Fonts">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>My Fonts</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Fonts for Print, Products &amp; Screens.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.myfonts.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.dafont.com/" target="_blank" data-id="" data-url="https://www.dafont.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Archive of freely downloadable fonts.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/dafont.png" data-src="assets/images/logos/dafont.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Da Font">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Da Font</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Archive of freely downloadable fonts.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.dafont.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.onlinewebfonts.com/" target="_blank" data-id="" data-url="https://www.onlinewebfonts.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="WEB Free Fonts for Windows and Mac / Font free Download.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/OnlineWebFonts.png" data-src="assets/images/logos/OnlineWebFonts.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="OnlineWebFonts">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>OnlineWebFonts</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">WEB Free Fonts for Windows and Mac / Font free Download.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.onlinewebfonts.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.abstractfonts.com/" target="_blank" data-id="" data-url="http://www.abstractfonts.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Abstract Fonts (13,866 free fonts).">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/abstractfonts.png" data-src="assets/images/logos/abstractfonts.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Abstract Fonts">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Abstract Fonts</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Abstract Fonts (13,866 free fonts).</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.abstractfonts.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="113a0a745b4169af0f7646269c12ae66"></i>
-                    PPT资源
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.officeplus.cn/Template/Home.shtml" target="_blank" data-id="" data-url="http://www.officeplus.cn/Template/Home.shtml"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="OfficePLUS，微软Office官方在线模板网站！">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/officeplus.png" data-src="assets/images/logos/officeplus.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="OfficePLUS">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>OfficePLUS</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">OfficePLUS，微软Office官方在线模板网站！</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.officeplus.cn/Template/Home.shtml" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.ypppt.com/" target="_blank" data-id="" data-url="http://www.ypppt.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="高质量的模版，而且还有PPT图表，PPT背景图等资源。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/ypppt.png" data-src="assets/images/logos/ypppt.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="优品PPT">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>优品PPT</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">高质量的模版，而且还有PPT图表，PPT背景图等资源。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.ypppt.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.pptplus.cn/" target="_blank" data-id="" data-url="http://www.pptplus.cn/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="PPT加直播、录制和分享—PPT&#43;语音内容分享平台。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/pptplus.png" data-src="assets/images/logos/pptplus.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="PPT&#43;">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>PPT&#43;</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">PPT加直播、录制和分享—PPT&#43;语音内容分享平台。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.pptplus.cn/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.pptmind.com/" target="_blank" data-id="" data-url="http://www.pptmind.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="分享高端 ppt 模板与 keynote 模板的数字作品交易平台。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/pptmind.png" data-src="assets/images/logos/pptmind.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="PPTMind">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>PPTMind</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">分享高端 ppt 模板与 keynote 模板的数字作品交易平台。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.pptmind.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.tretars.com/ppt-templates" target="_blank" data-id="" data-url="http://www.tretars.com/ppt-templates"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The best free Mockups from the Web.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/tretars.png" data-src="assets/images/logos/tretars.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="tretars">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>tretars</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">The best free Mockups from the Web.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.tretars.com/ppt-templates" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://ppt.500d.me/" target="_blank" data-id="" data-url="http://ppt.500d.me/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="中国领先的PPT模板共享平台。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/500d.png" data-src="assets/images/logos/500d.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="5百丁">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>5百丁</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">中国领先的PPT模板共享平台。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://ppt.500d.me/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="4fbc8ba07df90bae306d8e3b83fc5a21"></i>
-                    图形创意
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.adobe.com/cn/products/photoshop.html" target="_blank" data-id="" data-url="https://www.adobe.com/cn/products/photoshop.html"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Photoshop不需要解释">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/photoshop.png" data-src="assets/images/logos/photoshop.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="photoshop">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>photoshop</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Photoshop不需要解释</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.adobe.com/cn/products/photoshop.html" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://affinity.serif.com/" target="_blank" data-id="" data-url="https://affinity.serif.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="专业创意软件">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/AffinityDesigner.png" data-src="assets/images/logos/AffinityDesigner.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Affinity Designer">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Affinity Designer</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">专业创意软件</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://affinity.serif.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.adobe.com/cn/products/illustrator/" target="_blank" data-id="" data-url="https://www.adobe.com/cn/products/illustrator/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="矢量图形和插图。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/Illustrator.png" data-src="assets/images/logos/Illustrator.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Illustrator">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Illustrator</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">矢量图形和插图。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.adobe.com/cn/products/illustrator/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.adobe.com/cn/products/indesign.html" target="_blank" data-id="" data-url="http://www.adobe.com/cn/products/indesign.html"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="页面设计、布局和出版。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/INDESIGN%20.png" data-src="assets/images/logos/INDESIGN%20.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="indesign">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>indesign</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">页面设计、布局和出版。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.adobe.com/cn/products/indesign.html" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.maxon.net/en/products/cinema-4d/overview/" target="_blank" data-id="" data-url="https://www.maxon.net/en/products/cinema-4d/overview/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Cinema 4D is the perfect package for all 3D artists who want to achieve breathtaking results fast and hassle-free.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/cinema4d.png" data-src="assets/images/logos/cinema4d.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="cinema-4d">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>cinema-4d</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Cinema 4D is the perfect package for all 3D artists who want to achieve breathtaking results fast and hassle-free.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.maxon.net/en/products/cinema-4d/overview/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.autodesk.com/products/3ds-max/overview" target="_blank" data-id="" data-url="https://www.autodesk.com/products/3ds-max/overview"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="3D modeling, animation, and rendering software">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/3dsmax.png" data-src="assets/images/logos/3dsmax.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="3ds-max">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>3ds-max</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">3D modeling, animation, and rendering software</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.autodesk.com/products/3ds-max/overview" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.blender.org/" target="_blank" data-id="" data-url="https://www.blender.org/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Blender is the free and open source 3D creation suite.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/blender.png" data-src="assets/images/logos/blender.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Blender">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Blender</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Blender is the free and open source 3D creation suite.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.blender.org/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="542c016a714d85715d206c8892fba01f"></i>
-                    界面设计
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://sketchapp.com/" target="_blank" data-id="" data-url="https://sketchapp.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The digital design toolkit">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/sketchapp.png" data-src="assets/images/logos/sketchapp.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Sketch">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Sketch</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">The digital design toolkit</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://sketchapp.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.adobe.com/products/xd.html" target="_blank" data-id="" data-url="http://www.adobe.com/products/xd.html"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Introducing Adobe XD. Design. Prototype. Experience.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/ADOBEXDCC.png" data-src="assets/images/logos/ADOBEXDCC.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Adobe XD">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Adobe XD</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Introducing Adobe XD. Design. Prototype. Experience.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.adobe.com/products/xd.html" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.invisionapp.com/" target="_blank" data-id="" data-url="https://www.invisionapp.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Powerful design prototyping tools">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/invisionapp.png" data-src="assets/images/logos/invisionapp.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="invisionapp">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>invisionapp</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Powerful design prototyping tools</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.invisionapp.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://marvelapp.com/" target="_blank" data-id="" data-url="https://marvelapp.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Simple design, prototyping and collaboration">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/marvelapp.png" data-src="assets/images/logos/marvelapp.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="marvelapp">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>marvelapp</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Simple design, prototyping and collaboration</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://marvelapp.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://creative.adobe.com/zh-cn/products/download/muse" target="_blank" data-id="" data-url="https://creative.adobe.com/zh-cn/products/download/muse"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="无需利用编码即可进行网站设计。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/MuseCC.png" data-src="assets/images/logos/MuseCC.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Muse CC">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Muse CC</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">无需利用编码即可进行网站设计。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://creative.adobe.com/zh-cn/products/download/muse" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.figma.com/" target="_blank" data-id="" data-url="https://www.figma.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Design, prototype, and gather feedback all in one place with Figma.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/figma.png" data-src="assets/images/logos/figma.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="figma">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>figma</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Design, prototype, and gather feedback all in one place with Figma.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.figma.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="31e51a60697ff3fb1d1c4934cce67921"></i>
-                    在线配色
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://khroma.co/generator/" target="_blank" data-id="" data-url="http://khroma.co/generator/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Khroma is the fastest way to discover, search, and save color combos you&#39;ll want to use.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/khroma.png" data-src="assets/images/logos/khroma.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="khroma">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>khroma</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Khroma is the fastest way to discover, search, and save color combos you&#39;ll want to use.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://khroma.co/generator/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://uigradients.com" target="_blank" data-id="" data-url="https://uigradients.com"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Beautiful colored gradients.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/uigradients.png" data-src="assets/images/logos/uigradients.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="uigradients">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>uigradients</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Beautiful colored gradients.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://uigradients.com" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://gradients.io/" target="_blank" data-id="" data-url="http://gradients.io/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Curated gradients for designers and developers.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/gradients.png" data-src="assets/images/logos/gradients.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="gradients">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>gradients</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Curated gradients for designers and developers.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://gradients.io/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://webkul.github.io/coolhue/" target="_blank" data-id="" data-url="https://webkul.github.io/coolhue/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Coolest handpicked Gradient Hues for your next super ⚡ amazing stuff.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/Coolest.png" data-src="assets/images/logos/Coolest.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Coolest">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Coolest</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Coolest handpicked Gradient Hues for your next super ⚡ amazing stuff.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://webkul.github.io/coolhue/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://webgradients.com/" target="_blank" data-id="" data-url="https://webgradients.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/webgradients.png" data-src="assets/images/logos/webgradients.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="webgradients">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>webgradients</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://webgradients.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.grabient.com/" target="_blank" data-id="" data-url="https://www.grabient.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="2017 Grabient by unfold.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/grabient.png" data-src="assets/images/logos/grabient.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="grabient">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>grabient</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">2017 Grabient by unfold.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.grabient.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.thedayscolor.com/" target="_blank" data-id="" data-url="http://www.thedayscolor.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The daily color digest">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/thedayscolor.png" data-src="assets/images/logos/thedayscolor.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="thedayscolor">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>thedayscolor</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">The daily color digest</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.thedayscolor.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://flatuicolors.com/" target="_blank" data-id="" data-url="http://flatuicolors.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Copy Paste Color Pallette from Flat UI Theme.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/flatuicolors.png" data-src="assets/images/logos/flatuicolors.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="flatuicolors">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>flatuicolors</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Copy Paste Color Pallette from Flat UI Theme.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://flatuicolors.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://coolors.co/" target="_blank" data-id="" data-url="https://coolors.co/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The super fast color schemes generator!">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/coolors.png" data-src="assets/images/logos/coolors.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="coolors">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>coolors</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">The super fast color schemes generator!</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://coolors.co/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.colorhunt.co/" target="_blank" data-id="" data-url="http://www.colorhunt.co/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Beautiful Color Palettes.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/colorhunt.png" data-src="assets/images/logos/colorhunt.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="colorhunt">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>colorhunt</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Beautiful Color Palettes.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.colorhunt.co/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://color.adobe.com/zh/create/color-wheel" target="_blank" data-id="" data-url="https://color.adobe.com/zh/create/color-wheel"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Create color schemes with the color wheel or browse thousands of color combinations from the Color community.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/AdobeColorCC.png" data-src="assets/images/logos/AdobeColorCC.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Adobe Color CC">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Adobe Color CC</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Create color schemes with the color wheel or browse thousands of color combinations from the Color community.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://color.adobe.com/zh/create/color-wheel" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.flatuicolorpicker.com/" target="_blank" data-id="" data-url="http://www.flatuicolorpicker.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Best Flat Colors For UI Design.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/flatuicolorpicker.png" data-src="assets/images/logos/flatuicolorpicker.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="flatuicolorpicker">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>flatuicolorpicker</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Best Flat Colors For UI Design.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.flatuicolorpicker.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://qrohlf.com/trianglify-generator/" target="_blank" data-id="" data-url="http://qrohlf.com/trianglify-generator/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Trianglify Generator.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/trianglify.png" data-src="assets/images/logos/trianglify.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="trianglify">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>trianglify</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Trianglify Generator.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://qrohlf.com/trianglify-generator/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://klart.co/colors/" target="_blank" data-id="" data-url="https://klart.co/colors/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Beautiful colors and designs to your inbox every week.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/klart.png" data-src="assets/images/logos/klart.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="klart">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>klart</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Beautiful colors and designs to your inbox every week.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://klart.co/colors/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.vanschneider.com/colors" target="_blank" data-id="" data-url="http://www.vanschneider.com/colors"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Color Claim was created in 2012 by Tobias van Schneider with the goal to collect &amp; combine unique colors for my future projects.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/vanschneider.png" data-src="assets/images/logos/vanschneider.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="vanschneider">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>vanschneider</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Color Claim was created in 2012 by Tobias van Schneider with the goal to collect &amp; combine unique colors for my future projects.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.vanschneider.com/colors" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="9c2232288caaa8ec40948cef6a786ac2"></i>
-                    在线工具
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://tinypng.com/" target="_blank" data-id="" data-url="https://tinypng.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Optimize your images with a perfect balance in quality and file size.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/tinypng.png" data-src="assets/images/logos/tinypng.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="tinypng">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>tinypng</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Optimize your images with a perfect balance in quality and file size.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://tinypng.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://goqr.me/" target="_blank" data-id="" data-url="http://goqr.me/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="create QR codes for free (Logo, T-Shirt, vCard, EPS).">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/goqr.png" data-src="assets/images/logos/goqr.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="goqr">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>goqr</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">create QR codes for free (Logo, T-Shirt, vCard, EPS).</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://goqr.me/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://ezgif.com" target="_blank" data-id="" data-url="https://ezgif.com"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="simple online GIF maker and toolset for basic animated GIF editing.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/ezgif.png" data-src="assets/images/logos/ezgif.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="ezgif">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>ezgif</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">simple online GIF maker and toolset for basic animated GIF editing.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://ezgif.com" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://inloop.github.io/shadow4android/" target="_blank" data-id="" data-url="http://inloop.github.io/shadow4android/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Android 9-patch shadow generator fully customizable shadows.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/Android9patch.png" data-src="assets/images/logos/Android9patch.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Android 9 patch">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Android 9 patch</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Android 9-patch shadow generator fully customizable shadows.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://inloop.github.io/shadow4android/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://screensiz.es/" target="_blank" data-id="" data-url="http://screensiz.es/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Viewport Sizes and Pixel Densities for Popular Devices.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/screensizes.png" data-src="assets/images/logos/screensizes.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="screen sizes">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>screen sizes</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Viewport Sizes and Pixel Densities for Popular Devices.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://screensiz.es/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://base64.icu" target="_blank" data-id="" data-url="https://base64.icu"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="base64在线解码与编码">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/svgomg.png" data-src="assets/images/logos/svgomg.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="base64在线解码">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>base64在线解码</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">base64在线解码与编码</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://base64.icu" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="13a0e1cc22ccc31b31242a6046230729"></i>
-                    谷歌插件
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.wappalyzer.com/" target="_blank" data-id="" data-url="https://www.wappalyzer.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Identify technology on websites.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/wappalyzer.png" data-src="assets/images/logos/wappalyzer.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="wappalyzer">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>wappalyzer</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Identify technology on websites.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.wappalyzer.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://usepanda.com/" target="_blank" data-id="" data-url="http://usepanda.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="A smart news reader built for productivity.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/usepanda.png" data-src="assets/images/logos/usepanda.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Panda">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Panda</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">A smart news reader built for productivity.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://usepanda.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://sizzy.co/" target="_blank" data-id="" data-url="https://sizzy.co/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="A tool for developing responsive websites crazy-fast.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/sizzy.png" data-src="assets/images/logos/sizzy.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="sizzy">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>sizzy</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">A tool for developing responsive websites crazy-fast.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://sizzy.co/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://csspeeper.com/" target="_blank" data-id="" data-url="https://csspeeper.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Smart CSS viewer tailored for Designers.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/csspeeper.png" data-src="assets/images/logos/csspeeper.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="csspeeper">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>csspeeper</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Smart CSS viewer tailored for Designers.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://csspeeper.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://insight.io/" target="_blank" data-id="" data-url="http://insight.io/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="IDE-like code search and navigation, on the cloud.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/insight.png" data-src="assets/images/logos/insight.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="insight">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>insight</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">IDE-like code search and navigation, on the cloud.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://insight.io/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://mustsee.earth/" target="_blank" data-id="" data-url="http://mustsee.earth/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Discover the world&#39;s most beautiful places at every opened tab.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/mustsee.png" data-src="assets/images/logos/mustsee.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="mustsee">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>mustsee</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Discover the world&#39;s most beautiful places at every opened tab.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://mustsee.earth/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="19cb9b648dba4efc58a205ea413b6b5d"></i>
-                    资讯书籍
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://weread.qq.com/" target="_blank" data-id="" data-url="https://weread.qq.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="微信读书电脑版。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e5%be%ae%e4%bf%a1%e8%af%bb%e4%b9%a6.jpg" data-src="assets/images/logos/%e5%be%ae%e4%bf%a1%e8%af%bb%e4%b9%a6.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="微信读书">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>微信读书</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">微信读书电脑版。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://weread.qq.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.bookstack.cn/" target="_blank" data-id="" data-url="https://www.bookstack.cn/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="IT 互联网开源编程书籍免费阅读与下载。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e4%b9%a6%e6%a0%88%e7%bd%91.jpg" data-src="assets/images/logos/%e4%b9%a6%e6%a0%88%e7%bd%91.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="书栈网">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>书栈网</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">IT 互联网开源编程书籍免费阅读与下载。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.bookstack.cn/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="c7a9a750a4a636f0bb3e982b5ea9141c"></i>
-                    博客论坛
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.inoreader.com/" target="_blank" data-id="" data-url="https://www.inoreader.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="重新掌控你的新闻订阅源。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/inoreader.jpg" data-src="assets/images/logos/inoreader.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Inoreader">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Inoreader</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">重新掌控你的新闻订阅源。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.inoreader.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://news.ycombinator.com/" target="_blank" data-id="" data-url="https://news.ycombinator.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="一家关于计算机黑客和创业公司的社会化新闻网站。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/hacker-news.jpg" data-src="assets/images/logos/hacker-news.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Hacker News">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Hacker News</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">一家关于计算机黑客和创业公司的社会化新闻网站。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://news.ycombinator.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://bbs.pinggu.org/" target="_blank" data-id="" data-url="https://bbs.pinggu.org/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="国内活跃的经济、管理、金融、统计在线教育和咨询网站。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e7%bb%8f%e7%ae%a1%e4%b9%8b%e5%ae%b6.jpg" data-src="assets/images/logos/%e7%bb%8f%e7%ae%a1%e4%b9%8b%e5%ae%b6.jpg"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="经管之家">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>经管之家</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">国内活跃的经济、管理、金融、统计在线教育和咨询网站。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://bbs.pinggu.org/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.ruanyifeng.com/blog/" target="_blank" data-id="" data-url="http://www.ruanyifeng.com/blog/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="阮一峰，科技爱好者周刊。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/%e9%98%ae%e4%b8%80%e5%b3%b0.png" data-src="assets/images/logos/%e9%98%ae%e4%b8%80%e5%b3%b0.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="阮一峰的网络日志">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>阮一峰的网络日志</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">阮一峰，科技爱好者周刊。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.ruanyifeng.com/blog/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.coolshell.cn/" target="_blank" data-id="" data-url="https://www.coolshell.cn/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="酷 壳 – CoolShell。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/" data-src="assets/images/logos/"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="酷壳">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>酷壳</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">酷 壳 – CoolShell。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.coolshell.cn/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="33d3098041927a26a98ed4c6822c9687"></i>
-                    设计规范
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://designguidelines.co/" target="_blank" data-id="" data-url="http://designguidelines.co/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Design Guidelines &amp;mdash; The way products are built.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/designguidelines.png" data-src="assets/images/logos/designguidelines.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Design Guidelines">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Design Guidelines</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Design Guidelines &amp;mdash; The way products are built.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://designguidelines.co/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://github.com/alexpate/awesome-design-systems" target="_blank" data-id="" data-url="https://github.com/alexpate/awesome-design-systems"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="A collection of awesome design systems.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/awesome_design_systems.png" data-src="assets/images/logos/awesome_design_systems.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Awesome design systems">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Awesome design systems</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">A collection of awesome design systems.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://github.com/alexpate/awesome-design-systems" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://material.io/guidelines/" target="_blank" data-id="" data-url="https://material.io/guidelines/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Introduction - Material Design.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/Material_Design.png" data-src="assets/images/logos/Material_Design.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Material Design">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Material Design</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Introduction - Material Design.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://material.io/guidelines/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://developer.apple.com/ios/human-interface-guidelines" target="_blank" data-id="" data-url="https://developer.apple.com/ios/human-interface-guidelines"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Human Interface Guidelines iOS.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/human_interface_guidelines.png" data-src="assets/images/logos/human_interface_guidelines.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Human Interface Guidelines">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Human Interface Guidelines</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Human Interface Guidelines iOS.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://developer.apple.com/ios/human-interface-guidelines" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://zaixianps.net/?ref=hrzhanghuan.com" target="_blank" data-id="" data-url="https://zaixianps.net/?ref=hrzhanghuan.com"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="在线图像编辑器">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/photoshopetiquette.png" data-src="assets/images/logos/photoshopetiquette.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="在线图像编辑器">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>在线图像编辑器</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">在线图像编辑器</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://zaixianps.net/?ref=hrzhanghuan.com" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-            <div class="d-flex flex-fill">
-                <h4 class="text-gray text-lg mb-4">
-                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="aec25b122d7aceb3dd3b64cf71858ed2"></i>
-                    视频教程
-                </h4>
-                <div class="flex-fill"></div>
-
-            </div>
-
-            <div class="row">
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.photoshoplady.com/" target="_blank" data-id="" data-url="http://www.photoshoplady.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Your Favourite Photoshop Tutorials in One Place.">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/PhotoshopLady.png" data-src="assets/images/logos/PhotoshopLady.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Photoshop Lady">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>Photoshop Lady</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">Your Favourite Photoshop Tutorials in One Place.</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.photoshoplady.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://doyoudo.com/" target="_blank" data-id="" data-url="http://doyoudo.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="创意设计软件学习平台。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/doyoudo.png" data-src="assets/images/logos/doyoudo.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="doyoudo">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>doyoudo</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">创意设计软件学习平台。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://doyoudo.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="http://www.c945.com/web-ui-tutorial/" target="_blank" data-id="" data-url="http://www.c945.com/web-ui-tutorial/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="WEB UI免费视频公开课。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/web_ui_tutorial.png" data-src="assets/images/logos/web_ui_tutorial.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="没位道">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>没位道</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">WEB UI免费视频公开课。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="http://www.c945.com/web-ui-tutorial/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
-                    <div class="url-body default">
-
-
-                        <a href="https://www.imooc.com/" target="_blank" data-id="" data-url="https://www.imooc.com/"
-                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="程序员的梦工厂（有UI课程）。">
-
-                            <div class="card-body">
-                                <div class="url-content d-flex align-items-center">
-                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
-
-
-					    <img class="lazy" src="assets/images/logos/imooc.png" data-src="assets/images/logos/imooc.png"
-                                                onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="慕课网">
-
-
-                                    </div>
-                                    <div class="url-info flex-fill">
-                                        <div class="text-sm overflowClip_1">
-                                            <strong>慕课网</strong>
-                                        </div>
-                                        <p class="overflowClip_1 m-0 text-muted text-xs">程序员的梦工厂（有UI课程）。</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </a>
-                        <a href="https://www.imooc.com/" class="togo text-center text-muted is-views" data-id="689"
-                            data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
-                            <i class="iconfont icon-goto"></i>
-                        </a>
-                    </div>
-                </div>
-
-            </div>
-            <br />
-
-
-
-
-
-    <h4 class="text-gray text-lg mb-4">
-        <i class="iconfont icon-book-mark-line icon-lg mr-2" id="friendlink"></i>友情链接
-    </h4>
-    <div class="friendlink text-xs card">
-        <div class="card-body">
-
-	    <a href="https://csdn.net" title="程序员社区" target="_blank">CSDN</a>
-
-	    <a href="https://gitapp.cn/" title="程序设计网" target="_blank">程序设计网</a>
-
-	    <a href="https://juejin.im" title="掘金社区" target="_blank">掘金社区</a>
-
-	    <a href="https://aliyun.com" title="阿里云社区" target="_blank">阿里云社区</a>
-
-        </div>
-    </div>
-</div>
-
-
-        <footer class="main-footer footer-type-1 text-xs">
-            <div id="footer-tools" class="d-flex flex-column">
-                <a href="javascript:" id="go-to-up" class="btn rounded-circle go-up m-1" rel="go-top">
-                    <i class="iconfont icon-to-up"></i>
-                </a>
-
-                <a href="javascript:" data-toggle="modal" data-target="#search-modal" class="btn rounded-circle m-1"
-                    rel="search" one-link-mark="yes">
-                    <i class="iconfont icon-search"></i>
-                </a>
-
-
-		<a href="javascript:" onclick="window.location.href='javascript:switchNightMode()'" class="btn rounded-circle switch-dark-mode m-1" id="yejian"
-                    data-toggle="tooltip" data-placement="left" title="日间模式">
-                    <i class="mode-ico iconfont icon-night"></i>
-                </a>
-
-            </div>
-            <div class="footer-inner">
-                <div class="footer-text">本站内容源自互联网，如有内容侵犯了你的权益，请联系删除相关内容，联系邮箱：kefu308@gmail.com <br/>© 2021 - 2023 By <a href="https://github.com/geeeeeeeek/web_tool">Web_tool</a> | <a href="http://beian.miit.gov.cn/">京ICP备2023018588号</a><br/></div>
-            </div>
-        </footer>
-    </div>
-</div>
-
-
-<div class="modal fade search-modal" id="search-modal">
-    <div class="modal-dialog modal-lg modal-dialog-centered">
-        <div class="modal-content">
-            <div class="modal-body">
-                <div id="search" class="s-search mx-auto my-4">
-                    <div id="search-list" class="hide-type-list">
-                        <div class="s-type">
-                            <span></span>
-                            <div class="s-type-list">
-                                <label for="m_type-baidu" data-id="group-a">常用</label>
-                                <label for="m_type-baidu1" data-id="group-b">搜索</label>
-                                <label for="m_type-whois" data-id="group-c">工具</label>
-                                <label for="m_type-zhihu" data-id="group-d">社区</label>
-                                <label for="m_type-taobao1" data-id="group-e">生活</label>
-                                <label for="m_type-zhaopin" data-id="group-f">求职</label>
-                            </div>
-                        </div>
-                        <div class="search-group group-a"><span class="type-text text-muted">常用</span>
-                            <ul class="search-type">
-                                <li><input checked="checked" hidden="" type="radio" name="type2"
-                                    id="m_type-baidu" value="https://www.baidu.com/s?wd=" data-placeholder="百度一下，你就知道">
-                                    <label for="m_type-baidu"><span class="text-muted">百度</span></label></li>
-				<li><input hidden="" type="radio" name="type2"
-                                    id="m_type-bing" value="https://cn.bing.com/search?q=" data-placeholder="微软必应搜索">
-                                    <label for="m_type-bing"><span class="text-muted">必应</span></label></li>
-                                <li><input hidden="" type="radio" name="type2"
-                                    id="m_type-google" value="https://www.google.com/search?q=" data-placeholder="谷歌搜索">
-                                    <label for="m_type-google"><span class="text-muted">谷歌</span></label></li>
-                                <li><input hidden="" type="radio" name="type2"
-                                    id="m_type-anaconda" value="https://anaconda.org/search?q=" data-placeholder="Anaconda 软件搜索">
-                                    <label for="m_type-anaconda"><span class="text-muted">软件</span></label></li>
-                                <li><input hidden="" type="radio" name="type2"
-                                    id="m_type-pubmed" value="https://pubmed.ncbi.nlm.nih.gov/?term=" data-placeholder="PubMed 搜索/文章标题/关键字">
-                                    <label for="m_type-pubmed"><span class="text-muted">文献</span></label></li>
-                            </ul>
-                        </div>
-                        <div class="search-group group-b"><span class="type-text text-muted">搜索</span>
-                                <ul class="search-type">
-                                    <li><input hidden="" type="radio" name="type2" id="m_type-baidu1"
-                                            value="https://www.baidu.com/s?wd=" data-placeholder="百度一下，你就知道"><label
-                                            for="m_type-baidu1"><span class="text-muted">百度</span></label></li>
-                                    <li><input hidden="" type="radio" name="type2" id="m_type-google1"
-                                            value="https://www.google.com/search?q=" data-placeholder="谷歌搜索"><label
-                                            for="m_type-google1"><span class="text-muted">谷歌</span></label></li>
-                                    <li><input hidden="" type="radio" name="type2" id="m_type-360"
-                                            value="https://www.so.com/s?q=" data-placeholder="360 好搜"><label
-                                            for="m_type-360"><span class="text-muted">360</span></label></li>
-                                    <li><input hidden="" type="radio" name="type2" id="m_type-sogo"
-                                            value="https://www.sogou.com/web?query=" data-placeholder="搜狗搜索"><label
-                                            for="m_type-sogo"><span class="text-muted">搜狗</span></label></li>
-                                    <li><input hidden="" type="radio" name="type2" id="m_type-bing1"
-                                            value="https://cn.bing.com/search?q=" data-placeholder="微软必应搜索"><label
-                                            for="m_type-bing1"><span class="text-muted">必应</span></label></li>
-                                    <li><input hidden="" type="radio" name="type2" id="m_type-sm"
-                                            value="https://yz.m.sm.cn/s?q=" data-placeholder="UC 移动端搜索"><label
-                                            for="m_type-sm"><span class="text-muted">神马</span></label></li>
-                                </ul>
-                        </div>
-                        <div class="search-group group-c"><span class="type-text text-muted">工具</span>
-                            <ul class="search-type">
-                                <li><input hidden="" type="radio" name="type2" id="m_type-br"
-                                        value="https://rank.chinaz.com/all/" data-placeholder="请输入网址(不带 https://)">
-					<label for="m_type-br"><span class="text-muted">权重查询</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-links"
-                                        value="https://link.chinaz.com/" data-placeholder="请输入网址(不带 https://)">
-					<label for="m_type-links"><span class="text-muted">友链检测</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-whois"
-                                        value="https://who.is/whois/" data-placeholder="请输入网址(不带 https://)">
-					<label for="m_type-whois"><span class="text-muted">域名信息查询</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-ping"
-                                        value="https://ping.chinaz.com/" data-placeholder="请输入网址(不带 https://)">
-					<label for="m_type-ping"><span class="text-muted">PING 检测</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-404"
-                                        value="https://tool.chinaz.com/Links/?DAddress=" data-placeholder="请输入网址(不带 https://)">
-					<label for="m_type-404"><span class="text-muted">死链检测</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-ciku"
-                                        value="https://www.ciku5.com/s?wd=" data-placeholder="请输入关键词">
-					<label for="m_type-ciku"><span class="text-muted">关键词挖掘</span></label>
-		                </li>
-                            </ul>
-                        </div>
-                        <div class="search-group group-d"><span class="type-text text-muted">社区</span>
-                            <ul class="search-type">
-                                <li><input hidden="" type="radio" name="type2" id="m_type-zhihu"
-                                    value="https://www.zhihu.com/search?type=content&q=" data-placeholder="知乎">
-                                    <label for="m_type-zhihu"><span class="text-muted">知乎</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-wechat"
-                                    value="https://weixin.sogou.com/weixin?type=2&query=" data-placeholder="微信">
-                                    <label for="m_type-wechat"><span class="text-muted">微信</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-weibo"
-                                    value="https://s.weibo.com/weibo/" data-placeholder="微博">
-                                    <label for="m_type-weibo"><span class="text-muted">微博</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-douban"
-                                    value="https://www.douban.com/search?q=" data-placeholder="豆瓣">
-                                    <label for="m_type-douban"><span class="text-muted">豆瓣</span></label></li>
-                            </ul>
-                        </div>
-                        <div class="search-group group-e"><span class="type-text text-muted">生活</span>
-                            <ul class="search-type">
-                                <li><input hidden="" type="radio" name="type2" id="m_type-taobao1"
-                                    value="https://s.taobao.com/search?q=" data-placeholder="淘宝">
-                                    <label for="m_type-taobao1"><span class="text-muted">淘宝</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-jd"
-                                    value="https://search.jd.com/Search?keyword=" data-placeholder="京东">
-                                    <label for="m_type-jd"><span class="text-muted">京东</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-xiachufang"
-                                    value="https://www.xiachufang.com/search/?keyword=" data-placeholder="下厨房">
-                                    <label for="m_type-xiachufang"><span class="text-muted">下厨房</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-xiangha"
-                                    value="https://www.xiangha.com/so/?q=caipu&s=" data-placeholder="香哈菜谱">
-                                    <label for="m_type-xiangha"><span class="text-muted">香哈菜谱</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-12306"
-                                    value="https://www.12306.cn/?" data-placeholder="12306">
-                                    <label for="m_type-12306"><span class="text-muted">12306</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-qunar"
-                                    value="https://www.qunar.com/?" data-placeholder="去哪儿">
-                                    <label for="m_type-qunar"><span class="text-muted">去哪儿</span></label></li>
-                            </ul>
-                        </div>
-                        <div class="search-group group-f"><span class="type-text text-muted">求职</span>
-                            <ul class="search-type">
-                                <li><input hidden="" type="radio" name="type2" id="m_type-zhaopin"
-                                    value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw=" data-placeholder="智联招聘">
-                                    <label for="m_type-zhaopin"><span class="text-muted">智联招聘</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-51job"
-                                    value="https://search.51job.com/?" data-placeholder="前程无忧">
-                                    <label for="m_type-51job"><span class="text-muted">前程无忧</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-lagou"
-                                    value="https://www.lagou.com/jobs/list_" data-placeholder="拉钩网">
-                                    <label for="m_type-lagou"><span class="text-muted">拉钩网</span></label></li>
-                                <li><input hidden="" type="radio" name="type2" id="m_type-liepin"
-                                    value="https://www.liepin.com/zhaopin/?key=" data-placeholder="猎聘网">
-                                    <label for="m_type-liepin"><span class="text-muted">猎聘网</span></label></li>
-                            </ul>
-                        </div>
-                    </div>
-                    <form action="https://nav.iowen.cn?s=" method="get" target="_blank" class="super-search-fm">
-                        <input type="text" id="m_search-text" class="form-control smart-tips search-key" zhannei=""
-                                autocomplete="off" placeholder="输入关键字搜索" style="outline:0">
-                        <button type="submit"><i class="iconfont icon-search"></i></button>
-                    </form>
-                    <div class="card search-smart-tips" style="display: none">
-                        <ul></ul>
-                    </div>
-                </div>
-
-
-            </div>
-            <div style="position: absolute;bottom: -40px;width: 100%;text-align: center;">
-                <a href="javascript:" data-dismiss="modal"><i class="iconfont icon-close-circle icon-2x" style="color: #fff;"></i></a>
-            </div>
-        </div>
-    </div>
-</div>
-
-
-<script type='text/javascript' src='./assets/js/jquery.ui.touch-punch.min-0.2.2.js' id='jqueryui-touch-js'></script>
-<script type='text/javascript' src='./assets/js/clipboard.min-5.6.2.js' id='clipboard-js'></script>
-<script type='text/javascript' src='./assets/js/tooltip-extend.js' id='iplaycode-nav-js'></script>
-<script type='text/javascript' id='popper-js-extra'>
-
-
-var theme = {"ajaxurl":"","addico":"https:\/\/nav.baidu.cn\/wp-content\/themes\/onenav\/images\/add.png","order":"asc","formpostion":"top","defaultclass":"io-grey-mode","isCustomize":"1","icourl":"","icopng":".png","urlformat":"1","customizemax":"10","newWindow":"0","lazyload":"1","minNav":"1","loading":"1","hotWords":"baidu","classColumns":" col-sm-6 col-md-4 col-xl-5a col-xxl-6a ","apikey":"TWpBeU1UVTNOekk1TWpVMEIvZ1M2bFVIQllUMmxsV1dZelkxQTVPVzB3UW04eldGQmxhM3BNWW14bVNtWk4="};
-
-</script>
-<script type='text/javascript' src='./assets/js/popper.min.js' id='popper-js'></script>
-<script type='text/javascript' src='./assets/js/bootstrap.min-4.3.1.js' id='bootstrap-js'></script>
-<script type='text/javascript' src='./assets/js/theia-sticky-sidebar-1.5.0.js' id='sidebar-js'></script>
-<script type='text/javascript' src='./assets/js/lazyload.min-12.4.0.js' id='lazyload-js'></script>
-<script type='text/javascript' src='./assets/js/fancybox.min-3.5.7.js' id='lightbox-js-js'></script>
-
-<script type='text/javascript' src='./assets/js/app-anim.js' id='appanim-js'></script>
-
-<script type="text/javascript">
-    $(document).ready(function(){
-        var siteWelcome = $('#loading');
-        siteWelcome.addClass('close');
-        setTimeout(function() {
-            siteWelcome.remove();
-        }, 600);
-    });
-</script>
-<script>
-    $(document).ready(function(){
-        setTimeout(function () {
-            if ($('a.smooth[href="' + window.location.hash + '"]')[0]) {
-                $('a.smooth[href="' + window.location.hash + '"]').click();
-            }else if (window.location.hash != '') {
-                $("html, body").animate({
-                    scrollTop: $(window.location.hash).offset().top - 90
-                }, {
-                    duration: 500,
-                    easing: "swing"
-                });
-            }
-        }, 300);
-        $(document).on('click','a.smooth',function(ev) {
-            if($('#sidebar').hasClass('show') && !$(this).hasClass('change-href')){
-                $('#sidebar').modal('toggle');
-            }
-            if($(this).attr("href").substr(0, 1) == "#"){
-                $("html, body").animate({
-                    scrollTop: $($(this).attr("href")).offset().top - 90
-                }, {
-                    duration: 500,
-                    easing: "swing"
-                });
-            }
-            if($(this).hasClass('go-search-btn')){
-                $('#search-text').focus();
-            }
-            if(!$(this).hasClass('change-href')){
-                var menu =  $("a"+$(this).attr("href"));
-                menu.click();
-                toTarget(menu.parent().parent(),true,true);
-            }
-        });
-        $(document).on('click','a.tab-noajax',function(ev) {
-            var url = $(this).data('link');
-            if(url)
-                $(this).parents('.d-flex.flex-fill.flex-tab').children('.btn-move.tab-move').show().attr('href', url);
-            else
-                $(this).parents('.d-flex.flex-fill.flex-tab').children('.btn-move.tab-move').hide();
-        });
-
-    });
-</script>
-
-<script>
-
-(function(){
-    if(document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") === ''){
-        if(new Date().getHours() > 22 || new Date().getHours() < 6){
-            document.body.classList.remove('io-black-mode');
-            document.body.classList.add('io-grey-mode');
-            document.cookie = "night=1;path=/";
-            console.log('夜间模式开启');
-        }else{
-            document.body.classList.remove('night');
-            document.cookie = "night=0;path=/";
-            console.log('夜间模式关闭');
-        }
-    }else{
-        var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
-        if(night == '0'){
-            document.body.classList.remove('night');
-        }else if(night == '1'){
-            document.body.classList.add('night');
-        }
-    }
-})();
-
-$("#search-bg").css("background-image", "url(assets\/images\/bg-dna.jpg)");
-function switchNightMode(){
-    var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
-    if(night == '0'){
-	$("#search-bg").css("background-image", "url(assets\/images\/bg-dna.jpg)");
-        document.body.classList.remove('io-grey-mode');
-        document.body.classList.add('io-black-mode');
-        document.cookie = "night=1;path=/"
-        console.log(' ');
-        $(".switch-dark-mode").attr("data-original-title","日间模式");
-        $(".mode-ico").removeClass("icon-night");
-        $(".mode-ico").addClass("icon-light");
-    }else{
-	$("#search-bg").css("background-image", "url(assets\/images\/bg-dna.jpg)")
-        document.body.classList.remove('io-black-mode');
-        document.body.classList.add('io-grey-mode');
-        document.cookie = "night=0;path=/"
-        console.log(' ');
-        $(".switch-dark-mode").attr("data-original-title","夜间模式");
-        $(".mode-ico").removeClass("icon-light");
-        $(".mode-ico").addClass("icon-night");
-    }
-}
-</script>
-</body>
-</html>
-
-
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>仙剑奇侠传</title>
+<style type="text/css">
+</style>
+<link href="css/实训作业的CSS.css" rel="stylesheet" type="text/css" />
+<link href="css/文字悬停和遮罩CSS.css" rel="stylesheet" type="text/css" />
+<link rel="Shortcut Icon" href="imgs/bitbug_favicon (1).ico">
+
+</head>
+
+<body>
+<header class="header">
+      <a href="实训作业.html">
+        <h1 class="logo"><img src="imgs/武大仙剑.jpg" width="55" height="55" alt="Logo"></h1>
+      </a>
+      <nav class="nav">
+   		<ul>
+        <li><a href="实训作业.html" >首页<span></span></a></li>
+        <li><a href="#one" >仙剑奇侠传<span></span></a></li>
+        <li><a href="#two" >故事背景<span></span></a></li>
+        <li><a href="#three" >著名影视作品<span></span></a></li>
+        <li><a href="#four" >相关游戏<span></span></a></li>
+        <li><audio src="audio/笛子绿洲 - 生生世世爱 (竹笛版) (纯音乐).ogg" autoplay="true" autostart="true" loop="loop" controls="controls" style="text-align:right;float:right;">
+</audio></li>
+    	</ul>
+  </nav>
+    </header>
+<div id="two" class="stxj">
+<img src="imgs/仙剑2.png" width="100%" height="auto" style="border-radius:5%"/>
+</div>
+<div class="xjjs">
+<fieldset>
+<legend style="font-size:28px;">《仙剑奇侠传》</legend>
+<div>
+<img  class="tp" src="imgs/仙剑开篇.jpg" width="480" height="270" style="float:left" />《仙剑奇侠传》是由中国台湾大宇资讯股份有限公司（简称“大宇资讯”或“大宇”）旗下发行的系列电脑游戏。2021年8月5日，中手游成为《仙剑奇侠传》在中国大陆地区注册、授权及使用权益的唯一拥有人。
+仙剑故事以中国古代的仙妖神鬼传说为背景、以武侠和仙侠为题材，迄今已发行九款单机角色扮演游戏、一款衍生经营模拟游戏、两款网络游戏、一款网络社交游戏和一款衍生手机游戏。
+2021年10月15日，系列单机游戏第九部作品《仙剑奇侠传七》上市。
+系列首款作品发行于1995年7月，荣获两岸当时无数的游戏奖项，被众多玩家誉为“旷世奇作”。《仙剑奇侠传》系列现已衍生出漫画、小说、电视剧、舞台剧、声优剧、卡牌等相关，成为大宇重要的知识产权（IP）品牌。
+2018年10月25日，新华社下属智库机构瞭望智库与北京文博会组委会联合发布首份着眼文化IP的报告——《面向高质量的发展：2017-2018年度IP评价报告》，《仙剑奇侠传》入选为《报告》榜单TOP20。
+</div>
+</fieldset>
+</div>
+<div id="three" style="margin:0 auto;width:90%;height:auto; margin-top:50px;">
+<fieldset class="zp" style="border-radius:5%" >
+<legend  style="font-size:36px;text-align:center; background-image:url(imgs/%E6%B5%85%E8%89%B2%E5%9B%BE%E7%89%87.png); border:2px solid #000; padding:5px; margin-bottom:10px;">著名影视作品</legend>
+<div style="border-radius:5%" align="center">
+<img class="tp" src="imgs/景天.png" width="40%" height="auto" />
+<img class="tp" src="imgs/龙葵.png" width="40%" height="auto" />
+<img class="tp" src="imgs/雪见.png" width="40%" height="auto" />
+<img class="tp" src="imgs/徐长卿.png" width="40%" height="auto" />
+</div>
+</fieldset>
+</div>
+</div>
+<div id="four" style="margin:0 auto;width:90%;height:auto; margin-top:50px;">
+<fieldset style="border:5px solid #000;">
+<legend style="font-size:36px; text-align:center;"><img src="imgs/仙剑LOGO.png" /></legend>
+<div>
+<div class="container">
+        <div class="box">
+            <div class="img-box">
+                <img style="border:1px solid #000" class="tpxj" src="imgs/仙剑奇侠传1.png" alt="仙剑奇侠传1">
+            </div>
+            <div class="text-box">
+                <div>
+                    <h2>仙剑奇侠传1</h2>
+                    <p>一心习武梦想名震江湖的李逍遥，在机缘巧合下结识神秘少女赵灵儿，展开护卫佳人千里寻母的旅程。途中因为多管闲事，得罪了欢喜冤家林月如，又被苗族巫女阿奴死缠不放。面对蕙质兰心的赵灵儿、外刚内柔的林月如、烂漫天真的阿奴，他将要如何抉择呢。”</p>
+                </div>
+            </div>
+        </div>
+        <div class="box">
+            <div class="img-box">
+                <img style="border:1px solid #000" class="tpxj" src="imgs/仙剑奇侠传2.png" alt="仙剑奇侠传2">
+            </div>
+            <div class="text-box">
+                <div>
+                    <h2>仙剑奇侠传2</h2>
+                    <p>王小虎、李忆如、苏媚及沈欺霜等人便是在这样的一个时空背景下，交织出一段充满亲情、友情、爱情的传奇故事。到底王小虎是如何踏上旅程、如何结识几位女主角且发生动人故事、如何卷入一连串安排好的阴谋而不自觉、又如何在千叶禅师的帮助下去对抗那可怕的魔头孔璘。</p>
+                </div>
+            </div>
+        </div>
+        <div class="box">
+            <div class="img-box">
+                <img style="border:1px solid #000" class="tpxj" src="imgs/仙剑奇侠传3.png" alt="仙剑奇侠传3">
+            </div>
+            <div class="text-box">
+                <div>
+                    <h2>仙剑奇侠传3</h2>
+                    <p>渝州最大当铺——永安当的伙计景天每日幻想能富甲天下或成为蜀山剑仙，认识了当铺主人唐家堡的大小姐雪见。另一方面爱慕紫萱的魔尊重楼与景天前世神界神将飞蓬惺惺相惜，为助景天而交予他其另一前世姜国王子龙阳所铸魔剑。景天又遇到剑中宿灵的龙阳妹妹龙葵。在与主要敌人邪剑仙的纠缠斗争中，冒险完全展开。</p>
+                </div>
+            </div>
+        </div>
+        <div class="box">
+            <div class="img-box">
+                <img style="border:1px solid #000" class="tpxj" src="imgs/仙剑奇侠传4.png" alt="仙剑奇侠传4">
+            </div>
+            <div class="text-box">
+                <div>
+                    <h2>仙剑奇侠传4</h2>
+                    <p>山野少年云天河从小孤独地成长，整天以玩猪、猎猪为乐。某日因盗墓少女韩菱纱而闯入父母的神秘墓室，墓室中的奇事奇景使得少年踏上了寻觅往事、求仙问道的旅途。
+在寻仙的过程中结识了天仙般美貌的官家千金柳梦璃、拥有剑仙般浩然正气的慕容紫英。随着那掩埋在岁月风沙之下的往事日渐清晰，山野少年尝尽红尘俗世的喜怒哀乐与悲欢离合，他逐渐渴望重新回到往日无忧无虑的日子。</p>
+                </div>
+            </div>
+        </div>
+        <div class="box">
+            <div class="img-box">
+                <img style="border:1px solid #000" class="tpxj" src="imgs/仙剑奇侠传5.png" alt="仙剑奇侠传5">
+            </div>
+            <div class="text-box">
+                <div>
+                    <h2>仙剑奇侠传5</h2>
+                    <p>姜云凡，原是不知天高地厚的轻狂少年，然而苍木山上，当他踏出山门那刻起，便已踏上命中注定的长旅。温柔大小姐唐雨柔，精灵苗疆女小蛮，神秘贵公子龙幽，邂逅的是宿世因缘，抑或命运作弄？蜀山剑仙，武林世家，妖魔邪异，变幻的是沧桑世事，抑或百态人心？锁妖塔下，神魔之井等掩埋的是前尘过往，抑或汹涌暗流？而当漫长的追寻到达终点，所求为何，所得，又是如何？</p>
+                </div>
+            </div>
+        </div>
+        <div class="box">
+            <div class="img-box">
+                <img style="border:1px solid #000" class="tpxj" src="imgs/仙剑奇侠传6.png" alt="仙剑奇侠传6">
+            </div>
+            <div class="text-box">
+                <div>
+                    <h2>仙剑奇侠传6</h2>
+                    <p>太古神农大神诞生时，天下伴有九泉相生。九泉各具异能，乃是滋生万物的源。后人神兽三族大战，最终以兽族不敌人神联军战败而收场。蚩尤引兽族入魔界，人神魔三界自此隔阂。大战之后，神农和九泉便不知所踪。越今朝和越祈为了寻找某样丢失的东西，来到了西域古城,太古沉睡的巨兽破海而出，展翼千里，迅游天际。而脑海中不知名的女子之声，却令它感到迷惑。</p>
+                </div>
+            </div>
+        </div>
+        <div class="box">
+            <div class="img-box">
+                <img style="border:1px solid #000" class="tpxj" src="imgs/仙剑奇侠传7.png" alt="仙剑奇侠传7">
+            </div>
+            <div class="text-box">
+                <div>
+                    <h2>仙剑奇侠传7</h2>
+                    <p>凶兽肆虐人间，百姓苦不堪言，各大修仙门派也只能依仗阵法勉强抵御凶兽侵袭。某日，明庶门弟子月清疏在回山途中发现村民被妖物围攻，为掩护村民逃脱，冒险将凶兽引向山谷深处，中途意外被击落。一名叫修吾的神秘男子突然现身。</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+</fieldset>
+</div>
+<footer>
+<div id="footer">
+	<div style="padding:5px;margin-top:30px;margin:0 auto; text-align:right;">
+    <hr />
+	<img src="imgs/2345_image_file_copy_1.jpg" width="245"  height="170" style="border:1px solid #000;padding:5px;float:left;"/>
+    <p style="margin-top:30px;color:#fff;"><strong>Power by:曾子恒<br />学		号:230628120302</strong>
+    </p>
+	</div>
+</div>
+</footer>
+<hr />
+</body>
+</html>