master

分支 (1)

管理

管理

master

dyds
/
index_old.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <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">
    <title>所长导航-有范的导航网站</title>
    <meta name="theme-color" content="#f9f9f9">
    <meta name="keywords"
        content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航">
    <meta name="description" content="所长导航 - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://liutongxu.github.io">
    <meta property="og:title" content="所长导航-有范的导航网站">
    <meta property="og:description" content="所长导航 - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。">
    <meta property="og:image" content="https://nav.iowen.cn/wp-content/themes/onenav/screenshot.jpg">
    <meta property="og:site_name" content="所长导航">
    <link rel="icon" href="./ico.ico">
    <link rel='stylesheet' id='wp-block-library-css' href='wp-includes/css/dist/block-library/style.min-5.6.2.css'
        type='text/css' media='all'>
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <link rel='stylesheet' id='iconfont-css' href='wp-content/themes/onenav/css/iconfont-3.03029.1.css' type='text/css'
        media='all'>
    <link rel='stylesheet' id='iconfontd-css' href='t/font_1620678_7g0p3h6gbl-3.03029..css' type='text/css' media='all'>
    <link rel='stylesheet' id='bootstrap-css' href='wp-content/themes/onenav/css/bootstrap.min-3.03029.1.css'
        type='text/css' media='all'>
    <link rel='stylesheet' id='lightbox-css' href='wp-content/themes/onenav/css/jquery.fancybox.min-3.03029.1.css'
        type='text/css' media='all'>
    <link rel='stylesheet' id='style-css' href='wp-content/themes/onenav/css/style-3.03029.1.css' type='text/css'
        media='all'>
    <script type='text/javascript' src='wp-content/themes/onenav/js/jquery.min-3.03029.1.js' id='jquery-js'></script>
    <style>
        #footer-tools [data-v-db6ccf64][data-v-41ba7e2c] {
            top: unset !important;
            bottom: 0 !important;
            right: 44px !important
        }

        .io.icon-fw,
        .iconfont.icon-fw {
            width: 1.15em;
        }

        .io.icon-lg,
        .iconfont.icon-lg {
            font-size: 1.5em;
            line-height: .75em;
            vertical-align: -.125em;
        }

        .screenshot-carousel .img_wrapper a {
            display: contents
        }

        .fancybox-slide--iframe .fancybox-content {
            max-width: 1280px;
            margin: 0
        }

        .fancybox-slide--iframe.fancybox-slide {
            padding: 44px 0
        }

        .navbar-nav .menu-item-286 a {
            background: #ff8116;
            border-radius: 50px !important;
            padding: 5px 10px !important;
            margin: 5px 0 !important;
            color: #fff !important;
        }

        .navbar-nav .menu-item-286 a i {
            position: absolute;
            top: 0;
            right: -10px;
            color: #f13522;
        }

        .io-black-mode .navbar-nav .menu-item-286 a {
            background: #ce9412;
        }

        .io-black-mode .navbar-nav .menu-item-286 a i {
            color: #fff;
        }
    </style><!-- 自定义代码 -->
    <!-- end 自定义代码 -->
</head>

<body class="io-grey-mode">
    <div id="loading">
        <style>
            .loader {
                width: 250px;
                height: 50px;
                line-height: 50px;
                text-align: center;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                font-family: helvetica, arial, sans-serif;
                text-transform: uppercase;
                font-weight: 900;
                color: #f1404b;
                letter-spacing: 0.2em
            }

            .loader::before,
            .loader::after {
                content: "";
                display: block;
                width: 15px;
                height: 15px;
                background: #f1404b;
                position: absolute;
                animation: load .7s infinite alternate ease-in-out
            }

            .loader::before {
                top: 0
            }

            .loader::after {
                bottom: 0
            }

            @keyframes load {
                0% {
                    left: 0;
                    height: 30px;
                    width: 15px
                }

                50% {
                    height: 8px;
                    width: 40px
                }

                100% {
                    left: 235px;
                    height: 30px;
                    width: 15px
                }
            }
        </style>
        <div class="loader">一个有范的导航</div>
    </div>
    <div class="page-container">


        <div id="sidebar" class="sticky sidebar-nav fade mini-sidebar" style="width: 60px;">
            <div class="modal-dialog h-100  sidebar-nav-inner">
                <div class="sidebar-logo border-bottom border-color">
                    <!-- logo -->
                    <div class="logo overflow-hidden">
                        <a href="" class="logo-expanded">
                            <img src="wp-content/uploads/2020/01/ywdh-logo-1.png" height="40" class="logo-light"
                                alt="所长导航">
                            <img src="wp-content/uploads/2020/01/ywdh-logo.png" height="40" class="logo-dark d-none"
                                alt="所长导航">
                        </a>
                        <a href="" class="logo-collapsed">
                            <img src="wp-content/uploads/2020/01/ywdh-logo-bark-ico.png" height="40" class="logo-light"
                                alt="所长导航">
                            <img src="wp-content/uploads/2020/01/ywdh-logo-ico.png" height="40" class="logo-dark d-none"
                                alt="所长导航">
                        </a>
                    </div>
                    <!-- logo end -->
                </div>
                <div class="sidebar-menu flex-fill">
                    <div class="sidebar-scroll">
                        <div class="sidebar-menu-inner">
                            <ul>
                                <li class="sidebar-item top-menu">
                                    <a href="javascript:;" class="smooth change-href">
                                        <i class="iconfont icon-category icon-fw icon-lg mr-2"></i>
                                        <span>站点推荐</span>
                                        <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
                                    </a>
                                    <ul>
                                        <li id="menu-item-281"
                                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-281">
                                            <a href="https://liutongxu.github.io">
                                                <i class="fa fa-home fa-lg mr-2"></i>
                                                <span>首页</span></a>
                                        </li>
                                        <li id="menu-item-786"
                                            class="menu-item menu-item-type-custom menu-item-object-custom menu-item-786">
                                            <a target="_blank" rel="noopener" href="javascript:;">
                                                <i class="fa fa-flag fa-lg mr-2"></i>
                                                <span>日志</span></a>
                                        </li>
                                        <li id="menu-item-284"
                                            class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-284">
                                            <a href="about.html">
                                                <i class="fa fa-info-circle fa-lg mr-2"></i>
                                                <span>关于</span></a>
                                            <ul class="sub-menu">
                                                <li id="menu-item-264"
                                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264">
                                                    <a href="contribute.html">网站提交</a>
                                                </li>
                                                <li id="menu-item-285"
                                                    class="menu-item menu-item-type-custom menu-item-object-custom menu-item-285">
                                                    <a href="#">二级菜单样式</a>
                                                </li>
                                            </ul>
                                        </li>

                                    </ul>
                                </li>
                                <li class="sidebar-item">
                                    <a href="#term-2" class="smooth">
                                        <i class="io io-fuwu icon-fw icon-lg mr-2"></i>
                                        <span>常用推荐</span>
                                    </a>
                                </li>
                                <li class="sidebar-item">
                                    <!--<a href="javascript:;">-->
                                    <a href="#term-448" class="smooth change-href" data-change="#term-448">
                                        <i class="io io-zixun 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="#term-39" class="smooth"><span>科技</span></a>
                                        </li>

                                        <li>
                                            <a href="#term-3" class="smooth"><span>社区资讯</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="sidebar-item">
                                    <a href="#term-98" class="smooth">
                                        <i class="io io-book icon-fw icon-lg mr-2"></i>
                                        <span>书籍期刊</span>
                                    </a>
                                </li>
                                <li class="sidebar-item">
                                    <a href="#term-69" class="smooth">
                                        <i class="io io-app icon-fw icon-lg mr-2"></i>
                                        <span>软件游戏</span>
                                    </a>
                                </li>
                                <li class="sidebar-item">
                                    <a href="#term-41" class="smooth">
                                        <i class="io io-yanshi icon-fw icon-lg mr-2"></i>
                                        <span>用户演示</span>
                                    </a>
                                </li>
                                <li class="sidebar-item">
                                    <!--<a href="javascript:;">-->
                                    <a href="#term-18" class="smooth change-href" data-change="#term-18">
                                        <i class="io io-gongju 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="#term-22" class="smooth"><span>在线配色</span></a>
                                        </li>

                                        <li>
                                            <a href="#term-24" class="smooth"><span>Chrome插件</span></a>
                                        </li>

                                        <li>
                                            <a href="#term-21" class="smooth"><span>交互动效</span></a>
                                        </li>

                                        <li>
                                            <a href="#term-19" class="smooth"><span>图形创意</span></a>
                                        </li>

                                        <li>
                                            <a href="#term-23" class="smooth"><span>在线工具</span></a>
                                        </li>

                                        <li>
                                            <a href="#term-20" class="smooth"><span>界面设计</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="sidebar-item">
                                    <!--<a href="javascript:;">-->
                                    <a href="#term-8" class="smooth change-href" data-change="#term-8">
                                        <i class="io io-sucai1-copy 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="#term-11" class="smooth"><span>平面素材</span></a>
                                        </li>

                                        <li>
                                            <a href="#term-10" class="smooth"><span>LOGO设计</span></a>
                                        </li>

                                        <li>
                                            <a href="#term-15" class="smooth"><span>Mockup</span></a>
                                        </li>

                                        <li>
                                            <a href="#term-17" class="smooth"><span>PPT资源</span></a>
                                        </li>

                                        <li>
                                            <a href="#term-13" class="smooth"><span>Sketch资源</span></a>
                                        </li>

                                        <li>
                                            <a href="#term-9" class="smooth"><span>图标素材</span></a>
                                        </li>

                                        <li>
                                            <a href="#term-12" class="smooth"><span>UI资源</span></a>
                                        </li>

                                        <li>
                                            <a href="#term-14" class="smooth"><span>字体资源</span></a>
                                        </li>

                                        <li>
                                            <a href="#term-16" class="smooth"><span>摄影图库</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="sidebar-item">
                                    <a href="#term-25" class="smooth">
                                        <i class="io io-tuandui icon-fw icon-lg mr-2"></i>
                                        <span>UED团队</span>
                                    </a>
                                </li>
                                <li class="sidebar-item">
                                    <a href="#friendlink" class="smooth">
                                        <i class="io io-links icon-fw icon-lg mr-2"></i>
                                        <span>友情链接</span>
                                    </a>
                                </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="contribute.html">
                                    <i class="io io-tijiao icon-fw icon-lg mr-2"></i>
                                    <span>网站提交</span></a>
                            </li>
                            <li id="menu-item-212"
                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-212 sidebar-item">
                                <a href="sample-page.html">
                                    <i class="io io-caozuoshili 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="index1.html">
                                    <i class="io io-iowen icon-fw icon-lg mr-2"></i>
                                    <span>一为忆</span></a>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-content flex-fill">
            <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="wp-content/uploads/2020/01/ywdh-logo-bark-ico.png" class="logo-light"
                                    alt="所长导航">
                                <img src="wp-content/uploads/2020/01/ywdh-logo-ico.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 id="menu-item-281"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-281">
                                        <a href="https://liutongxu.github.io">
                                            <i class="fa fa-home fa-lg mr-2"></i>
                                            <span>首页</span></a>
                                    </li>
                                    <li id="menu-item-786"
                                        class="menu-item menu-item-type-custom menu-item-object-custom menu-item-786"><a
                                            target="_blank" rel="noopener" href="javascript:;">
                                            <i class="fa fa-flag fa-lg mr-2"></i>
                                            <span>日志</span></a></li>
                                    <li id="menu-item-284"
                                        class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-284">
                                        <a href="about.html">
                                            <i class="fa fa-info-circle fa-lg mr-2"></i>
                                            <span>关于1</span></a>
                                        <ul class="sub-menu">
                                            <li id="menu-item-264"
                                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-264">
                                                <a href="contribute.html">网站提交</a>
                                            </li>
                                            <li id="menu-item-285"
                                                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-285">
                                                <a href="#">二级菜单样式</a>
                                            </li>
                                        </ul>
                                    </li>

                                </ul>
                                <div class="rounded-circle weather">
                                    <div id="he-plugin-simple" style="display: contents;"></div>
                                    <script>WIDGET = { CONFIG: { "modules": "12034", "background": 5, "tmpColor": "888", "tmpSize": 14, "cityColor": "888", "citySize": 14, "aqiSize": 14, "weatherIconSize": 24, "alertIconSize": 18, "padding": "10px 10px 10px 10px", "shadow": "1", "language": "auto", "borderRadius": 5, "fixed": "false", "vertical": "middle", "horizontal": "left", "key": "a922adf8928b4ac1ae7a31ae7375e191" } }</script>
                                    <script
                                        src="//widget.heweather.net/simple/static/js/he-simple-common.js?v=1.1"></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 type="text/javascript" src="https://api.zmki.cn/dujitang/index.php/?encode=js&charset=utf-8"></script>
                                    <div id="binduyan"><script>dujitang()</script></div>
                                </li>
                                <!-- 一言 end -->
                                <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"
                style="background-image: linear-gradient(45deg, #8618db 0%, #d711ff 50%, #460fdd 100%);">
                <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" class="" data-id="group-a"><span>常用</span></label><label
                                        for="type-baidu1" data-id="group-b"><span>搜索</span></label><label for="type-br"
                                        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://nav.iowen.cn?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 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 checked="checked" hidden="" type="radio" name="type" 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-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-zhannei"
                                            value="https://nav.iowen.cn/?post_type=sites&s="
                                            data-placeholder="站内搜索"><label for="type-zhannei"><span
                                                class="text-muted">站内</span></label></li>
                                    <li><input hidden="" type="radio" name="type" id="type-taobao"
                                            value="https://s.taobao.com/search?q=" data-placeholder="淘宝"><label
                                            for="type-taobao"><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>
                                </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-icp"
                                            value="https://icp.aizhan.com/" data-placeholder="请输入网址(不带https://)"><label
                                            for="type-icp"><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>
                                    <li><input hidden="" type="radio" name="type" id="type-why"
                                            value="https://ask.seowhy.com/search/?q=" data-placeholder="SEO问答社区"><label
                                            for="type-why"><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-kd100"
                                            value="https://www.kuaidi100.com/?" data-placeholder="快递100"><label
                                            for="type-kd100"><span class="text-muted">快递100</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="type-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" style="display: none">
                            <ul></ul>
                        </div>
                    </div>
                </div>
                <div class="bulletin-big mx-3 mx-md-0">
                    <div id="bulletin_box" class="card my-2">
                        <div class="card-body py-1 px-2 px-md-3 d-flex flex-fill text-xs text-muted">
                            <div><i class="iconfont icon-bulletin" style="line-height:25px"></i></div>
                            <div class="bulletin mx-1 mx-md-2 carousel-vertical">
                                <div class="carousel slide" data-ride="carousel" data-interval="3000">
                                    <div class="carousel-inner" role="listbox">
                                        <div class="carousel-item active"><a class="overflowClip_1"
                                                href="bulletin/348.html">添加新型冠状病毒疫情实时数据显示的方法 (02/13)</a></div>
                                        <div class="carousel-item "><a class="overflowClip_1"
                                                href="bulletin/323.html">导航主题添加游客自定义收藏网址 (01/29)</a></div>
                                    </div>
                                </div>
                            </div>
                            <div class="flex-fill"></div>
                            <a title="关闭" href="javascript:;" rel="external nofollow" class="bulletin-close"
                                onclick="$('#bulletin_box').slideUp('slow');"><i class="iconfont icon-close"
                                    style="line-height:25px"></i></a>
                        </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="term-2"></i>
                        常用推荐
                    </h4>
                    <div class="flex-fill"></div>
                    <a class='btn-move text-xs' href='favorites/changyongtuijian.html'>more+</a>
                </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://github.com/" target="_blank" data-id="689" data-url="https://github.com/"
                                class="card no-c  mb-4 site-689" data-toggle="tooltip" data-placement="bottom"
                                title="全球最大同姓交友网站">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/github.png"
                                                data-src="ico/github.png"
                                                onerror="javascript:this.src='ico/github.png'"
                                                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">全球最大同姓交友网站</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://www.52pojie.cn/" target="_blank"  data-id="732" data-url="https://www.52pojie.cn/"
                                class="card no-c  mb-4 site-732" data-toggle="tooltip" data-placement="bottom"
                                title="软件安全与病毒分析前沿，丰富的技术版块">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/52.png"
                                                data-src="ico/52.png"
                                                onerror="javascript:this.src='ico/52.png'"
                                                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.52pojie.cn/"
                                class="togo text-center text-muted is-views" data-id="732"
                                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.125.la/" target="_blank"  data-id="693" data-url="https://bbs.125.la/"
                                class="card no-c  mb-4 site-693" data-toggle="tooltip" data-placement="bottom"
                                title="专业易语言编程学习交流论坛">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/jingyi.png"
                                                data-src="ico/jingyi.png"
                                                onerror="javascript:this.src='ico/jingyi.png'"
                                                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.125.la/" class="togo text-center text-muted is-views"
                                data-id="693" 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.mpyit.com/" target="_blank"  data-id="684" data-url="https://www.mpyit.com/"
                                class="card no-c  mb-4 site-684" data-toggle="tooltip" data-placement="bottom"
                                title="分享优秀好用的软件">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/mpy.png"
                                                data-src="ico/mpy.png"
                                                onerror="javascript:this.src='ico/mpy.png'"
                                                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.mpyit.com/" class="togo text-center text-muted is-views"
                                data-id="684" 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://ibaotu.com/" target="_blank"  data-id="442" data-url="https://ibaotu.com/"
                                class="card no-c  mb-4 site-442" data-toggle="tooltip" data-placement="bottom"
                                title="汇集各种视觉冲击力强的原创广告图片设计">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/baotu.png"
                                                data-src="ico/baotu.png"
                                                onerror="javascript:this.src='ico/baotu.png'"
                                                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://ibaotu.com/" class="togo text-center text-muted is-views"
                                data-id="442" 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.58pic.com/" target="_blank"  data-id="424" data-url="https://www.58pic.com/"
                                class="card no-c  mb-4 site-424" data-toggle="tooltip" data-placement="bottom"
                                title="专注正版图片设计素材，拥有800多万张素材">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/qiantu.png"
                                                data-src="ico/qiantu.png"
                                                onerror="javascript:this.src='ico/qiantu.png'"
                                                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">专注正版图片设计素材，拥有800多万张素材</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.58pic.com/"
                                class="togo text-center text-muted is-views" data-id="424"
                                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://music.zmki.cn/" target="_blank"  data-id="294" data-url="http://music.zmki.cn/" class="card no-c  mb-4 site-294"
                                data-toggle="tooltip" data-placement="bottom" title="支持各大音乐平台搜索、在线播放及下载">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/wangyiyun.png"
                                                data-src="ico/wangyiyun.png"
                                                onerror="javascript:this.src='ico/wangyiyun.png'"
                                                alt="FreeMP3">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>FreeMP3</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">支持各大音乐平台搜索、在线播放及下载</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="http://music.zmki.cn/"
                                class="togo text-center text-muted is-views" data-id="424"
                                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.czjx8.com/" target="_blank"  data-id="229" data-url="http://www.czjx8.com/" class="card no-c  mb-4 site-229"
                                data-toggle="tooltip" data-placement="bottom" data-html="true"
                                title="全网VIP视频解析，满足所有平台VIP视频需求">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/vip.png"
                                                data-src="ico/vip.png"
                                                onerror="javascript:this.src='ico/vip.png'"
                                                alt="VIP视频解析">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>VIP视频解析</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                全网VIP视频解析，满足所有平台VIP视频需求</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="http://www.czjx8.com/"
                                class="togo text-center text-muted is-views" data-id="424"
                                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.domp4.com/" target="_blank"  data-id="15" data-url="https://www.domp4.com/"
                                class="card no-c  mb-4 site-15" data-toggle="tooltip" data-placement="bottom"
                                title="最新热门Mp4电影下载">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/mp4.png"
                                                data-src="ico/mp4.png"
                                                onerror="javascript:this.src='ico/mp4.png'"
                                                alt="MP4电影">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>MP4电影</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">最新热门Mp4电影下载</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.domp4.com/"
                                class="togo text-center text-muted is-views" data-id="15"
                                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://photo.zmki.cn/" target="_blank" data-id="14" data-url="https://photo.zmki.cn/"
                                class="card no-c  mb-4 site-14" data-toggle="tooltip" data-placement="bottom"
                                title="路途遥远，和你岁月相随">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/xiangce.png"
                                                data-src="ico/xiangce.png"
                                                onerror="javascript:this.src='ico/xiangce.png'"
                                                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://photo.zmki.cn/" class="togo text-center text-muted is-views"
                                data-id="14" 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.iconfont.cn/" target="_blank" data-id="13" data-url="https://www.iconfont.cn/"
                                class="card no-c  mb-4 site-13" data-toggle="tooltip" data-placement="bottom"
                                title="矢量图标下载、在线存储、格式转换">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/ailishiliang.png"
                                                data-src="ico/ailishiliang.png"
                                                onerror="javascript:this.src='ico/ailishiliang.png'"
                                                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.iconfont.cn/" class="togo text-center text-muted is-views"
                                data-id="13" 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="12" data-url="https://www.bilibili.com/"
                                class="card no-c  mb-4 site-12" data-toggle="tooltip" data-placement="bottom"
                                title="视频弹幕网站，及时的动漫新番，活跃的ACG氛围">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="ico/bilibili.png"
                                                data-src="ico/bilibili.png"
                                                onerror="javascript:this.src='ico/bilibili.png'"
                                                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">视频弹幕网站，及时的动漫新番，活跃的ACG氛围</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="https://www.bilibili.com/" class="togo text-center text-muted is-views"
                                data-id="12" data-toggle="tooltip" data-placement="right" title="直达"
                                rel="nofollow"><i class="iconfont icon-goto"></i></a>
                        </div>
                    </div>
                </div>

                <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="term-41"></i>
                        用户演示
                    </h4>
                    <div class="flex-fill"></div>
                    <a class='btn-move text-xs' href='favorites/yonghuyanshi.html'>more+</a>
                </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="sites/725.html" data-id="725" data-url="http://16map.com"
                                class="card no-c  mb-4 site-725" data-toggle="tooltip" data-placement="bottom"
                                title="一流设计导航专注服务于设计师的导航网站。致力于分享优秀免费的设计网站网址，一流设计导航大全还包括免费无版权限制可商用的高品质素材，设计教程、尺寸规范、配色方案、设计素材和灵感等。">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/16map.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovLzE2bWFwLmNvbQ3D3D.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="725" 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="sites/660.html" data-id="660" data-url="https://www.xkipa.com"
                                class="card no-c  mb-4 site-660" data-toggle="tooltip" data-placement="bottom"
                                title="免费的后台游戏和一些常用工具收藏">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.xkipa.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly93d3cueGtpcGEuY29tLw3D.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="660"
                                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="sites/654.html" data-id="654" data-url="http://www.toolait.cn"
                                class="card no-c  mb-4 site-654" data-toggle="tooltip" data-placement="bottom"
                                title="网民朋友常用的站点导航">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.toolait.cn.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3d3dy50b29sYWl0LmNuLw3D.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="654"
                                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="sites/651.html" data-id="651" data-url="https://dh.zdslc.com"
                                class="card no-c  mb-4 site-651" data-toggle="tooltip" data-placement="bottom"
                                title="专注于收录优质网站">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/dh.zdslc.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly9kaC56ZHNsYy5jb20v.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="651" 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="sites/522.html" data-id="522" data-url="http://www.appboluo.com"
                                class="card no-c  mb-4 site-522" data-toggle="tooltip" data-placement="bottom"
                                title="安卓黑科技(资源收录演示站)">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.appboluo.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3d3dy5hcHBib2x1by5jb20v.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="522"
                                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="sites/520.html" data-id="520" data-url="https://bienao.com"
                                class="card no-c  mb-4 site-520" data-toggle="tooltip" data-placement="bottom"
                                title="别闹电影导航">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bienao.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly9iaWVuYW8uY29t.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="520" 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="sites/452.html" data-id="452" data-url="https://hao.ozss.com"
                                class="card no-c  mb-4 site-452" data-toggle="tooltip" data-placement="bottom"
                                title="喔最省事主页丨为您打开一扇窗">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly9oYW8ub3pzcy5jb20v.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="452" 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="sites/376.html" data-id="376" data-url="https://www.blogwall.cn"
                                class="card no-c  mb-4 site-376" data-toggle="tooltip" data-placement="bottom"
                                title="优秀的独立博客导航">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.blogwall.cn.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                alt="BlogWall">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>BlogWall</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">优秀的独立博客导航</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="go/aHR0cHM6Ly93d3cuYmxvZ3dhbGwuY243.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="376"
                                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="sites/370.html" data-id="370" data-url="http://www.souqidaohang.com"
                                class="card no-c  mb-4 site-370" data-toggle="tooltip" data-placement="bottom"
                                title="优秀软件分享">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.souqidaohang.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3d3dy5zb3VxaWRhb2hhbmcu.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="370"
                                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="sites/360.html" data-id="360" data-url="https://www.rss.wiki"
                                class="card no-c  mb-4 site-360" data-toggle="tooltip" data-placement="bottom"
                                title="微信公众号Rss导航站点">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                alt="Rss订阅源">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>Rss订阅源</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">微信公众号Rss导航站点</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="go/aHR0cHM6Ly93d3cucnNzLndpa2k3D.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="360" 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="sites/358.html" data-id="358" data-url="https://n6app.com"
                                class="card no-c  mb-4 site-358" data-toggle="tooltip" data-placement="bottom"
                                title="收集国内外优秀网站、UI设计资源网站、在线电影、迅雷BT磁力下载网站、素材资源网站，定时更新分享优质网站">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="wp-content/uploads/2020/02/logo-dark_collapsed@2x.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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设计资源网站、在线电影、迅雷BT磁力下载网站、素材资源网站，定时更新分享优质网站</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="go/aHR0cHM6Ly9uNmFwcC5jb20v.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="358" 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="sites/343.html" data-id="343" data-url="https://www.fanyangmeng.com"
                                class="card no-c  mb-4 site-343" data-toggle="tooltip" data-placement="bottom"
                                title="计算机专业方向导航网站">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly93d3cuZmFueWFuZ21lbmcu.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="343"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>
                </div>
                <h4 class="text-gray text-lg">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="term-18"></i>
                    常用工具
                </h4>
                <div class="row ajax-18  mt-4" style="position: relative;">
                    <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="sites/181.html" data-id="181" data-url="http://www.vanschneider.com/colors"
                                class="card no-c  mb-4 site-181" data-toggle="tooltip" data-placement="bottom"
                                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 rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.vanschneider.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3d3dy52YW5zY2huZWlkZXIu.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="181"
                                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="sites/180.html" data-id="180" data-url="https://klart.co/colors"
                                class="card no-c  mb-4 site-180" data-toggle="tooltip" data-placement="bottom"
                                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 rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/klart.co.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly9rbGFydC5jby9jb2xvcnMv.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="180"
                                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="sites/179.html" data-id="179" data-url="http://qrohlf.com/trianglify-generator"
                                class="card no-c  mb-4 site-179" data-toggle="tooltip" data-placement="bottom"
                                title="Trianglify Generator">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/qrohlf.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3Fyb2hsZi5jb20vdHJpYW5n.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="179"
                                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="sites/178.html" data-id="178" data-url="http://www.flatuicolorpicker.com"
                                class="card no-c  mb-4 site-178" data-toggle="tooltip" data-placement="bottom"
                                title="Best Flat Colors For UI Design">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.flatuicolorpicker.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                alt="flatui color picker">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>flatui color picker</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="go/aHR0cDovL3d3dy5mbGF0dWljb2xvcnBp.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="178"
                                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="sites/177.html" data-id="177"
                                data-url="https://color.adobe.com/zh/create/color-wheel"
                                class="card no-c  mb-4 site-177" data-toggle="tooltip" data-placement="bottom"
                                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 rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly9jb2xvci5hZG9iZS5jb20v.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="177"
                                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="sites/176.html" data-id="176" data-url="http://www.colorhunt.co"
                                class="card no-c  mb-4 site-176" data-toggle="tooltip" data-placement="bottom"
                                title="Beautiful Color Palettes">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3d3dy5jb2xvcmh1bnQuY28v.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="176"
                                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="sites/175.html" data-id="175" data-url="https://coolors.co"
                                class="card no-c  mb-4 site-175" data-toggle="tooltip" data-placement="bottom"
                                title="The super fast color schemes generator!">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/coolors.co.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly9jb29sb3JzLmNvLw3D3D.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="175"
                                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="sites/174.html" data-id="174" data-url="http://flatuicolors.com"
                                class="card no-c  mb-4 site-174" data-toggle="tooltip" data-placement="bottom"
                                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 rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL2ZsYXR1aWNvbG9ycy5jb20v.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="174"
                                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="sites/173.html" data-id="173" data-url="http://www.thedayscolor.com"
                                class="card no-c  mb-4 site-173" data-toggle="tooltip" data-placement="bottom"
                                title="The daily color digest">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.thedayscolor.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3d3dy50aGVkYXlzY29sb3Iu.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="173"
                                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="sites/172.html" data-id="172" data-url="https://www.grabient.com"
                                class="card no-c  mb-4 site-172" data-toggle="tooltip" data-placement="bottom"
                                title="2017 Grabient by unfold">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.grabient.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly93d3cuZ3JhYmllbnQuY29t.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="172"
                                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="sites/171.html" data-id="171" data-url="https://webgradients.com"
                                class="card no-c  mb-4 site-171" data-toggle="tooltip" data-placement="bottom"
                                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 rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/webgradients.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly93ZWJncmFkaWVudHMuY29t.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="171"
                                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="sites/170.html" data-id="170" data-url="https://webkul.github.io/coolhue"
                                class="card no-c  mb-4 site-170" data-toggle="tooltip" data-placement="bottom"
                                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 rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly93ZWJrdWwuZ2l0aHViLmlv.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="170"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>
                </div>
                <h4 class="text-gray text-lg">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="term-22"></i>
                    在线配色
                </h4>
                <div class="row ajax-22  mt-4" style="position: relative;">
                    <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="sites/181.html" data-id="181" data-url="http://www.vanschneider.com/colors"
                                class="card no-c  mb-4 site-181" data-toggle="tooltip" data-placement="bottom"
                                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 rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.vanschneider.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3d3dy52YW5zY2huZWlkZXIu.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="181"
                                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="sites/180.html" data-id="180" data-url="https://klart.co/colors"
                                class="card no-c  mb-4 site-180" data-toggle="tooltip" data-placement="bottom"
                                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 rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/klart.co.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly9rbGFydC5jby9jb2xvcnMv.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="180"
                                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="sites/179.html" data-id="179" data-url="http://qrohlf.com/trianglify-generator"
                                class="card no-c  mb-4 site-179" data-toggle="tooltip" data-placement="bottom"
                                title="Trianglify Generator">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/qrohlf.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3Fyb2hsZi5jb20vdHJpYW5n.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="179"
                                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="sites/178.html" data-id="178" data-url="http://www.flatuicolorpicker.com"
                                class="card no-c  mb-4 site-178" data-toggle="tooltip" data-placement="bottom"
                                title="Best Flat Colors For UI Design">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.flatuicolorpicker.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                alt="flatui color picker">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>flatui color picker</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="go/aHR0cDovL3d3dy5mbGF0dWljb2xvcnBp.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="178"
                                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="sites/177.html" data-id="177"
                                data-url="https://color.adobe.com/zh/create/color-wheel"
                                class="card no-c  mb-4 site-177" data-toggle="tooltip" data-placement="bottom"
                                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 rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly9jb2xvci5hZG9iZS5jb20v.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="177"
                                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="sites/176.html" data-id="176" data-url="http://www.colorhunt.co"
                                class="card no-c  mb-4 site-176" data-toggle="tooltip" data-placement="bottom"
                                title="Beautiful Color Palettes">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3d3dy5jb2xvcmh1bnQuY28v.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="176"
                                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="sites/175.html" data-id="175" data-url="https://coolors.co"
                                class="card no-c  mb-4 site-175" data-toggle="tooltip" data-placement="bottom"
                                title="The super fast color schemes generator!">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/coolors.co.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly9jb29sb3JzLmNvLw3D3D.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="175"
                                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="sites/174.html" data-id="174" data-url="http://flatuicolors.com"
                                class="card no-c  mb-4 site-174" data-toggle="tooltip" data-placement="bottom"
                                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 rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL2ZsYXR1aWNvbG9ycy5jb20v.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="174"
                                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="sites/173.html" data-id="173" data-url="http://www.thedayscolor.com"
                                class="card no-c  mb-4 site-173" data-toggle="tooltip" data-placement="bottom"
                                title="The daily color digest">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.thedayscolor.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3d3dy50aGVkYXlzY29sb3Iu.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="173"
                                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="sites/172.html" data-id="172" data-url="https://www.grabient.com"
                                class="card no-c  mb-4 site-172" data-toggle="tooltip" data-placement="bottom"
                                title="2017 Grabient by unfold">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.grabient.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly93d3cuZ3JhYmllbnQuY29t.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="172"
                                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="sites/171.html" data-id="171" data-url="https://webgradients.com"
                                class="card no-c  mb-4 site-171" data-toggle="tooltip" data-placement="bottom"
                                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 rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/webgradients.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly93ZWJncmFkaWVudHMuY29t.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="171"
                                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="sites/170.html" data-id="170" data-url="https://webkul.github.io/coolhue"
                                class="card no-c  mb-4 site-170" data-toggle="tooltip" data-placement="bottom"
                                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 rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly93ZWJrdWwuZ2l0aHViLmlv.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="170"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>
                </div>

                <h4 class="text-gray text-lg">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="term-8"></i>
                    素材资源
                </h4>
                <!-- tab模式菜单 -->
                <div class="d-flex flex-fill flex-tab">
                    <div class="d-flex slider-menu-father">
                        <div class='overflow-x-auto slider_menu mini_tab ajax-list-home' slidertab="sliderTab"
                            data-id="8">
                            <ul class="nav nav-pills menu" role="tablist">
                                <li class="pagenumber nav-item"><a id="term-11" class="nav-link active"
                                        data-action="load_home_tab" data-taxonomy="favorites" data-id="11">平面素材</a></li>
                                <li class="pagenumber nav-item"><a id="term-10" class="nav-link "
                                        data-action="load_home_tab" data-taxonomy="favorites" data-id="10">LOGO设计</a>
                                </li>
                                <li class="pagenumber nav-item"><a id="term-15" class="nav-link "
                                        data-action="load_home_tab" data-taxonomy="favorites" data-id="15">Mockup</a>
                                </li>
                                <li class="pagenumber nav-item"><a id="term-17" class="nav-link "
                                        data-action="load_home_tab" data-taxonomy="favorites" data-id="17">PPT资源</a>
                                </li>
                                <li class="pagenumber nav-item"><a id="term-13" class="nav-link "
                                        data-action="load_home_tab" data-taxonomy="favorites" data-id="13">Sketch资源</a>
                                </li>
                                <li class="pagenumber nav-item"><a id="term-9" class="nav-link "
                                        data-action="load_home_tab" data-taxonomy="favorites" data-id="9">图标素材</a></li>
                                <li class="pagenumber nav-item"><a id="term-12" class="nav-link "
                                        data-action="load_home_tab" data-taxonomy="favorites" data-id="12">UI资源</a></li>
                                <li class="pagenumber nav-item"><a id="term-14" class="nav-link "
                                        data-action="load_home_tab" data-taxonomy="favorites" data-id="14">字体资源</a></li>
                                <li class="pagenumber nav-item"><a id="term-16" class="nav-link "
                                        data-action="load_home_tab" data-taxonomy="favorites" data-id="16">摄影图库</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="flex-fill"></div>
                    <a class='btn-move tab-move text-xs ml-2' href='favorites/pingmiansucai.html'
                        style='line-height:34px'>more+</a>
                </div>
                <!-- tab模式菜单 end -->
                <div class="row ajax-8  mt-4" style="position: relative;">
                    <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="sites/707.html" data-id="707" data-url="http://www.kuaipng.com"
                                class="card no-c  mb-4 site-707" data-toggle="tooltip" data-placement="bottom"
                                title="快图网提供免费的PNG元素和高清背景图片素材免费下载">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3d3dy5rdWFpcG5nLmNvbQ3D.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="707"
                                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="sites/241.html" data-id="241" data-url="https://stock.tuchong.com"
                                class="card no-c  mb-4 site-241" data-toggle="tooltip" data-placement="bottom"
                                title="海量图库,涵盖创意图片和矢量素材等">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/stock.tuchong.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly9zdG9jay50dWNob25nLmNv.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="241"
                                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="sites/75.html" data-id="75" data-url="http://www.sccnn.com"
                                class="card no-c  mb-4 site-75" data-toggle="tooltip" data-placement="bottom"
                                title="免费素材共享平台">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.sccnn.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3d3dy5zY2Nubi5jb20v.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="75" 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="sites/74.html" data-id="74" data-url="http://psefan.com"
                                class="card no-c  mb-4 site-74" data-toggle="tooltip" data-placement="bottom"
                                title="不一样的设计素材库！让自己的设计与众不同！">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/psefan.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3BzZWZhbi5jb20v.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="74" 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="sites/73.html" data-id="73" data-url="http://so.ui001.com"
                                class="card no-c  mb-4 site-73" data-toggle="tooltip" data-placement="bottom"
                                title="设计素材搜索聚合">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3NvLnVpMDAxLmNvbQ3D3D.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="73"
                                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="sites/72.html" data-id="72" data-url="http://www.lanrentuku.com"
                                class="card no-c  mb-4 site-72" data-toggle="tooltip" data-placement="bottom"
                                title="懒人图库专注于提供网页素材下载">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.lanrentuku.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3d3dy5sYW5yZW50dWt1LmNv.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="72"
                                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="sites/71.html" data-id="71" data-url="http://www.nipic.com"
                                class="card no-c  mb-4 site-71" data-toggle="tooltip" data-placement="bottom"
                                title="原创素材共享平台">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.nipic.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3d3dy5uaXBpYy5jb20v.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="71" 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="sites/70.html" data-id="70" data-url="http://90sheji.com"
                                class="card no-c  mb-4 site-70" data-toggle="tooltip" data-placement="bottom"
                                title="电商设计（淘宝美工）千图免费淘宝素材库">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovLzkwc2hlamkuY29t.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="70" 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="sites/69.html" data-id="69" data-url="http://www.ooopic.com"
                                class="card no-c  mb-4 site-69" data-toggle="tooltip" data-placement="bottom"
                                title="我图网,提供图片素材及模板下载,专注正版设计作品交易">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.ooopic.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3d3dy5vb29waWMuY29tLw3D.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="69"
                                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="sites/68.html" data-id="68" data-url="http://588ku.com"
                                class="card no-c  mb-4 site-68" data-toggle="tooltip" data-placement="bottom"
                                title="免费png图片背景素材下载">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/588ku.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovLzU4OGt1LmNvbS83D.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="68" 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="sites/67.html" data-id="67" data-url="http://www.58pic.com"
                                class="card no-c  mb-4 site-67" data-toggle="tooltip" data-placement="bottom"
                                title="专注免费设计素材下载的网站">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.58pic.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3d3dy41OHBpYy5jb203D.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="67" 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="sites/66.html" data-id="66" data-url="https://medialoot.com"
                                class="card no-c  mb-4 site-66" data-toggle="tooltip" data-placement="bottom"
                                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 rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/medialoot.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cHM6Ly9tZWRpYWxvb3QuY29t.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="66" data-toggle="tooltip" data-placement="right" title="直达"
                                rel="nofollow"><i class="iconfont icon-goto"></i></a>
                        </div>
                    </div>
                </div>
                <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="term-25"></i>
                        UED团队
                    </h4>
                    <div class="flex-fill"></div>
                    <a class='btn-move text-xs' href='favorites/uedtuandui.html'>more+</a>
                </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="sites/388.html" data-id="388" data-url="https://www.ztjun.com"
                                class="card no-c  mb-4 site-388" data-toggle="tooltip" data-placement="bottom"
                                title="精选免费WordPress主题模板下载">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="wp-content/uploads/2020/03/20200305153742_fc6e5c59.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                alt="WordPress主题君">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>WordPress主题君</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">精选免费WordPress主题模板下载</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="go/aHR0cHM6Ly93d3cuenRqdW4uY29tLw3D.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="388"
                                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="sites/210.html" data-id="210" data-url="http://ued.ctrip.com"
                                class="card no-c  mb-4 site-210" data-toggle="tooltip" data-placement="bottom"
                                title="携程设计委员会-Ctrip Design Committee">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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">携程设计委员会-Ctrip Design
                                                Committee</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="go/aHR0cDovL3VlZC5jdHJpcC5jb20v.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="210" 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="sites/209.html" data-id="209" data-url="http://eux.baidu.com"
                                class="card no-c  mb-4 site-209" data-toggle="tooltip" data-placement="bottom"
                                title="百度企业产品用户体验中心">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/eux.baidu.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL2V1eC5iYWlkdS5jb20v.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="209" 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="sites/208.html" data-id="208" data-url="http://jdc.jd.com"
                                class="card no-c  mb-4 site-208" data-toggle="tooltip" data-placement="bottom"
                                title="京东设计中心">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL2pkYy5qZC5jb20v.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="208" 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="sites/207.html" data-id="207" data-url="http://ued.baidu.com"
                                class="card no-c  mb-4 site-207" data-toggle="tooltip" data-placement="bottom"
                                title="百度用户体验中心">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/ued.baidu.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                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="go/aHR0cDovL3VlZC5iYWlkdS5jb20v.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="207" 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="sites/205.html" data-id="205" data-url="http://www.aliued.cn"
                                class="card no-c  mb-4 site-205" data-toggle="tooltip" data-placement="bottom"
                                title="阿里巴巴（中国站）用户体验设计部博客U一点设计 UED团队">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/bks.thefuture.top.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                alt="U一点">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>U一点</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">阿里巴巴（中国站）用户体验设计部博客U一点设计
                                                UED团队</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="go/aHR0cDovL3d3dy5hbGl1ZWQuY24v.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="205" 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="sites/202.html" data-id="202" data-url="https://isux.tencent.com"
                                class="card no-c  mb-4 site-202" data-toggle="tooltip" data-placement="bottom"
                                title="腾讯社交用户体验设计部">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/isux.tencent.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                alt="ISUX">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>ISUX</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">腾讯社交用户体验设计部</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="go/aHR0cHM6Ly9pc3V4LnRlbmNlbnQuY29t.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="202"
                                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="sites/201.html" data-id="201" data-url="http://tgideas.qq.com"
                                class="card no-c  mb-4 site-201" data-toggle="tooltip" data-placement="bottom"
                                title="TGideas隶属于腾讯公司互动娱乐业务系统的专业推广类设计团队">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/tgideas.qq.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                alt="TGideas">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>TGideas</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                TGideas隶属于腾讯公司互动娱乐业务系统的专业推广类设计团队</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="go/aHR0cDovL3RnaWRlYXMucXEuY29tLw3D.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="201"
                                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="sites/200.html" data-id="200" data-url="http://cdc.tencent.com"
                                class="card no-c  mb-4 site-200" data-toggle="tooltip" data-placement="bottom"
                                title="腾讯CDC关注于互联网视觉设计、交互设计、用户研究、前端开发。">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/cdc.tencent.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                alt="腾讯CDC">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>腾讯CDC</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                腾讯CDC关注于互联网视觉设计、交互设计、用户研究、前端开发。</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="go/aHR0cDovL2NkYy50ZW5jZW50LmNvbS83.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="200"
                                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="sites/199.html" data-id="199" data-url="http://www.niceui.cn"
                                class="card no-c  mb-4 site-199" data-toggle="tooltip" data-placement="bottom"
                                title="nicedesign奈思设计是领先的用户体验设计与互联网品牌建设公司">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/www.niceui.cn.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                alt="nice design">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>nice design</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">
                                                nicedesign奈思设计是领先的用户体验设计与互联网品牌建设公司</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="go/aHR0cDovL3d3dy5uaWNldWkuY24v.html" class="togo text-center text-muted is-views"
                                target="_blank" data-id="199" 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="sites/198.html" data-id="198" data-url="http://eicodesign.com"
                                class="card no-c  mb-4 site-198" data-toggle="tooltip" data-placement="bottom"
                                title="数字化咨询与产品专家">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/eicodesign.com.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                alt="eico design">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>eico design</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">数字化咨询与产品专家</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="go/aHR0cDovL2VpY29kZXNpZ24uY29tLw3D.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="198"
                                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="sites/197.html" data-id="197" data-url="https://design.google"
                                class="card no-c  mb-4 site-197" data-toggle="tooltip" data-placement="bottom"
                                title="Google Design">
                                <div class="card-body">
                                    <div class="url-content d-flex align-items-center">
                                        <div
                                            class="url-img rounded-circle mr-2 d-flex align-items-center justify-content-center">
                                            <img class="lazy" src="wp-content/themes/onenav/images/favicon.png"
                                                data-src="favicon/design.google.png"
                                                onerror="javascript:this.src='https://nav.iowen.cn/wp-content/themes/onenav/images/favicon.png'"
                                                alt="Google Design">
                                        </div>
                                        <div class="url-info flex-fill">
                                            <div class="text-sm overflowClip_1">
                                                <strong>Google Design</strong>
                                            </div>
                                            <p class="overflowClip_1 m-0 text-muted text-xs">Google Design</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            <a href="go/aHR0cHM6Ly9kZXNpZ24uZ29vZ2xlLw3D.html"
                                class="togo text-center text-muted is-views" target="_blank" data-id="197"
                                data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow"><i
                                    class="iconfont icon-goto"></i></a>
                        </div>
                    </div>
                </div>


                <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://liutongxu.github.io" title="分享资源分享精品内容" target="_blank">所长导航</a>
                        <a href="javascript:;" title="绿色纯净的个性网址导航便签" target="_blank">绍兴C网</a>
                        <a href="javascript:;" title="专注全网优质网址、优质资源分享。" target="_blank">24k导航</a>
                        <a href="javascript:;" target="_blank">砖块网址导航</a>
                        <a href="javascript:;" target="_blank">WordPress中文导航</a>
                        <a href="javascript:;" title="收集国内外优秀网站、UI设计资源网站、在线电影、迅雷BT磁力下载网站、素材资源网站，绿色版APP软件,定时更新分享优质网站。"
                            target="_blank">牛六网</a>
                        <a href="javascript:;" title="魅力商娱网，有你更精彩！" target="_blank">商娱网</a>
                        <a href="javascript:;" title="设计师网址导航" target="_blank">印花设计导航</a>
                        <a href="javascript:;" title="高清电影电视剧下载" target="_blank">妥妥的看剧</a>
                        <a href="javascript:;" title="壹书壹语·感世间百态。" target="_blank">壹书</a>
                        <a href="javascript:;" title="站在前方,为你导航_技术导航网_滚石技术导航_网址导航大全" target="_blank">快导航网</a>
                        <a href="javascript:;" title="收藏各种好玩有趣的网站" target="_blank">西瓜导航</a>
                        <a href="javascript:;" title="八千导航" target="_blank">八千导航</a>
                        <a href="javascript:;" title="PPT演示设计网址导航" target="_blank">AboutPPT导航</a>
                        <a href="javascript:;" title="小菌你好，一个玩机分享导航平台。" target="_blank">小菌你好</a>
                        <a href="links.html" target="_blank" title="更多链接">更多链接</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="http://sighttp.qq.com/authd?IDKEY=7a6ef4c847ab2e9643c7b9e6fad646a17e3198a37984251d" class="btn rounded-circle kefu m-1" target="_blank" data-toggle="tooltip" data-placement="left" title="联系所长">
                        <i class="mode-ico iconfont icon-qq"></i>
                    </a>
                    <!-- 天气 end -->
                    <a href="javascript:" id="switch-mode" class="btn rounded-circle switch-dark-mode m-1"
                        data-toggle="tooltip" data-placement="left" title="夜间模式">
                        <i class="mode-ico iconfont icon-light"></i>
                    </a>
                </div>
                <div class="footer-inner">
                    <div class="footer-text">
                        Copyright © 2021 所长导航 &nbsp;&nbsp;Design by <a href="https://github.com/liutongxu/"
                            target="_blank"><strong>LiuTongxu</strong></a>&nbsp;&nbsp;
                    </div>
                </div>
            </footer>
        </div><!-- main-content end -->
    </div><!-- page-container end -->

    <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-br"
                                        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-google"
                                            value="https://www.google.com/search?q=" data-placeholder="谷歌两下"><label
                                            for="m_type-google"><span class="text-muted">Google</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-zhannei"
                                            value="https://nav.iowen.cn/?post_type=sites&s="
                                            data-placeholder="站内搜索"><label for="m_type-zhannei"><span
                                                class="text-muted">站内</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-taobao"
                                            value="https://s.taobao.com/search?q=" data-placeholder="淘宝"><label
                                            for="m_type-taobao"><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="微软Bing搜索"><label
                                            for="m_type-bing"><span class="text-muted">Bing</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">Google</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="微软Bing搜索"><label
                                            for="m_type-bing1"><span class="text-muted">Bing</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-icp"
                                            value="https://icp.aizhan.com/" data-placeholder="请输入网址(不带https://)"><label
                                            for="m_type-icp"><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>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-why"
                                            value="https://ask.seowhy.com/search/?q=" data-placeholder="SEO问答社区"><label
                                            for="m_type-why"><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-kd100"
                                            value="https://www.kuaidi100.com/?" data-placeholder="快递100"><label
                                            for="m_type-kd100"><span class="text-muted">快递100</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 class="px-1 mb-3"><i class="text-xl iconfont icon-hot mr-1" style="color:#f1404b;"></i><span
                            class="h6">热门推荐： </span></div>
                    <div class="mb-3">
                        <li id="menu-item-332"
                            class="menu-item menu-item-type-taxonomy menu-item-object-post_tag menu-item-332"><a
                                href="tag/黑洞.html">黑洞</a></li>
                        <li id="menu-item-333"
                            class="menu-item menu-item-type-custom menu-item-object-custom menu-item-333"><a
                                href="E5AFBCE888AAE4B8BBE9A298.html">导航主题</a></li>
                        <li id="menu-item-335"
                            class="menu-item menu-item-type-custom menu-item-object-custom menu-item-335"><a
                                href="E59BBEE6A087.html">图标</a></li>
                    </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='ajax/libs/jqueryui/1.12.1/jquery-ui.min-3.03029.1.js'
        id='jquery-ui-js'></script>
    <script type='text/javascript' src='jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min-3.0302.js'
        id='jqueryui-touch-js'></script>
    <script type='text/javascript' src='wp-includes/js/clipboard.min-5.6.2.js' id='clipboard-js'></script>
    <script type='text/javascript' id='popper-js-extra'>
/* <![CDATA[ */
var theme = {"ajaxurl":"https:\/\/nav.iowen.cn\/wp-admin\/admin-ajax.php","addico":"https:\/\/nav.iowen.cn\/wp-content\/themes\/onenav\/images\/add.png","order":"asc","formpostion":"top","defaultclass":"io-grey-mode","isCustomize":"1","icourl":"https:\/\/api.iowen.cn\/favicon\/","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='wp-content/themes/onenav/js/popper.min-3.03029.1.js' id='popper-js'></script>
    <script type='text/javascript' src='wp-content/themes/onenav/js/bootstrap.min-3.03029.1.js'
        id='bootstrap-js'></script>
    <script type='text/javascript' src='wp-content/themes/onenav/js/theia-sticky-sidebar-3.03029.1.js'
        id='sidebar-js'></script>
    <script type='text/javascript' src='wp-content/themes/onenav/js/lazyload.min-3.03029.1.js'
        id='lazyload-js'></script>
    <script type='text/javascript' src='wp-content/themes/onenav/js/jquery.fancybox.min-3.03029.1.js'
        id='lightbox-js-js'></script>
    <script type='text/javascript' src='wp-content/themes/onenav/js/app-3.03029.1.js' id='appjs-js'></script>
    <script type="text/javascript">
    $(document).ready(function(){
        var siteWelcome = $('#loading');
        siteWelcome.addClass('close');
        setTimeout(function() {
                                                                            siteWelcome.remove();
        }, 600);
    });
    </script>
    <script type="text/javascript">
    $(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) {
                                                                            ev.preventDefault();
            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>
    <!-- 自定义代码 -->
    <!-- end 自定义代码 -->
</body>

</html>