Adds documentation about how to rebuild the kernel and Ubuntu filesystem to Firefly...
authorPeizhao Ou <peizhaoo@uci.edu>
Tue, 20 Nov 2018 00:54:32 +0000 (16:54 -0800)
committerPeizhao Ou <peizhaoo@uci.edu>
Tue, 20 Nov 2018 00:54:32 +0000 (16:54 -0800)
BootMode/265.html [new file with mode: 0644]
BuildUbuntuRootFS/291.html [new file with mode: 0644]
BuildUbuntuRootFS/334.html [new file with mode: 0644]
FlashImage/310.html [new file with mode: 0644]
update_system.txt [new file with mode: 0644]

diff --git a/BootMode/265.html b/BootMode/265.html
new file mode 100644 (file)
index 0000000..a5e868e
--- /dev/null
@@ -0,0 +1,3167 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Firefly | Make technology more simple , Make life more intellingent.</title>
+    <meta name="keywords" content="ThinkCMF,php,内容管理框架,cmf,cms,简约风, simplewind,framework" />
+    <meta name="description" content="ThinkCMF是简约风网络科技发布的一款用于快速开发的内容管理框架">
+    \r
+<meta name="author" content="ThinkCMF">\r
+<meta charset="utf-8">\r
+<meta http-equiv="X-UA-Compatible" content="IE=edge">\r
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">\r
+\r
+<!-- Set render engine for 360 browser -->\r
+<meta name="renderer" content="webkit">\r
+\r
+<!-- No Baidu Siteapp-->\r
+<meta http-equiv="Cache-Control" content="no-siteapp"/>\r
+\r
+<!-- HTML5 shim for IE8 support of HTML5 elements -->\r
+<!--[if lt IE 9]>\r
+<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>\r
+<![endif]-->\r
+<link rel="icon" href="/themes/t-firefly/public/assets/images/favicon.ico" type="image/x-icon">\r
+<link rel="shortcut icon" href="/themes/t-firefly/public/assets/images/favicon.ico" type="image/x-icon">\r
+<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">\r
+<link href="/themes/t-firefly/public/assets/simpleboot3/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"\r
+      type="text/css">\r
+<link href="/themes/t-firefly/public/assets/css/public.css?v=20180612" rel="stylesheet" type="text/css">\r
+<!--[if IE 7]>\r
+<link rel="stylesheet" href="/themes/t-firefly/public/assets/simpleboot3/font-awesome/4.4.0/css/font-awesome-ie7.min.css">\r
+<![endif]-->\r
+<link href="/themes/t-firefly/public/assets/css/style.css?v=20180612" rel="stylesheet">\r
+\r
+<!-- <script src="/themes/t-firefly/public/assets/js/jquery-1.10.2.min.js"></script> -->\r
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>\r
+\r
+<style>\r
+    /*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}*/\r
+    #backtotop {\r
+        position: fixed;\r
+        bottom: 50px;\r
+        right: 20px;\r
+        display: none;\r
+        cursor: pointer;\r
+        font-size: 50px;\r
+        z-index: 9999;\r
+    }\r
+\r
+    #backtotop:hover {\r
+        color: #333\r
+    }\r
+\r
+    #main-menu-user li.user {\r
+        display: none\r
+    }\r
+</style>\r
+       
+    <!-- <link href="/themes/t-firefly/public/assets/css/slippry/slippry.css" rel="stylesheet"> -->
+    <link href="/themes/t-firefly/public/assets/css/doc.css?v=20180404" rel="stylesheet">
+    <link rel="stylesheet" href="/themes/t-firefly/public/assets/css/ueditor.css?v=20180312">
+    <link rel="stylesheet" href="/static/js/prism/prism.css">
+
+
+    <style>
+        .article ul,
+        .article li {
+            list-style: inherit;
+        }
+
+        
+    </style>
+    </head>
+
+<body class="language-markup" data-toolbar-order="select-code,hello-world,label">
+    <div class="body-white">
+        <link href="/themes/t-firefly/public/assets/css/nav.css?v=20180607" rel="stylesheet">
+<script>
+    $(document).ready(function () {
+
+
+        $(".header-lists .list-item a").bind('mouseover', function () {
+            $(this).siblings().removeClass('active');
+            $(this).parent('.list-item').siblings().children('a').removeClass('active');
+            $(this).parents().siblings('.header-lists').find('a').removeClass('active');
+            $(this).addClass('active');
+            var goods_name = $(this).text(),
+                imgSrc = $(this).attr("data-imgSrc"),
+                price = $(this).attr("data-price"),
+                noprice = $(this).attr("data-noprice"),
+                desc = $(this).attr('data-description');
+
+            if (typeof imgSrc === 'undefined' && typeof title === 'undefined' && typeof desc === 'undefined') {
+                return;
+            }
+
+            $('.show-img img').attr('src', imgSrc);
+            $('.show-img .desc').text(desc);
+            $('.show-img .title').text(goods_name);
+            if (noprice) {
+                $('.show-img .price').text("").hide();
+                return;
+            }
+            $('.show-img .price').text(price).show();
+
+        })
+    });
+</script>
+
+<div class="header-main">
+    <div class="header header-on">
+        <!-- //菜单 -->
+        <!-- //如果不使用currentstyle,可以在channel标签加入 cacheid='channeltoplist' 属性提升性能 -->
+        <div id="navMenu">
+            <div class="logo">
+
+                <a href="/index.html" class="logo_img">
+                    <img src="/themes/t-firefly/public/assets/images/nav_logo.png">
+                </a>
+
+                <ul>
+                    <li class="to_show" style="padding-left: 38px;">
+                        <!--顶部区域1级菜单-->
+                        <a id="22" class="list_menu" href="/product/industry/aio_3399.html" target="_blank">Product</a>
+                        <!--导航下方显示内容的区块-->
+
+                    </li>
+
+                    <!-- <li class="to_show">
+                        <a id="21" class="list_menu" href="/solution/face.html">Solutions</a>
+
+                    </li> -->
+
+                    <li class="to_show">
+                        <a id="24" class="list_menu" href="/doc/product/index/id/31.html">Wiki</a>
+                    </li>
+                    <li class="to_show">
+                        <a id="26" class="list_menu" href="/doc/download/page/id/31.html">Download</a>
+                    </li>
+
+                    <li class="to_show">
+                        <a id="24" class="list_menu" href="/news.html">News</a>
+                    </li>
+
+                    <li class="to_show">
+                        <a id="81" class="list_menu" href="http://bbs.t-firefly.com/">Community</a>
+                    </li>
+
+                    <li class="to_show">
+                        <a id="81" class="list_menu store" href="http://shop.t-firefly.com">Store</a>
+                    </li>
+
+                </ul>
+            </div>
+
+            <div class="loginbar" id="main-menu-user">
+                <ul style="margin-left: 0;">
+
+                    <li class="nav-icon to_show" style="padding: 18px 0">
+
+                        <form class="navbar-form text-center" method="post" action="/doc/search/index.html" style="padding: 0;position: relative;/* left: 6px; */right: 6px; width: 230px; z-index: 11;">
+                            <span class="input-search-bg"></span>
+                            <input class="input-search" type="text" name="keyword" placeholder="Search">
+                        </form>
+                    </li>
+                    <!-- 登陆后的按钮-->
+                    <li class="dropdown user login nav-icon user-on" style="display:none;">
+                        <a class="dropdown-toggle user" data-toggle="dropdown" href="#" style="background: none; width: 100px;">
+                                                            <img src="/themes/t-firefly/public/assets/images/nav_login.png" class="headicon">
+                                                            <span class="user-nickname"></span>
+                            <!-- <b class="caret"></b> -->
+                        </a>
+                        <ul class="dropdown-menu pull-right">
+                            <li>
+                                <a href="http://shop.t-firefly.com/user.php">My Account</a>
+                            </li>
+                            <li>
+                                <a href="http://shop.t-firefly.com/user.php?act=order_list">My Order</a>
+                            </li>
+                            <li>
+                                <a href="http://shop.t-firefly.com/user.php?act=address_list">Shipping Address</a>
+                            </li>
+                            <!-- <li><a href="http://shop.t-firefly.com/user.php?act=invoice_list">发票资料</a></li> -->
+                            <li>
+                                <a href="http://shop.t-firefly.com/user.php?act=bonus">Discount</a>
+                            </li>
+                            <!-- <li class="divider"></li> -->
+                            <li>
+                                <a href="/user/index/logout.html">Logout</a>
+                            </li>
+                        </ul>
+
+
+                    </li>
+                    <!-- 未登录的按钮-->
+
+                    <li class="dropdown user offline nav-icon to_show" style="display: block;">
+
+                        <a class="dropdown-toggle user" href="/user/login.html">
+                            <!-- <img src="/themes/t-firefly/public/assets/images/nav_login.png" class="headicon"> -->
+                        </a>
+                        <div class="login-menu">
+                            <ul>
+                                <li>
+                                    <a href="/user/login.html">Login</a>
+                                </li>
+                                <li>
+                                    <a href="/user/login.html">Register</a>
+                                </li>
+                            </ul>
+                        </div>
+                        <!-- 如果登陆的字都不需要的话 那还需要dropdown么?需求是什么?点击小人的按钮1.出现登陆注册在一个页面上的tab切换;2.登陆和注册是两个不同的页面-->
+                        <!--<ul class="dropdown-menu pull-right">-->
+                        <!--<li><a href="/user/login/index.html"><i class="fa fa-sign-in"></i> &nbsp;登录</a></li>-->
+                        <!--<li class="divider"></li>-->
+                        <!--<li><a href="/user/register/index.html"><i class="fa fa-user"></i> &nbsp;注册</a></li>-->
+                        <!--</ul>-->
+                    </li>
+                    <!-- <li style="padding-top: 20px;"> -->
+                    <!-- <button class="btn btn-default">Buy</button> -->
+                    <!-- <a href="http://shop.t-firefly.com" class="btn btn-default" style="padding-right: 0; padding-left: 0;">商城</a> -->
+                    <!--<button href="#" >Buy</button>-->
+                    <!-- </li> -->
+
+                    <!-- <li class="to_show" style="padding:28px 0">
+                   <a href="">商城</a>
+               </li> -->
+                    <li class="to_show language" style="padding-left: 0; padding-right: 0;">
+                        <!-- <button class="btn btn-default">简体中文</button> -->
+                        <a href="" class="btn btn-default lang">EN</a>
+                        <div class="language-toggle">
+                            <ul>
+                                <li>
+                                    <a href="http://www.t-firefly.com/">CN</a>
+                                </li>
+                                <!-- <li>
+                               <a href="">繁体中文</a>
+                           </li> -->
+                            </ul>
+                        </div>
+                    </li>
+                </ul>
+            </div>
+
+            <div class="projectMenu projectMenu-product" id="22_nav" style="display: none;">
+
+                <!--内部左侧是选择型号区块-->
+                <div class="nav-wrap">
+                    <div class="proMain">
+                        <div class="header-lists-wrap">
+                                                                <div class="header-lists">
+                                        <div class="list-title">Core Board</div>
+                                        <ul class="list">
+                                                                                            <li class="list-item">
+                                                                                                            <a href="/product/coreboard/core_3399" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/98d81dd314153f46d692e900425bf862.png"
+                                                            data-noprice='true' data-description="Six-Core 64-Bit Cortex-A72 2.0GHz">Core-3399J</a>
+                                                                                                    </li>
+                                                                                            <li class="list-item">
+                                                                                                            <a href="/product/coreboard/core_3288" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/2bf575f9210ed98761b0f7111f19f6e6.png"
+                                                            data-noprice='true' data-description="Quad-Core Cortex-A7 1.3GHz"> Core-3288J</a>
+                                                                                                    </li>
+                                                                                            <li class="list-item">
+                                                                                                            <a href="/product/coreboard/core_3128" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/5266c3acc4d6a45694071e749b285b71.png"
+                                                            data-noprice='true' data-description=""> Core-3128J</a>
+                                                                                                    </li>
+                                                                                            <li class="list-item">
+                                                                                                            <a href="/product/coreboard/core_px3se" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/af1910560a168cb51db273c8fabbe20c.png"
+                                                            data-noprice='true' data-description="">Core-PX3-SEJ</a>
+                                                                                                    </li>
+                                                                                    </ul>
+                                    </div>
+                                    </else>
+                                                                        <div class="header-lists aio">
+                                        <div class="list-title">Open Source Board</div>
+                                        <ul class="list">
+                                                                                            <li class="list-item">
+                                                                                                            <a href="http://en.t-firefly.com/product/rk3399.html" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/935f5a007af5d64f22c71d0f9db9fac0.png"
+                                                            data-noprice='true' data-description="Six-Core 64-Bit  Platform">Firefly-RK3399</a>
+                                                                                    </li>
+                                                                                <li class="list-item">
+                                                                                                            <a href="/product/industry/aio_3399" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/57c03abc4a35abab6eaf6f01e9b5a06e.png"
+                                                            data-noprice='true' data-description="Six-Core 64-Bit  All In One Board">AIO-3399J</a>
+                                                                                    </li>
+                                                                                <li class="list-item">
+                                                                                                            <a href="/product/rk3288" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/f27ac6dd92e47f4bd92ac4460c4f04f9.png"
+                                                            data-noprice='true' data-description="Quad-Core Cortex-A17 Platform">Firefly-RK3288</a>
+                                                                                    </li>
+                                                                                <li class="list-item">
+                                                                                                            <a href="/product/industry/aio_3288" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/c04940e31e3a836a0a3c8cd28ed81517.png"
+                                                            data-noprice='true' data-description=" All In One Board">AIO-3288J</a>
+                                                                                    </li>
+                                                                                <li class="list-item">
+                                                                                                            <a href="http://en.t-firefly.com/product/prime.html" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/37b8456bfd7631a91e3faa390b9ed58b.png"
+                                                            data-noprice='true' data-description="Quad-Core MiniPC Platform">Firefly-RK3128</a>
+                                                                                    </li>
+                                                                                <li class="list-item">
+                                                                                                            <a href="/product/industry/aio_3128" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/93fb805ca991bcb8cd0594ee8dce2880.png"
+                                                            data-noprice='true' data-description="">AIO-3128C</a>
+                                                                                    </li>
+                                                                                <li class="list-item">
+                                                                                                            <a href="/product/fireflypx3se" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/d33eee8cf9c8b146708fa3181d159ff4.png"
+                                                            data-noprice='true' data-description="Industrial open source board">Firefly-PX3-SE</a>
+                                                                                    </li>
+                                                                                <li class="list-item">
+                                                                                                            <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/fbc9093c491525ff66505f335f9192e8.png"
+                                                            data-noprice='true' data-description="">AIO-3288C</a>
+                                                                                    </li>
+                                                                                <li class="list-item">
+                                                                                                            <a href="/product/fireduino" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/762b8641c1dd0a8864bf40fc0746a2a5.png"
+                                                            data-noprice='true' data-description="Creative Prototyping Platform">Fireduino</a>
+                                                                                    </li>
+                                                                                <li class="list-item">
+                                                                                                            <a href="/product/rocrk3328cc" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/0473980a1b24a8f9bdf9ed3097ccb2aa.png"
+                                                            data-noprice='true' data-description="Quad-Core 64-Bit Platform">ROC-RK3328-CC</a>
+                                                                                    </li>
+                                                                </ul>
+                                </div>
+                                                                    <div class="header-lists">
+                                        <div class="list-title">Industry Mainboard</div>
+                                        <ul class="list">
+                                                                                            <li class="list-item">
+                                                                                                            <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/a32d2963e47ac36395f8a95413fa6cae.png"
+                                                            data-noprice='true' data-description="">IPC-M10R800-A3399J</a>
+                                                                                                    </li>
+                                                                                            <li class="list-item">
+                                                                                                            <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/a32d2963e47ac36395f8a95413fa6cae.png"
+                                                            data-noprice='true' data-description="">IPC-M10R800-A3128C</a>
+                                                                                                    </li>
+                                                                                            <li class="list-item">
+                                                                                                            <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/a32d2963e47ac36395f8a95413fa6cae.png"
+                                                            data-noprice='true' data-description="">IPC-M10R800-A3288C</a>
+                                                                                                    </li>
+                                                                                    </ul>
+                                    </div>
+                                    </else>
+                                                                        <div class="header-lists">
+                                        <div class="list-title">Embedded Host</div>
+                                        <ul class="list">
+                                                                                            <li class="list-item">
+                                                                                                            <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/a32d2963e47ac36395f8a95413fa6cae.png"
+                                                            data-noprice='true' data-description="">EC-A3399J</a>
+                                                                                                    </li>
+                                                                                            <li class="list-item">
+                                                                                                            <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/a32d2963e47ac36395f8a95413fa6cae.png"
+                                                            data-noprice='true' data-description="">EC-F3399</a>
+                                                                                                    </li>
+                                                                                    </ul>
+                                    </div>
+                                    </else>
+                                                                        <div class="header-lists">
+                                        <div class="list-title">Display Module</div>
+                                        <ul class="list">
+                                                                                            <li class="list-item">
+                                                                                                            <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/a32d2963e47ac36395f8a95413fa6cae.png"
+                                                            data-noprice='true' data-description="">DM-M10R800-N</a>
+                                                                                                    </li>
+                                                                                    </ul>
+                                    </div>
+                                    </else>
+                                                                        <div class="header-lists">
+                                        <div class="list-title">AI Development Kit</div>
+                                        <ul class="list">
+                                                                                    </ul>
+                                    </div>
+                                    </else>
+                                                                        <div class="header-lists">
+                                        <div class="list-title">Station</div>
+                                        <ul class="list">
+                                                                                            <li class="list-item">
+                                                                                                            <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/a32d2963e47ac36395f8a95413fa6cae.png"
+                                                            data-noprice='true' data-description="">F-Station</a>
+                                                                                                    </li>
+                                                                                    </ul>
+                                    </div>
+                                    </else>
+                                    
+                        </div>
+
+                        <div class="show-img">
+                            <img src="/themes/t-firefly/public/assets/images/navProduct/Core-3399J.png" alt="" srcset="">
+                            <p class="title">Core-3399J</p>
+                            <p class="desc">六核64位高性能核心板</p>
+                            <div class="price"></div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+
+            <div class="projectMenu" id="21_nav" style="display: none;">
+                <div class="projectMenu_main">
+                    <!-- <div class="projectMenu_main_left">
+                        <a href="javascript:;"></a>
+                        <h4>Product Solution</h4>
+                        </a>
+                        <a id="" href="#" class="no-choose">
+                            Advertising Machine
+                        </a>
+                        <a id="" href="#" class="no-choose">
+                            WeChat Printer
+                        </a>
+                        <a id="" href="#" class="no-choose">
+                            Vending Machine
+                        </a>
+                        <a id="" href="#" class="no-choose">
+                            Intelligent POS
+                        </a>
+                    </div> -->
+                    <div class="projectMenu_main_left">
+                        <a href="/doc/case.html">
+                            <h4>Technical Solution</h4>
+                        </a>
+                        <a id="" href="/solution/face.html">
+                            Face Recognition
+                        </a>
+                        <a id="" href="/doc/case/info/id/226.html">
+                            Multi-Screen Display
+                        </a>
+                        <a id="" href="/doc/case/info/id/214.html">
+                            HDMI-IN Video Input
+                        </a>
+                        <a id="" href="/doc/case/info/id/210.html">
+                            Dual Camera
+                        </a>
+                    </div>
+                    <div class="projectMenu_main_left projectMenu_main_left_server" style="margin-top: 0px;">
+                        <div class="l-custom">
+                            <h4>Customized Services</h4>
+                            <span>Professional and innovative one-stop product customization</span>
+                            <div class="btn_group">
+                                <a>Custom Way</a>
+                                <a>Cooperation Process</a>
+                                <a>Contact us</a>
+                            </div>
+                        </div>
+                    </div>
+
+
+                    <!--<div class="projectMenu_main_right projectMenu_main_right_27" style="display: none;">-->
+                    <!--<div class="" style="float:left; margin-right:50px;">-->
+                    <!--&lt;!&ndash; to do&ndash;&gt;-->
+                    <!--</div>-->
+                    <!--<a href="http://www.t-firefly.com/zh/firesmart/fireble" class="menu-img"><img src="/themes/t-firefly/public/template/prod/prod_27.png"></a>-->
+                    <!--</div>-->
+
+                    <!--<div class="projectMenu_main_right projectMenu_main_right_70" style="display: none;">-->
+                    <!--<div class="" style="float:left; margin-right:50px;">-->
+                    <!-- -->
+                    <!--</div>-->
+                    <!--<a href="http://www.t-firefly.com/zh/firesmart/fireduino/" class="menu-img"><img src="/themes/t-firefly/public/template/prod/prod_71.png"></a>-->
+                    <!--</div>-->
+                </div>
+            </div>
+
+            <div class="projectMenu" id="24-1_nav" style="display: none;">
+                <div class="projectMenu_main">
+                    <!--内部左侧是选择型号区块-->
+                    <div class="projectMenu_main_left">
+                        <a href="/doc/index/index/active/teaching-material.html">
+                            <h4>Tutorial</h4>
+                        </a>
+                        <a id="" href="#" class="no-choose">
+                            Getting Started
+                            <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
+                        </a>
+                        <a id="" href="#" class="no-choose">
+                            Chip Information
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <a id="" href="#" class="no-choose">
+                            Teaching Documents
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                    </div>
+                    <div class="projectMenu_main_left">
+                        <a href="/doc/index/index/active/resources-download.html">
+                            <h4>Download</h4>
+                        </a>
+                        <a id="" href="#" class="no-choose">
+                            SDK Source Code
+                            <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
+                        </a>
+                        <a id="" href="#" class="no-choose">
+                            Firmware
+                            <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
+                        </a>
+                        <a id="" href="#" class="no-choose">
+                            Product Manual
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <!-- <a id="" href="#" class="no-choose"> -->
+                        <!-- 序列号烧写工具 -->
+                        <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
+                        <!-- </a> -->
+                    </div>
+
+                    <div class="projectMenu_main_left">
+                        <a href="/doc/case.html">
+                            <h4>Technical Case</h4>
+                        </a>
+                        <a id="" href="/doc/case/info/id/214.html">
+                            Multi-Channel Video Codec
+                            <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
+                        </a>
+                        <a id="" href="/doc/case/info/id/212.html">
+                            Ubuntu Dual Screen Different
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <a id="" href="/doc/case/info/id/210.html">
+                            Binocular Camera Data Acquisition
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <a href="/doc/case.html">
+                            <span>All Cases &gt;</span>
+                        </a>
+                    </div>
+
+                    <div class="projectMenu_main_left">
+
+                        <h4>Other Resources</h4>
+                        <a id="" href="https://gitlab.com/T-Firefly" target="_blank">
+                            GitLab
+                            <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
+                        </a>
+                        <a id="" href="https://drive.google.com/drive/folders/0B7HO8lbGgAqAaGgyM2FJZFFBejA" target="_blank">
+                            Google Drive
+                            <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
+                        </a>
+                        <a id="" href="https://pan.baidu.com/s/1gfiWpY7" target="_blank">
+                            Baidu Cloud
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <a id="" href="https://www.youtube.com/channel/UCk7odZvUrTG0on8HXnBT7gA" target="_blank">
+                            Youtube
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <a id="" href="http://v.qq.com/vplus/ec29ea0257e388c78fdc29f30384c9b3" target="_blank">
+                            Tencent Video
+
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <!-- <a id="" href="#"  > -->
+                        <!-- 优酷 -->
+                        <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
+                        <!-- </a> -->
+
+                    </div>
+
+                    <div class="projectMenu_main_left" style="display: none;">
+                        <h4>配件资料</h4>
+                        <a id="" href="#">
+                            7.85寸屏幕
+                            <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
+                        </a>
+                        <a id="" href="#">
+                            OV13850摄像头
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <a id="" href="#">
+                            500W摄像头
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <a id="" href="#">
+                            4G模块
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <a id="" href="#">
+                            双目摄像头
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <a id="" href="#">
+                            USB摄像头
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <a id="" href="#">
+                            GPS模组
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <a href="">
+                            <span>所有配件 &gt;</span>
+                        </a>
+                    </div>
+                    <div class="projectMenu_main_left" style="margin-right: 0; display: none;">
+                        <h4>常见问题</h4>
+                        <a id="" href="#">
+                            能否开发票
+                            <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
+                        </a>
+                        <a id="" href="#">
+                            售后政策是怎样
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <a id="" href="#">
+                            使用什么快递
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <a id="" href="#">
+                            支持的支付方式
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <a id="" href="#">
+                            如何实现积分购买
+                            <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
+                        </a>
+                        <a href="">
+                            <span>更多常见问题 &gt;</span>
+                        </a>
+                    </div>
+
+                </div>
+            </div>
+
+        </div>
+
+
+    </div>
+</div>
+
+        
+<style>
+    .portal_search{
+        width: 704px;
+        margin: 0 auto;
+        top: 175px;
+        position: absolute;
+        left: 50%;
+        margin-left: -352px;
+    }
+    .portal_search span{
+        margin-right: 20px;
+        color: white;
+        font-size: 24px;
+
+    }
+    .portal_search .input-val{
+        
+            height: 34px;
+    width: 440px;
+    background-color: transparent;
+    /* opacity: 0.7; */
+    border: 1px solid #b1b1b1;
+    color: white;
+    padding-left: 10px;
+
+    }
+    .portal_search .input-val::-webkit-input-placeholder{
+        color: #b1b1b1;
+    }
+    .portal_search .input-submit{
+
+        background: #f60;
+        color: white;
+        padding: 6px 24px;
+        font-size: 16px;
+        margin-left: 16px;
+    }
+    .clear{
+        clear:both;
+    }
+    .search-words{
+        width: 500px;
+        height: 20px;
+        margin: 0 auto;
+        position: absolute;
+        top: 220px;
+        left: 50%;
+        margin-left: -210px;
+    }
+    .search-title{
+      font-size: 12px;
+      color:#d3d3d3;
+      float:left;  
+    }
+    .search-list{
+        float:left;
+        margin-left: 5px;
+    }
+
+    .search-list ul li{
+      float:left;
+      font-size: 11px;
+      color:#fff;
+      margin-right: 8px;
+      cursor:pointer;
+    }
+
+    .search-list ul li:hover{
+        color:#ff7518;
+    }
+</style>
+
+
+<ul id="home-slider" style="margin-top:80px;" class="list-unstyled">
+    <li>
+        <div style="background: url(/themes/t-firefly/public/assets/images/portal_banner.png) center no-repeat; height: 257px;">
+            <form action="/doc/search.html" class="portal_search">
+                <span>Resources</span>
+                <input type="text" placeholder="Please enter the keywords you want to know" name="keyword" value="" class="input-val" />
+                <input type="submit" value="Search" class="input-submit" />
+            </form>
+            <div class="clear"></div>
+            <div class="search-words">
+             <div class="search-title">Hot :</div>
+             <div class="search-list">
+              <ul>
+               <li>Getting Started</li>
+               <li>Chip Datasheet</li>
+               <li>Documents</li>
+               <li>SDK Code</li>
+               <li>Firmware</li>
+              </ul>
+             </div>
+            </div>
+        </div>
+    </li>
+</ul>
+
+
+<script>
+    $('.header-main').addClass('theme-white');
+
+    $(".search-list ul li").each(function(i){
+       $(this).bind('click',function(){
+        var keyword = $(this).text();
+        $('.input-val').val(keyword);
+        $('.input-submit').click();
+        /*$.get({
+          'url' : '/doc/search',
+          'keyword' : 'keyword'
+        });*/
+
+       });
+
+    });
+</script>
+        <div class="m-tab">
+            <div class="container">
+                <!-- tabs切换开关 -->\r
+\r
+            <ul class="nav nav-tabs" role="tablist">\r
+                <li role="presentation"  class="active"  >\r
+                    <a href="  /doc/product/index/id/3.html "  role="tab">\r
+                        Wiki\r
+                    </a>\r
+                </li>\r
+                <li role="presentation" >\r
+                    <a href=" /doc/download/3.html "  role="tab">\r
+                        Download\r
+                    </a>\r
+                </li>\r
+                <!-- <li role="presentation"  ><a href="/doc/case.html"  role="tab">技术案例</a></li> -->\r
+                <!-- <li role="presentation"  ><a href="/doc/parts.html"  role="tab">配件资料</a></li> -->\r
+                <!-- <li role="presentation"><a href="#FAQ"  role="tab" data-toggle="tab">常见问题</a></li> -->\r
+            </ul>
+                <!-- Tab切换内容 -->
+            </div>
+        </div>
+
+        <div class="container">
+            <div class="teaching-box">
+                <!-- 左侧的导航条 -->
+                <!-- 资料库侧边栏 -->
+
+<div class="box-left doc-sidebar">
+    <ul id="doc-1" class="topnav">
+        <div class="panel-group" id="sidebar-one">
+            <h4 class="product-type">Opensource Board</h4>
+            <!-- 1级产品标题 -->
+                            <!-- 1级li>.item -->
+                <div class="panel panel-default">
+                    <!-- a -->
+                    <div class="panel-heading">
+                        <h4 class="panel-title">
+                            <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-31" class="sidebar-one-a">AIO-3399J</a> -->
+                            <!-- <a href="/doc/product/index/id/31.html" class="sidebar-one-a">AIO-3399J</a> -->
+                            <a href="#product-31" data-href="/doc/product/product_iframe/id/31.html" class="sidebar-one-a collapsed" data-toggle="collapse" data-parent="#sidebar-one">AIO-3399J  <b></b></a>
+                        </h4>
+                    </div>
+                    <!-- 2级ul -->
+                    <div id="product-31" class="panel-collapse collapse   ">
+                        <div class="panel-body">
+                            <div class="panel-group panel-group-two" id="sidebar-two-31">
+                                                                        <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-31" href="#product-category-31-1" class="sidebar-two-a collapsed ">
+                                                        Quick Start                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-31-1" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/468.html" id="son-468" data-info-id="468" class="sidebar-three-a  ">Boot Mode</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/437.html" id="son-437" data-info-id="437" class="sidebar-three-a  ">Flash Image</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/480.html" id="son-480" data-info-id="480" class="sidebar-three-a  ">MaskRon</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/469.html" id="son-469" data-info-id="469" class="sidebar-three-a  ">Senial Debug</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/440.html" id="son-440" data-info-id="440" class="sidebar-three-a  ">Starter Guide</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-31" href="#product-category-31-5" class="sidebar-two-a collapsed ">
+                                                        Linux                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-31-5" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/447.html" id="son-447" data-info-id="447" class="sidebar-three-a  ">Build Kernel</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/446.html" id="son-446" data-info-id="446" class="sidebar-three-a  ">Build Ubuntu Rfs</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-31" href="#product-category-31-8" class="sidebar-two-a collapsed ">
+                                                        Accessories                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-31-8" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/466.html" id="son-466" data-info-id="466" class="sidebar-three-a  ">Camera Module</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/463.html" id="son-463" data-info-id="463" class="sidebar-three-a  ">Conversion Module</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/462.html" id="son-462" data-info-id="462" class="sidebar-three-a  ">Heat Sink</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/464.html" id="son-464" data-info-id="464" class="sidebar-three-a  ">Power Adapter</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/465.html" id="son-465" data-info-id="465" class="sidebar-three-a  ">Remote Control</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/467.html" id="son-467" data-info-id="467" class="sidebar-three-a  ">Screen Module</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/442.html" id="son-442" data-info-id="442" class="sidebar-three-a  ">Wireless Module</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-31" href="#product-category-31-4" class="sidebar-two-a collapsed ">
+                                                        Android                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-31-4" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/438.html" id="son-438" data-info-id="438" class="sidebar-three-a  ">ADB Usage</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/439.html" id="son-439" data-info-id="439" class="sidebar-three-a  ">Build Android 7.1</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/459.html" id="son-459" data-info-id="459" class="sidebar-three-a  ">Customize Firmware</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-31" href="#product-category-31-7" class="sidebar-two-a collapsed ">
+                                                        Hardware                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-31-7" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/445.html" id="son-445" data-info-id="445" class="sidebar-three-a  ">Hardware Documents</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/444.html" id="son-444" data-info-id="444" class="sidebar-three-a  ">Interface Definition</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-31" href="#product-category-31-6" class="sidebar-two-a collapsed ">
+                                                        Driver                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-31-6" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/455.html" id="son-455" data-info-id="455" class="sidebar-three-a  ">ADC</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/449.html" id="son-449" data-info-id="449" class="sidebar-three-a  ">Camera</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/458.html" id="son-458" data-info-id="458" class="sidebar-three-a  ">GPIO</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/456.html" id="son-456" data-info-id="456" class="sidebar-three-a  ">I2C</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/457.html" id="son-457" data-info-id="457" class="sidebar-three-a  ">IR</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/441.html" id="son-441" data-info-id="441" class="sidebar-three-a  ">LCD</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/452.html" id="son-452" data-info-id="452" class="sidebar-three-a  ">LED</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/451.html" id="son-451" data-info-id="451" class="sidebar-three-a  ">PWM</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/453.html" id="son-453" data-info-id="453" class="sidebar-three-a  ">RTC</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/454.html" id="son-454" data-info-id="454" class="sidebar-three-a  ">SPI</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/448.html" id="son-448" data-info-id="448" class="sidebar-three-a  ">TIMER</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/450.html" id="son-450" data-info-id="450" class="sidebar-three-a  ">UART</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-31" href="#product-category-31-11" class="sidebar-two-a collapsed ">
+                                                        Other                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-31-11" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/443.html" id="son-443" data-info-id="443" class="sidebar-three-a  ">Uboot</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                    <!-- other -->
+                                <div class="panel panel-default">
+                                    <div class="panel-heading">
+                                        <a href="/doc/download/31.html" class="sidebar-two-a collapsed">Download
+                                            </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+                                <!-- 1级li>.item -->
+                <div class="panel panel-default">
+                    <!-- a -->
+                    <div class="panel-heading">
+                        <h4 class="panel-title">
+                            <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-16" class="sidebar-one-a">AIO-3288J</a> -->
+                            <!-- <a href="/doc/product/index/id/16.html" class="sidebar-one-a">AIO-3288J</a> -->
+                            <a href="#product-16" data-href="/doc/product/product_iframe/id/16.html" class="sidebar-one-a collapsed" data-toggle="collapse" data-parent="#sidebar-one">AIO-3288J  <b></b></a>
+                        </h4>
+                    </div>
+                    <!-- 2级ul -->
+                    <div id="product-16" class="panel-collapse collapse   ">
+                        <div class="panel-body">
+                            <div class="panel-group panel-group-two" id="sidebar-two-16">
+                                                                        <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-1" class="sidebar-two-a collapsed ">
+                                                        Quick Start                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-16-1" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/409.html" id="son-409" data-info-id="409" class="sidebar-three-a  ">Starter Guide</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/406.html" id="son-406" data-info-id="406" class="sidebar-three-a  ">Senial Debug</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/408.html" id="son-408" data-info-id="408" class="sidebar-three-a  ">Boot Mode</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/407.html" id="son-407" data-info-id="407" class="sidebar-three-a  ">Flash Image</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-5" class="sidebar-two-a collapsed ">
+                                                        Linux                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-16-5" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/416.html" id="son-416" data-info-id="416" class="sidebar-three-a  ">Build Kernel</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/414.html" id="son-414" data-info-id="414" class="sidebar-three-a  ">Build Ubuntu Rfs</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/415.html" id="son-415" data-info-id="415" class="sidebar-three-a  ">Mainline Kernel</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/413.html" id="son-413" data-info-id="413" class="sidebar-three-a  ">Ubuntu Server Note</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-8" class="sidebar-two-a collapsed ">
+                                                        Accessories                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-16-8" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/482.html" id="son-482" data-info-id="482" class="sidebar-three-a  ">Camera module</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/514.html" id="son-514" data-info-id="514" class="sidebar-three-a  ">Display module</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/484.html" id="son-484" data-info-id="484" class="sidebar-three-a  ">Power Adapter</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/485.html" id="son-485" data-info-id="485" class="sidebar-three-a  ">Remote Control</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/481.html" id="son-481" data-info-id="481" class="sidebar-three-a  ">Serial port module</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/483.html" id="son-483" data-info-id="483" class="sidebar-three-a  ">Wireless module</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-11" class="sidebar-two-a collapsed ">
+                                                        Other                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-16-11" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/417.html" id="son-417" data-info-id="417" class="sidebar-three-a  ">Uboot</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-4" class="sidebar-two-a collapsed ">
+                                                        Android                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-16-4" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/404.html" id="son-404" data-info-id="404" class="sidebar-three-a  ">ADB Usage</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/403.html" id="son-403" data-info-id="403" class="sidebar-three-a  ">Build Android 5.1</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/435.html" id="son-435" data-info-id="435" class="sidebar-three-a  ">Customize Firmware</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-9" class="sidebar-two-a collapsed ">
+                                                        Documentation                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-16-9" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/419.html" id="son-419" data-info-id="419" class="sidebar-three-a  ">AIO-3288J Technical Reference Manual</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-7" class="sidebar-two-a collapsed ">
+                                                        Hardware                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-16-7" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/422.html" id="son-422" data-info-id="422" class="sidebar-three-a  ">Hardware Documents</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-6" class="sidebar-two-a collapsed ">
+                                                        Driver                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-16-6" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/433.html" id="son-433" data-info-id="433" class="sidebar-three-a  ">ADC</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/432.html" id="son-432" data-info-id="432" class="sidebar-three-a  ">GPIO</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/431.html" id="son-431" data-info-id="431" class="sidebar-three-a  ">I2C</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/430.html" id="son-430" data-info-id="430" class="sidebar-three-a  ">IR</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/428.html" id="son-428" data-info-id="428" class="sidebar-three-a  ">LED</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/410.html" id="son-410" data-info-id="410" class="sidebar-three-a  ">MIPI CSI</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/424.html" id="son-424" data-info-id="424" class="sidebar-three-a  ">MIPI DSI</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/427.html" id="son-427" data-info-id="427" class="sidebar-three-a  ">PWM</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/429.html" id="son-429" data-info-id="429" class="sidebar-three-a  ">SPI</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/426.html" id="son-426" data-info-id="426" class="sidebar-three-a  ">UART</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                    <!-- other -->
+                                <div class="panel panel-default">
+                                    <div class="panel-heading">
+                                        <a href="/doc/download/16.html" class="sidebar-two-a collapsed">Download
+                                            </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+                                <!-- 1级li>.item -->
+                <div class="panel panel-default">
+                    <!-- a -->
+                    <div class="panel-heading">
+                        <h4 class="panel-title">
+                            <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-34" class="sidebar-one-a">ROC-RK3328-CC</a> -->
+                            <!-- <a href="/doc/product/index/id/34.html" class="sidebar-one-a">ROC-RK3328-CC</a> -->
+                            <a href="#product-34" data-href="/doc/product/product_iframe/id/34.html" class="sidebar-one-a collapsed" data-toggle="collapse" data-parent="#sidebar-one">ROC-RK3328-CC  <b></b></a>
+                        </h4>
+                    </div>
+                    <!-- 2级ul -->
+                    <div id="product-34" class="panel-collapse collapse   ">
+                        <div class="panel-body">
+                            <div class="panel-group panel-group-two" id="sidebar-two-34">
+                                                                    <div class="panel panel-default">
+                                        <div class="panel-heading">
+                                            <a href="http://wiki.t-firefly.com/ROC-RK3328-CC/index.html" class="sidebar-two-a collapsed" target="_blank">Wiki
+                                                <b></b>
+                                            </a>
+                                        </div>
+                                    </div>
+                                                                <!-- other -->
+                                <div class="panel panel-default">
+                                    <div class="panel-heading">
+                                        <a href="/doc/download/34.html" class="sidebar-two-a collapsed">Download
+                                            </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+                                <!-- 1级li>.item -->
+                <div class="panel panel-default">
+                    <!-- a -->
+                    <div class="panel-heading">
+                        <h4 class="panel-title">
+                            <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-3" class="sidebar-one-a">Firefly-RK3399</a> -->
+                            <!-- <a href="/doc/product/index/id/3.html" class="sidebar-one-a">Firefly-RK3399</a> -->
+                            <a href="#product-3" data-href="/doc/product/product_iframe/id/3.html" class="sidebar-one-a collapsed" data-toggle="collapse" data-parent="#sidebar-one">Firefly-RK3399  <b></b></a>
+                        </h4>
+                    </div>
+                    <!-- 2级ul -->
+                    <div id="product-3" class="panel-collapse collapse   in  ">
+                        <div class="panel-body">
+                            <div class="panel-group panel-group-two" id="sidebar-two-3">
+                                                                        <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-3" href="#product-category-3-1" class="sidebar-two-a collapsed ">
+                                                        Quick Start                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-3-1" class="panel-collapse collapse  in  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/265.html" id="son-265" data-info-id="265" class="sidebar-three-a   sidebar-a-active ">Boot Mode</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/263.html" id="son-263" data-info-id="263" class="sidebar-three-a  ">Flash Image</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/479.html" id="son-479" data-info-id="479" class="sidebar-three-a  ">MaskRon</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/264.html" id="son-264" data-info-id="264" class="sidebar-three-a  ">Senial Debug</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/262.html" id="son-262" data-info-id="262" class="sidebar-three-a  ">Starter Guide</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-3" href="#product-category-3-5" class="sidebar-two-a collapsed ">
+                                                        Linux                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-3-5" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/290.html" id="son-290" data-info-id="290" class="sidebar-three-a  ">Build Kernel</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/291.html" id="son-291" data-info-id="291" class="sidebar-three-a  ">Build Ubuntu Rfs</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-3" href="#product-category-3-8" class="sidebar-two-a collapsed ">
+                                                        Accessories                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-3-8" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/267.html" id="son-267" data-info-id="267" class="sidebar-three-a  ">Camera Module</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/273.html" id="son-273" data-info-id="273" class="sidebar-three-a  ">Case</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/271.html" id="son-271" data-info-id="271" class="sidebar-three-a  ">Conversion Module</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/272.html" id="son-272" data-info-id="272" class="sidebar-three-a  ">Heat Sink</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/269.html" id="son-269" data-info-id="269" class="sidebar-three-a  ">Power Adapter</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/268.html" id="son-268" data-info-id="268" class="sidebar-three-a  ">Remote Control</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/266.html" id="son-266" data-info-id="266" class="sidebar-three-a  ">Screen Module</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/270.html" id="son-270" data-info-id="270" class="sidebar-three-a  ">Wireless Module</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-3" href="#product-category-3-4" class="sidebar-two-a collapsed ">
+                                                        Android                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-3-4" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/277.html" id="son-277" data-info-id="277" class="sidebar-three-a  ">ADB Usage</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/275.html" id="son-275" data-info-id="275" class="sidebar-three-a  ">Build Android 7.1</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/276.html" id="son-276" data-info-id="276" class="sidebar-three-a  ">Customize Firmware</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-3" href="#product-category-3-6" class="sidebar-two-a collapsed ">
+                                                        Driver                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-3-6" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/281.html" id="son-281" data-info-id="281" class="sidebar-three-a  ">ADC</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/287.html" id="son-287" data-info-id="287" class="sidebar-three-a  ">Camera</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/278.html" id="son-278" data-info-id="278" class="sidebar-three-a  ">GPIO</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/280.html" id="son-280" data-info-id="280" class="sidebar-three-a  ">I2C</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/279.html" id="son-279" data-info-id="279" class="sidebar-three-a  ">IR</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/288.html" id="son-288" data-info-id="288" class="sidebar-three-a  ">LCD</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/284.html" id="son-284" data-info-id="284" class="sidebar-three-a  ">LED</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/285.html" id="son-285" data-info-id="285" class="sidebar-three-a  ">PWM</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/283.html" id="son-283" data-info-id="283" class="sidebar-three-a  ">RTC</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/282.html" id="son-282" data-info-id="282" class="sidebar-three-a  ">SPI</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/289.html" id="son-289" data-info-id="289" class="sidebar-three-a  ">TIMER</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/286.html" id="son-286" data-info-id="286" class="sidebar-three-a  ">UART</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-3" href="#product-category-3-7" class="sidebar-two-a collapsed ">
+                                                        Hardware                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-3-7" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/292.html" id="son-292" data-info-id="292" class="sidebar-three-a  ">Hardware Documents</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/293.html" id="son-293" data-info-id="293" class="sidebar-three-a  ">Interface Definition</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-3" href="#product-category-3-11" class="sidebar-two-a collapsed ">
+                                                        Other                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-3-11" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/294.html" id="son-294" data-info-id="294" class="sidebar-three-a  ">Uboot</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                    <!-- other -->
+                                <div class="panel panel-default">
+                                    <div class="panel-heading">
+                                        <a href="/doc/download/3.html" class="sidebar-two-a collapsed">Download
+                                            </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+                                <!-- 1级li>.item -->
+                <div class="panel panel-default">
+                    <!-- a -->
+                    <div class="panel-heading">
+                        <h4 class="panel-title">
+                            <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-4" class="sidebar-one-a">Firefly-RK3288</a> -->
+                            <!-- <a href="/doc/product/index/id/4.html" class="sidebar-one-a">Firefly-RK3288</a> -->
+                            <a href="#product-4" data-href="/doc/product/product_iframe/id/4.html" class="sidebar-one-a collapsed" data-toggle="collapse" data-parent="#sidebar-one">Firefly-RK3288  <b></b></a>
+                        </h4>
+                    </div>
+                    <!-- 2级ul -->
+                    <div id="product-4" class="panel-collapse collapse   ">
+                        <div class="panel-body">
+                            <div class="panel-group panel-group-two" id="sidebar-two-4">
+                                                                        <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-1" class="sidebar-two-a collapsed ">
+                                                        Quick Start                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-4-1" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/230.html" id="son-230" data-info-id="230" class="sidebar-three-a  ">Starter Guide</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/232.html" id="son-232" data-info-id="232" class="sidebar-three-a  ">Senial Debug</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/233.html" id="son-233" data-info-id="233" class="sidebar-three-a  ">Boot Mode</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/231.html" id="son-231" data-info-id="231" class="sidebar-three-a  ">Flash Image</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-5" class="sidebar-two-a collapsed ">
+                                                        Linux                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-4-5" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/253.html" id="son-253" data-info-id="253" class="sidebar-three-a  ">Build Kernel</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/255.html" id="son-255" data-info-id="255" class="sidebar-three-a  ">Build Ubuntu Rfs</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/254.html" id="son-254" data-info-id="254" class="sidebar-three-a  ">Mainline Kernel</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/256.html" id="son-256" data-info-id="256" class="sidebar-three-a  ">Ubuntu Server Note</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-8" class="sidebar-two-a collapsed ">
+                                                        Accessories                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-4-8" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/488.html" id="son-488" data-info-id="488" class="sidebar-three-a  ">Camera Module</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/234.html" id="son-234" data-info-id="234" class="sidebar-three-a  ">Cases</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/487.html" id="son-487" data-info-id="487" class="sidebar-three-a  ">Display Module</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/486.html" id="son-486" data-info-id="486" class="sidebar-three-a  ">Power Adapter</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/489.html" id="son-489" data-info-id="489" class="sidebar-three-a  ">Remote Control</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/490.html" id="son-490" data-info-id="490" class="sidebar-three-a  ">Serial port module</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/491.html" id="son-491" data-info-id="491" class="sidebar-three-a  ">Wireless module</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-10" class="sidebar-two-a collapsed ">
+                                                        Project                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-4-10" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/65.html" id="son-65" data-info-id="65" class="sidebar-three-a  ">GoRK3288 </a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-4" class="sidebar-two-a collapsed ">
+                                                        Android                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-4-4" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/239.html" id="son-239" data-info-id="239" class="sidebar-three-a  ">ADB Usage</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/237.html" id="son-237" data-info-id="237" class="sidebar-three-a  ">Build Android 5.1</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/238.html" id="son-238" data-info-id="238" class="sidebar-three-a  ">Customize Firmware</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-6" class="sidebar-two-a collapsed ">
+                                                        Driver                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-4-6" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/241.html" id="son-241" data-info-id="241" class="sidebar-three-a  ">ADC</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/249.html" id="son-249" data-info-id="249" class="sidebar-three-a  ">DVP</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/242.html" id="son-242" data-info-id="242" class="sidebar-three-a  ">GPIO</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/243.html" id="son-243" data-info-id="243" class="sidebar-three-a  ">I2C</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/244.html" id="son-244" data-info-id="244" class="sidebar-three-a  ">IR</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/246.html" id="son-246" data-info-id="246" class="sidebar-three-a  ">LED</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/250.html" id="son-250" data-info-id="250" class="sidebar-three-a  ">MIPI CSI</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/251.html" id="son-251" data-info-id="251" class="sidebar-three-a  ">MIPI DSI</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/247.html" id="son-247" data-info-id="247" class="sidebar-three-a  ">PWM</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/245.html" id="son-245" data-info-id="245" class="sidebar-three-a  ">SPI</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/248.html" id="son-248" data-info-id="248" class="sidebar-three-a  ">UART</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-9" class="sidebar-two-a collapsed ">
+                                                        Documentation                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-4-9" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/252.html" id="son-252" data-info-id="252" class="sidebar-three-a  "> RK3288 Technical Reference Manual</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-7" class="sidebar-two-a collapsed ">
+                                                        Hardware                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-4-7" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/258.html" id="son-258" data-info-id="258" class="sidebar-three-a  ">Hardware Documents</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/260.html" id="son-260" data-info-id="260" class="sidebar-three-a  ">Interface Definition</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/259.html" id="son-259" data-info-id="259" class="sidebar-three-a  ">Version Introduction</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-11" class="sidebar-two-a collapsed ">
+                                                        Other                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-4-11" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/261.html" id="son-261" data-info-id="261" class="sidebar-three-a  ">Uboot</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                    <!-- other -->
+                                <div class="panel panel-default">
+                                    <div class="panel-heading">
+                                        <a href="/doc/download/4.html" class="sidebar-two-a collapsed">Download
+                                            </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+                                <!-- 1级li>.item -->
+                <div class="panel panel-default">
+                    <!-- a -->
+                    <div class="panel-heading">
+                        <h4 class="panel-title">
+                            <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-6" class="sidebar-one-a">Firefly-RK3128</a> -->
+                            <!-- <a href="/doc/product/index/id/6.html" class="sidebar-one-a">Firefly-RK3128</a> -->
+                            <a href="#product-6" data-href="/doc/product/product_iframe/id/6.html" class="sidebar-one-a collapsed" data-toggle="collapse" data-parent="#sidebar-one">Firefly-RK3128  <b></b></a>
+                        </h4>
+                    </div>
+                    <!-- 2级ul -->
+                    <div id="product-6" class="panel-collapse collapse   ">
+                        <div class="panel-body">
+                            <div class="panel-group panel-group-two" id="sidebar-two-6">
+                                                                        <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-1" class="sidebar-two-a collapsed ">
+                                                        Quick Start                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-6-1" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/298.html" id="son-298" data-info-id="298" class="sidebar-three-a  ">Boot Mode</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/296.html" id="son-296" data-info-id="296" class="sidebar-three-a  ">Flash Image</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/297.html" id="son-297" data-info-id="297" class="sidebar-three-a  ">Serial Debug</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/295.html" id="son-295" data-info-id="295" class="sidebar-three-a  ">Starter Guide</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-5" class="sidebar-two-a collapsed ">
+                                                        Linux                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-6-5" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/315.html" id="son-315" data-info-id="315" class="sidebar-three-a  ">Build Kernel</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/316.html" id="son-316" data-info-id="316" class="sidebar-three-a  ">Build Ubuntu Rfs</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/317.html" id="son-317" data-info-id="317" class="sidebar-three-a  ">Ubuntu Server Note</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-8" class="sidebar-two-a collapsed ">
+                                                        Accessories                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-6-8" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/299.html" id="son-299" data-info-id="299" class="sidebar-three-a  ">Cases</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/300.html" id="son-300" data-info-id="300" class="sidebar-three-a  ">Peripherals</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-4" class="sidebar-two-a collapsed ">
+                                                        Android                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-6-4" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/303.html" id="son-303" data-info-id="303" class="sidebar-three-a  ">ADB Usage</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/301.html" id="son-301" data-info-id="301" class="sidebar-three-a  ">Build Android</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/302.html" id="son-302" data-info-id="302" class="sidebar-three-a  ">Customize Firmware</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-6" class="sidebar-two-a collapsed ">
+                                                        Driver                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-6-6" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/304.html" id="son-304" data-info-id="304" class="sidebar-three-a  ">ADC</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/312.html" id="son-312" data-info-id="312" class="sidebar-three-a  ">Camera</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/305.html" id="son-305" data-info-id="305" class="sidebar-three-a  ">GPIO</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/306.html" id="son-306" data-info-id="306" class="sidebar-three-a  ">I2C</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/307.html" id="son-307" data-info-id="307" class="sidebar-three-a  ">IR</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/309.html" id="son-309" data-info-id="309" class="sidebar-three-a  ">LED</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/313.html" id="son-313" data-info-id="313" class="sidebar-three-a  ">MIPI DSI</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/310.html" id="son-310" data-info-id="310" class="sidebar-three-a  ">PWM</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/308.html" id="son-308" data-info-id="308" class="sidebar-three-a  ">SPI</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/311.html" id="son-311" data-info-id="311" class="sidebar-three-a  ">UART</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-9" class="sidebar-two-a collapsed ">
+                                                        Documentation                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-6-9" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/314.html" id="son-314" data-info-id="314" class="sidebar-three-a  "> RK3128 Technical Reference Manual</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-7" class="sidebar-two-a collapsed ">
+                                                        Hardware                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-6-7" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/318.html" id="son-318" data-info-id="318" class="sidebar-three-a  ">Hardware Documents</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/319.html" id="son-319" data-info-id="319" class="sidebar-three-a  ">Interface Definition</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-11" class="sidebar-two-a collapsed ">
+                                                        Other                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-6-11" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/320.html" id="son-320" data-info-id="320" class="sidebar-three-a  ">U-Boot</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                    <!-- other -->
+                                <div class="panel panel-default">
+                                    <div class="panel-heading">
+                                        <a href="/doc/download/6.html" class="sidebar-two-a collapsed">Download
+                                            </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+                                <!-- 1级li>.item -->
+                <div class="panel panel-default">
+                    <!-- a -->
+                    <div class="panel-heading">
+                        <h4 class="panel-title">
+                            <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-7" class="sidebar-one-a">Fireduino</a> -->
+                            <!-- <a href="/doc/product/index/id/7.html" class="sidebar-one-a">Fireduino</a> -->
+                            <a href="#product-7" data-href="/doc/product/product_iframe/id/7.html" class="sidebar-one-a collapsed" data-toggle="collapse" data-parent="#sidebar-one">Fireduino  <b></b></a>
+                        </h4>
+                    </div>
+                    <!-- 2级ul -->
+                    <div id="product-7" class="panel-collapse collapse   ">
+                        <div class="panel-body">
+                            <div class="panel-group panel-group-two" id="sidebar-two-7">
+                                                                        <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-7" href="#product-category-7-13" class="sidebar-two-a collapsed ">
+                                                        Quick Start                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-7-13" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/326.html" id="son-326" data-info-id="326" class="sidebar-three-a  ">Common error &amp; Current Limit</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/322.html" id="son-322" data-info-id="322" class="sidebar-three-a  ">Install Fireduino Driver</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/321.html" id="son-321" data-info-id="321" class="sidebar-three-a  ">Introduce Fireduino</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/323.html" id="son-323" data-info-id="323" class="sidebar-three-a  ">The First Sketch of Fireduino</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/325.html" id="son-325" data-info-id="325" class="sidebar-three-a  ">Update &amp; support of Fireduino SDK</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/324.html" id="son-324" data-info-id="324" class="sidebar-three-a  ">Upgrade Firmware</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-7" href="#product-category-7-16" class="sidebar-two-a collapsed ">
+                                                        Open Source                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-7-16" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/331.html" id="son-331" data-info-id="331" class="sidebar-three-a  ">Accessories</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/328.html" id="son-328" data-info-id="328" class="sidebar-three-a  ">Code</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/330.html" id="son-330" data-info-id="330" class="sidebar-three-a  ">Communicaty</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/327.html" id="son-327" data-info-id="327" class="sidebar-three-a  ">Hardware</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/329.html" id="son-329" data-info-id="329" class="sidebar-three-a  ">Tools</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-7" href="#product-category-7-17" class="sidebar-two-a collapsed ">
+                                                         Advanced                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-7-17" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/337.html" id="son-337" data-info-id="337" class="sidebar-three-a  ">Audio Hi-Fi player</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/335.html" id="son-335" data-info-id="335" class="sidebar-three-a  ">Audio play music in TF Card</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/336.html" id="son-336" data-info-id="336" class="sidebar-three-a  ">Audio play music online</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/332.html" id="son-332" data-info-id="332" class="sidebar-three-a  ">TFT display char</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/333.html" id="son-333" data-info-id="333" class="sidebar-three-a  ">TFT display picture</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/334.html" id="son-334" data-info-id="334" class="sidebar-three-a  ">TFT general draw</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-7" href="#product-category-7-18" class="sidebar-two-a collapsed ">
+                                                        IoT                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-7-18" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/198.html" id="son-198" data-info-id="198" class="sidebar-three-a  ">IOT Demo</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/195.html" id="son-195" data-info-id="195" class="sidebar-three-a  ">WiFi Client</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/340.html" id="son-340" data-info-id="340" class="sidebar-three-a  ">WiFi communication</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/338.html" id="son-338" data-info-id="338" class="sidebar-three-a  ">WiFi Introduction  </a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/339.html" id="son-339" data-info-id="339" class="sidebar-three-a  ">WiFi network configure</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/196.html" id="son-196" data-info-id="196" class="sidebar-three-a  ">WiFi Server</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/197.html" id="son-197" data-info-id="197" class="sidebar-three-a  ">WiFi UDP</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-7" href="#product-category-7-19" class="sidebar-two-a collapsed ">
+                                                        Graphical                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-7-19" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/346.html" id="son-346" data-info-id="346" class="sidebar-three-a  ">Build Your Own Block</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/345.html" id="son-345" data-info-id="345" class="sidebar-three-a  ">FireBlock Audio</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/343.html" id="son-343" data-info-id="343" class="sidebar-three-a  ">FireBlock Meets  Fireduino</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/342.html" id="son-342" data-info-id="342" class="sidebar-three-a  ">FireBlock Quickstart</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/344.html" id="son-344" data-info-id="344" class="sidebar-three-a  ">FireBlock's First Project</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/341.html" id="son-341" data-info-id="341" class="sidebar-three-a  ">Scratch Introduction</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-7" href="#product-category-7-20" class="sidebar-two-a collapsed ">
+                                                        Examples                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-7-20" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/348.html" id="son-348" data-info-id="348" class="sidebar-three-a  ">FireDuino Timer</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/347.html" id="son-347" data-info-id="347" class="sidebar-three-a  ">Network calendar</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/350.html" id="son-350" data-info-id="350" class="sidebar-three-a  ">Remote collection of temperature and humidity</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/349.html" id="son-349" data-info-id="349" class="sidebar-three-a  ">Temperature and humidty collector</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-7" href="#product-category-7-15" class="sidebar-two-a collapsed ">
+                                                        Base                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-7-15" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/168.html" id="son-168" data-info-id="168" class="sidebar-three-a  ">Advanced I/O</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/173.html" id="son-173" data-info-id="173" class="sidebar-three-a  ">Analog I/O</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/177.html" id="son-177" data-info-id="177" class="sidebar-three-a  ">Audio</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/167.html" id="son-167" data-info-id="167" class="sidebar-three-a  ">Digital I/O</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/174.html" id="son-174" data-info-id="174" class="sidebar-three-a  ">Interrupts</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/171.html" id="son-171" data-info-id="171" class="sidebar-three-a  ">RTC</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/175.html" id="son-175" data-info-id="175" class="sidebar-three-a  ">Servo</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/170.html" id="son-170" data-info-id="170" class="sidebar-three-a  ">Spi</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/172.html" id="son-172" data-info-id="172" class="sidebar-three-a  ">TF</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/176.html" id="son-176" data-info-id="176" class="sidebar-three-a  ">TFT</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/178.html" id="son-178" data-info-id="178" class="sidebar-three-a  ">WiFi</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/169.html" id="son-169" data-info-id="169" class="sidebar-three-a  ">Wire</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                    <!-- other -->
+                                <div class="panel panel-default">
+                                    <div class="panel-heading">
+                                        <a href="/doc/download/7.html" class="sidebar-two-a collapsed">Download
+                                            </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+                                <!-- 1级li>.item -->
+                <div class="panel panel-default">
+                    <!-- a -->
+                    <div class="panel-heading">
+                        <h4 class="panel-title">
+                            <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-14" class="sidebar-one-a">FireBLE</a> -->
+                            <!-- <a href="/doc/product/index/id/14.html" class="sidebar-one-a">FireBLE</a> -->
+                            <a href="#product-14" data-href="/doc/product/product_iframe/id/14.html" class="sidebar-one-a collapsed" data-toggle="collapse" data-parent="#sidebar-one">FireBLE  <b></b></a>
+                        </h4>
+                    </div>
+                    <!-- 2级ul -->
+                    <div id="product-14" class="panel-collapse collapse   ">
+                        <div class="panel-body">
+                            <div class="panel-group panel-group-two" id="sidebar-two-14">
+                                                                        <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-14" href="#product-category-14-1" class="sidebar-two-a collapsed ">
+                                                        Quick Start                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-14-1" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/352.html" id="son-352" data-info-id="352" class="sidebar-three-a  ">Build development environment</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/354.html" id="son-354" data-info-id="354" class="sidebar-three-a  ">Serial debug</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/353.html" id="son-353" data-info-id="353" class="sidebar-three-a  ">Source code port</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/351.html" id="son-351" data-info-id="351" class="sidebar-three-a  ">Starter guide</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-14" href="#product-category-14-10" class="sidebar-two-a collapsed ">
+                                                        Project                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-14-10" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/377.html" id="son-377" data-info-id="377" class="sidebar-three-a  ">key fob</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-14" href="#product-category-14-22" class="sidebar-two-a collapsed ">
+                                                        Learn BLE                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-14-22" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/359.html" id="son-359" data-info-id="359" class="sidebar-three-a  ">battery server profile</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/355.html" id="son-355" data-info-id="355" class="sidebar-three-a  ">Kernel</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/357.html" id="son-357" data-info-id="357" class="sidebar-three-a  ">Light Blue</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/360.html" id="son-360" data-info-id="360" class="sidebar-three-a  ">OTA updata profile</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/356.html" id="son-356" data-info-id="356" class="sidebar-three-a  ">protocol stack</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/358.html" id="son-358" data-info-id="358" class="sidebar-three-a  ">Proximity Reportor profile</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/361.html" id="son-361" data-info-id="361" class="sidebar-three-a  ">QPPS profile</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-14" href="#product-category-14-6" class="sidebar-two-a collapsed ">
+                                                        Driver                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-14-6" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/366.html" id="son-366" data-info-id="366" class="sidebar-three-a  ">ADC</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/363.html" id="son-363" data-info-id="363" class="sidebar-three-a  ">GPIO</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/362.html" id="son-362" data-info-id="362" class="sidebar-three-a  ">GPIO Configure</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/367.html" id="son-367" data-info-id="367" class="sidebar-three-a  ">I2C</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/368.html" id="son-368" data-info-id="368" class="sidebar-three-a  ">PWM</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/365.html" id="son-365" data-info-id="365" class="sidebar-three-a  ">SPI</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/369.html" id="son-369" data-info-id="369" class="sidebar-three-a  ">TIMER</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/364.html" id="son-364" data-info-id="364" class="sidebar-three-a  ">UART</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-14" href="#product-category-14-7" class="sidebar-two-a collapsed ">
+                                                        Hardware                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-14-7" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/370.html" id="son-370" data-info-id="370" class="sidebar-three-a  ">Hardware Documents</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-14" href="#product-category-14-23" class="sidebar-two-a collapsed ">
+                                                        IOS APP                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-14-23" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/371.html" id="son-371" data-info-id="371" class="sidebar-three-a  ">First app for IOS</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/372.html" id="son-372" data-info-id="372" class="sidebar-three-a  ">Proxr app for IOS</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/373.html" id="son-373" data-info-id="373" class="sidebar-three-a  ">RSSI test app for IOS</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                            <!-- 2级li>.item  -->
+                                        <div class="panel panel-default">
+                                            <!--  a  -->
+                                            <div class="panel-heading">
+                                                <!-- <h4 class="panel-title"> -->
+                                                <a data-toggle="collapse" data-parent="#sidebar-two-14" href="#product-category-14-4" class="sidebar-two-a collapsed ">
+                                                        Android                                                        <b></b>
+                                                    </a>
+                                                <!-- </h4> -->
+                                            </div>
+                                            <!-- ul -->
+                                            <div id="product-category-14-4" class="panel-collapse collapse  ">
+                                                <div class="panel-body" style="padding-left: 10px;">
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/374.html" id="son-374" data-info-id="374" class="sidebar-three-a  ">First app for android</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/375.html" id="son-375" data-info-id="375" class="sidebar-three-a  ">Proxr app for android</a>
+                                                                                                            <!-- a -->
+                                                        <a href="/doc/product/info/id/376.html" id="son-376" data-info-id="376" class="sidebar-three-a  ">RSSI test app for android</a>
+                                                                                                    </div>
+                                            </div>
+                                        </div>
+                                                                    <!-- other -->
+                                <div class="panel panel-default">
+                                    <div class="panel-heading">
+                                        <a href="/doc/download/14.html" class="sidebar-two-a collapsed">Download
+                                            </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+                                <!-- 1级li>.item -->
+                <div class="panel panel-default">
+                    <!-- a -->
+                    <div class="panel-heading">
+                        <h4 class="panel-title">
+                            <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-36" class="sidebar-one-a">Firefly-PX3-SE</a> -->
+                            <!-- <a href="/doc/product/index/id/36.html" class="sidebar-one-a">Firefly-PX3-SE</a> -->
+                            <a href="#product-36" data-href="/doc/product/product_iframe/id/36.html" class="sidebar-one-a collapsed" data-toggle="collapse" data-parent="#sidebar-one">Firefly-PX3-SE  <b></b></a>
+                        </h4>
+                    </div>
+                    <!-- 2级ul -->
+                    <div id="product-36" class="panel-collapse collapse   ">
+                        <div class="panel-body">
+                            <div class="panel-group panel-group-two" id="sidebar-two-36">
+                                                                <!-- other -->
+                                <div class="panel panel-default">
+                                    <div class="panel-heading">
+                                        <a href="/doc/download/36.html" class="sidebar-two-a collapsed">Download
+                                            </a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+                            <!-- End 1级分类组 -->
+        </div>
+    </ul>
+</div>
+
+                <div class="box-right clearfix" id="doc-right-main">
+                    <!-- 右侧上部banner -->
+                    <div class="content-banner">
+                        <!-- 资料库产品展示 -->\r
+\r
+<div class="inner-left">\r
+    <img src="http://en.t-firefly.com/upload/portal/20170824/6e04cae45e4b522bb8f7012dc5d04957.png" alt="">\r
+</div>\r
+<div class="inner-right">\r
+    <h4 class="title"> \r
+        <span class="stamp">Firefly-RK3399</span>\r
+        <span class="product_desc">Six-Core 64-Bit  Platform</span>\r
+        <a href="http://shop.t-firefly.com/goods.php?id=45">Buy</a> \r
+         <a href="http://download.t-firefly.com/%E4%BA%A7%E5%93%81%E8%A7%84%E6%A0%BC%E6%96%87%E6%A1%A3/Firefly-RK3399_Product%20Specifications%20V1.0.pdf">Spec</a>     </h4>\r
+    <p class="dsc">Equipped with a six-core 64-bit &quot;server class&quot; processor Rockchip RK3399, and with 2GB/4GB DDR3 and 16G/32GB eMMC, as well as increases PCIe 2.1 M.2, DP 1.2, Type-C, USB3.0 and other high-performance data transmission and display interface. </p>\r
+</div>
+                    </div>
+
+                    <div class="content-main" id="item-list-02">
+                        <div class="h-title">
+                            <h4 class="data-title">Boot Mode</h4>
+                            <p>
+                                <span class="published-time">Update time:2018-01-29</span>
+                                <span class="data-hits">Views:2750</span>
+                                <!-- <span class="data-like">评论:0</span> -->
+                            </p>
+                        </div>
+                        <div class="article" style="margin-right: 20px;">
+                                                            <div class="mw-content-ltr">
+<div class="toc"><div><h2>Introduction</h2></div></div>
+<p>RK3399 has flexible boot modes. Under normal circumstances, unless hardware is damaged, Firefly-RK3399 development board will never become brick (brick means not able to boot or flash).</p>
+<p>If accident happens during upgrading firmware, bootloader is broken, making it impossible to upgrade again. The device can enter into MaskRom mode as the last resort.</p>
+<h2><span class="mw-headline">Load Methods</span></h2>
+<p>RK3399 has 32KB BootRom and 200KB internal SRAM, which supports booting from following devices:</p>
+<ul class=" list-paddingleft-2">
+<li><p>SPI</p></li>
+<li><p>eMMC</p></li>
+<li><p>SDMMC</p></li>
+</ul>
+<p>That is to say, besides Nand, SPI and eMMC flash, RK3288 also supports booting from SD card.</p>
+<p>Moreover, RK3399 can download system code from USB Type-C.</p>
+<h2><span class="mw-headline">Boot Sequence</span></h2>
+<p>The boot sequence is:</p>
+<ol class=" list-paddingleft-2">
+<li><p>Soc powers up and initializes.</p></li>
+<li><p>BootRom code runs in SRAM, loads and verifies bootloader's bootstrap code from storage device.</p></li>
+<li><p>If the verification passes, run the bootloader bootstrap code.</p></li>
+<li><p>The bootloader initializes DDR RAM, loads the complete bootloader into DDR RAM and runs it.</p></li>
+<li><p>Bootloader loads Linux kernel from storage device, then executes it.</p></li>
+<li><p>Linux kernel takes control of everything now.</p></li>
+</ol>
+<h2><span class="mw-headline">Boot Mode</span></h2>
+<p>RK3399 has three boot modes:</p>
+<ul class=" list-paddingleft-2">
+<li><p>Normal mode</p></li>
+<li><p>Loader mode</p></li>
+<li><p>MaskRom mode</p></li>
+</ul>
+<h3><span class="mw-headline">Normal Mode</span></h3>
+<p>Normal mode, that is the normal boot procedure, load every components subsequently, and boot into operation system normally.</p>
+<h3><span class="mw-headline">Loader Mode</span></h3>
+<p>In Loader mode, bootloader will enter into upgrade state, waiting for commands from host, which is used in firmware upgrading.</p>
+<p>To enter Loader mode, make the bootloader aware that the RECOVERY key is pressed and USB cable is connected:</p>
+<ol class=" list-paddingleft-2">
+<li><p>Keep device power on.</p></li>
+<li><p>Use micro USB Type-C cable to connect host and device together.</p></li>
+<li><p>Press and hold RECOVERY key.</p></li>
+<li><p>Shortly press RESET key.</p></li>
+<li><p>Release RECOVERY key.</p></li>
+<li><p><strong>Note:</strong>If device still can not be found after pressing "RESET", then try this: long press "PWRKEY" after short pressing of "RESET", before finally releasing "RECOVERY".</p></li>
+</ol>
+<h3><span class="mw-headline">MaskRom Mode</span></h3>
+<p>MaskRom mode is used to fix system when bootloader is broken.</p>
+<p>In most cases, there are no need to enter MaskRom mode. When the BootRom code fails to verify bootloader (cannot read IDR block, or bootloader is broken), it will boot into MaskRom mode, which waits for host to send bootloader code through USB, then runs it, so that bootload can take control again.</p>
+<p>To enforce device into MaskRom mode, please check <a href="/index.php/doc/product/info/id/479.html" target="_self" title="Firefly-RK3399/MaskRom/en">this</a>.</p>
+<!-- \r
+NewPP limit report\r
+CPU time usage: 0.032 seconds\r
+Real time usage: 0.034 seconds\r
+Preprocessor visited node count: 34/1000000\r
+Preprocessor generated node count: 46/1000000\r
+Post‐expand include size: 0/2097152 bytes\r
+Template argument size: 0/2097152 bytes\r
+Highest expansion depth: 2/40\r
+Expensive parser function count: 0/100\r
+--><!-- Saved in parser cache with key tchip_wiki-tchip:pcache:idhash:10448-0!*!0!!zh-cn!*!* and timestamp 20171008115103 and revision id 22753\r
+ -->
+</div>                        </div>
+
+                        <!-- 文章目录 -->
+                                                    <div id="directionContainer" class="markdown-nav">
+                                <h4 class="nav-title">In this article: </h4>
+                                <ul><li><div class="sectionItem" data-address="0,0,0,0" data-tag="H2" data-id="E2808BIntroduction" data-title="​Introduction"><span class="itemTitle"><a href="#E2808BIntroduction">​Introduction</a></span></div></li><li><div class="sectionItem" data-address="0,3" data-tag="H2" data-id="Load20Methods" data-title="Load Methods"><span class="itemTitle"><a href="#Load20Methods">Load Methods</a></span></div></li><li><div class="sectionItem" data-address="0,8" data-tag="H2" data-id="Boot20Sequence" data-title="Boot Sequence"><span class="itemTitle"><a href="#Boot20Sequence">Boot Sequence</a></span></div></li><li><div class="sectionItem" data-address="0,11" data-tag="H2" data-id="Boot20Mode" data-title="Boot Mode"><span class="itemTitle"><a href="#Boot20Mode">Boot Mode</a></span></div><ul><li><div class="sectionItem" data-address="0,14" data-tag="H3" data-id="Normal20Mode" data-title="Normal Mode"><span class="itemTitle"><a href="#Normal20Mode">Normal Mode</a></span></div></li><li><div class="sectionItem" data-address="0,16" data-tag="H3" data-id="Loader20Mode" data-title="Loader Mode"><span class="itemTitle"><a href="#Loader20Mode">Loader Mode</a></span></div></li><li><div class="sectionItem" data-address="0,20" data-tag="H3" data-id="MaskRom20Mode" data-title="MaskRom Mode"><span class="itemTitle"><a href="#MaskRom20Mode">MaskRom Mode</a></span></div></li></ul></li></ul>                            </div>
+                                            </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- /container -->
+
+    
+<!-- Footer ================================================== -->
+<style>
+    .col-md-2{
+        width: 194px!important;
+        float: left;
+    }
+    .container-full{
+        min-width: 1200px;
+    }
+</style>
+<div id="footer" class="container-full">
+    <div class="f-main">
+        <div class="container">
+            <img class="img-responsive footer_img" src="/themes/t-firefly/public/assets/images/footer_img.png" alt="footer_img.png"/>
+            <div class="row">
+                <div class="col-md-2 col-sm-4 item">
+                    <h4>Solution</h4>
+                    <ul>
+                        <li>
+                            <a href="/solution.html#dingzhi_01">Product Solution</a>
+                        </li>
+                        <li>
+                            <a href="/solution.html#dingzhi_02">Technical Solution</a>
+                        </li>
+
+                        <!-- <li><a href="javascript:;">成功案例</a></li> -->
+                        <li>
+                            <a href="javascript:;">Customized Services</a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="col-md-2 col-sm-4 item">
+                    <h5>Know More</h5>
+                    <ul>
+                        <!-- <li><a href="http://www.t-chip.com.cn">天启官网</a></li> -->
+                        <li>
+                            <a href="/about.html">About us</a>
+                        </li>
+                        <li>
+                            <a href="/news.html">News</a>
+                        </li>
+                        <li>
+                            <a href="javascript:;">Partner</a>
+                        </li>
+                        <li>
+                            <a href="javascript:;">Business File</a>
+                        </li>
+                        <li>
+                            <a href="javascript:;">Logo Download</a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="col-md-2 col-sm-4 item">
+                    <h5>Support</h5>
+                    <ul>
+                        <li>
+                            <a href="/doc/index/index/active/teaching-material.html">Getting Started</a>
+                        </li>
+                        <li>
+                            <a href="/doc/index/index/active/resources-download.html">Download</a>
+                        </li>
+                        <li>
+                            <a href="javascript:;">FAQ</a>
+                        </li>
+                        <li>
+                            <a href="" id="advice-btn" data-toggle="modal" data-target="#adviceModal">Feedback</a>
+                        </li>
+                        <li>
+                            <a href="https://gitlab.com/T-Firefly" target="_blank">GitLab</a>
+                        </li>
+                        <li>
+                            <a href="https://drive.google.com/drive/folders/0B7HO8lbGgAqAaGgyM2FJZFFBejA" target="_blank">Google Drive</a>
+                        </li>
+                        <li>
+                            <a href="https://pan.baidu.com/s/1nwqaptR" target="_blank">Baidu Cloud</a>
+                        </li>
+
+
+                    </ul>
+                </div>
+                <div class="col-md-2 col-sm-4 item">
+                    <h5>Follow us</h5>
+                    <ul>
+                        <li style="margin-top: 2px;">
+                            <a href="https://www.facebook.com/TeeFirefly">Facebook</a>
+                        </li>
+                        <li>
+                            <a href="https://plus.google.com/u/0/communities/115232561394327947761">Google+</a>
+                        </li>
+                        <li>
+                            <a href="https://www.youtube.com/channel/UCk7odZvUrTG0on8HXnBT7gA">Youtube</a>
+                        </li>
+                        <li>
+                            <a href="https://twitter.com/TeeFirefly">Tiwtter</a>
+                        </li>
+                        <li>
+                            Wechat
+                            <div class="weixin img-responsive">
+                                <img src="/themes/t-firefly/public/assets/images/footer_ewm.png" alt="" />
+                            </div>
+                        </li>
+                        <li>
+                            <a href="http://weibo.com/teefirefly">Weibo</a>
+                        </li>
+                        <!-- <li><a href="http://v.qq.com/vplus/ec29ea0257e388c78fdc29f30384c9b3">Tencent Video</a></li> -->
+
+
+
+
+                    </ul>
+                </div>
+                <div class="col-md-2 col-sm-4 item">
+                    <h5>Contact us</h5>
+                    <ul>
+                        <ul style="margin-top: 20px;">
+                            <h6 style="margin-bottom: 5px;">Business :</h6>
+                            <li>sales@t-firefly.com</li>
+                        </ul>
+
+                        <ul>
+                            <h6 style="margin-bottom: 5px;">Join us:</h6>
+                            <li>hr@t-chip.com.cn</li>
+                        </ul>
+
+                        <ul>
+                            <h6 style="margin-bottom: 5px;">Technical Support:</h6>
+                            <li>service@t-firefly.com</li>
+                        </ul>
+
+                        <ul>
+                            <h6 style="margin-bottom: 5px;">Technical Group(QQ):</h6>
+                            <li style="margin-top: 6px;">MiniPC(Full):431139193</li>
+                            <li style="margin-top: 2px;">MiniPC(Full):586343230</li>
+                            <li style="margin-top: 2px;">MiniPC:708441069</li>
+                            <li style="margin-top: 2px;">Fireduino:450340779</li>
+                        </ul>
+
+                        <!-- <h6>在线客服:</h6>
+                        <button type="button" onclick="openwindow('http://p.qiao.baidu.com/cps/chat?siteId=10103834&userId=22588114','Firefly',586,514);" >立即咨询</button> -->
+                        <h6 style="margin-bottom: 2px;">Service Hotline:</h6>
+                        <h5 style="font-size: 17px;margin: 6px 0;">(+86)18688117175</h5>
+                        <!-- <h7>(周一至周五9:30-17:30)</h7> -->
+                    </ul>
+                </div>
+                <div class="col-md-2 col-sm-4 item">
+                    <h5>Site Navigation</h5>
+                    <ul>
+                        <li>
+                            <a href="http://www.t-chip.com.cn/">T-Chip Wesite</a>
+                        </li>
+                        <li>
+                            <a href="http://bbs.t-firefly.com/">Community</a>
+                        </li>
+                        <li>
+                            <a href="http://shop.t-firefly.com">Store</a>
+                        </li>
+                        <li>
+                            <a href="/doc/index/index/active/teaching-material.html">Resources</a>
+                        </li>
+                    </ul>
+                    <ul>
+                        <h5>Address</h5>
+                        <h6 style="margin-bottom: 3px;">Zhongshan:</h6>
+                        <li>Room 2101, Hongyu Building, #57 Zhongshan 4Rd, East District, Zhongshan,Guangdong.</li>
+                        <li>
+                            <a style="color:#6368c5;cursor: pointer" data-toggle="modal" data-target="#mapModal" id="map-target">View Map
+                                <img src="/themes/t-firefly/public/assets/images/footer_map.png" alt="" />
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <!--立即咨询弹出-->
+    <div class="modal fade" id="adviceModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
+        <div class="modal-dialog" role="document" id="advice-box">
+           
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                    <h3 class="modal-title text-center">Feedback</h3>
+                </div>
+                <div class="modal-body">
+                    <p class="body-title">Welcome feedback, your comments and suggestions are our driving force!</p>
+
+                    <form method='post' action='' id="adviceForm" onsubmit="return foot_feedback(this)">
+                        <select name="classify" id="feedback_style" class="form-control">
+                            <option value='Please select category'>Please select category</option>
+                            <option value="Products">Products</option>
+                            <option value="Business Consulting">Business Consulting</option>
+                            <option value="Technical Consultation">Technical Consultation</option>
+                        </select>
+                        <textarea class="form-control info-inp" id="feedback_content" placeholder="Problem and Suggested Description"></textarea>
+                        <div class="row">
+                            <div class="col-sm-6 info-details">
+                                <input type="text" id="feed_call" style="border-radius: 0px;" class="form-control" placeholder="Name">
+                            </div>
+                            <div class="col-sm-6 info-details">
+                                <input type="email" id="feed_email" style="border-radius: 0px;" class="form-control" placeholder="E-mail">
+                            </div>
+                        </div>
+                        <div class="footer">
+                            <button type="submit" class="btn">Submit</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+
+    <!-- 地图弹出模态框 -->
+    <div class="modal fade" id="mapModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
+        <div class="modal-dialog" role="document" id="map-box">
+            <div class="modal-content">
+              <!--地图占位内容-->
+            </div>
+        </div>
+    </div>
+
+    <!--   <div class="links">
+        
+            <a href="http://www.thinkcmf.com" target="_blank">ThinkCMF</a>&nbsp;
+        
+    </div> -->
+    <div class="f-bottom text-center">
+        <div class="container">
+            <p>Copyright © 2014-2017,T-Chip.All Rightts Reserved. |
+                <a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备14022046号-2</a>
+                &nbsp;&nbsp;&nbsp;
+                <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cspan id='cnzz_stat_icon_1260434001'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1260434001%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
+            </p>
+        </div>
+    </div>
+</div>
+
+<!-- <div id="backtotop">
+    <i class="fa fa-arrow-circle-up"></i>
+</div> -->
+
+<!--侧边栏信息-->
+
+<div id="tq_website_sidebar">
+    <ul>
+        <li class="ws_consuling">
+            <div class="ws_contact_mode">
+                <div class="can_title">Online service</div>
+                <div class="cen_contact">
+                    <div class="kefu">
+                        <a href="javascript:;" onclick="openwindow('http://p.qiao.baidu.com/cps/chat?siteId=10103826&userId=22588114','Firefly',586,514)">Andy</a>
+                    </div>
+
+                    <div class="kefu">
+                        <a href="javascript:;" onclick="openwindow('http://p.qiao.baidu.com/cps/chat?siteId=10103826&userId=22588114','Firefly',586,514)">Susan</a>
+                    </div>
+
+                    <div class="kefu">
+                        <a href="javascript:;" onclick="openwindow('http://p.qiao.baidu.com/cps/chat?siteId=10103826&userId=22588114','Firefly',586,514)">Fanny</a>
+                    </div>
+                </div>
+
+                <div class="work_time">Working Time (Beijing)</div>
+                <div class="juti_time">
+                    <p style="color:#666;margin-bottom: 3px;">Mon. ~ Fri. 9:00 - 18:00</p>
+                    <p style="color:#666;">Sat. 9:00 - 12:00</p>
+                </div>
+
+                <div class="contact_photo">
+                    <div class="phone_title">Service Hotline</div>
+                    <p style="color:#666;margin-top:5px;">(+86)18688117175</p>
+                </div>
+            </div>
+        </li>
+        <a style="width:58px;height:58px;" target="_blank" href="http://shop.t-firefly.com/">
+            <li class="ws_shopping"></li>
+        </a>
+        <li class="ws_weixin">
+            <div class="weixin_back">
+                <div class="weixin_back2"></div>
+            </div>
+        </li>
+        <li class="ws_zhiding"></li>
+    </ul>
+</div>
+
+
+<script type="text/javascript">\r
+//全局变量\r
+var GV = {\r
+    ROOT: "/",\r
+    WEB_ROOT: "/",\r
+    JS_ROOT: "static/js/"\r
+};\r
+</script>\r
+<!-- Le javascript\r
+    ================================================== -->\r
+    <!-- Placed at the end of the document so the pages load faster -->\r
+\r
+       <!-- <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> -->\r
+    <script src="/static/js/wind.js"></script>\r
+       <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>\r
+    <script src="/static/js/frontend.js"></script>\r
+    <script type="text/javascript" src="/themes/t-firefly/public/assets/js/objFunc.js"></script>\r
+       <script src="/themes/t-firefly/public/assets/js/jquery.animateNumber.min.js"></script>\r
+       <script src="/themes/t-firefly/public/assets/js/lazyload.min.js"></script>\r
+       <script>\r
+       $(function(){\r
+               $("#main-menu li.dropdown").hover(function(){\r
+                       $(this).addClass("open");\r
+               },function(){\r
+                       $(this).removeClass("open");\r
+               });\r
+\r
+               $("#main-menu-user li.user-on").hover(function(){\r
+                       $(this).find(".dropdown-menu").show();\r
+               },function(){\r
+                       $(this).find(".dropdown-menu").hide();\r
+               })\r
+               \r
+               $("#main-menu a").each(function() {\r
+                       if ($(this)[0].href == String(window.location)) {\r
+                               $(this).parentsUntil("#main-menu>ul>li").addClass("active");\r
+                       }\r
+               });\r
+               \r
+               $.post("/user/index/islogin.html",{},function(data){\r
+                   console.log(data);\r
+                       if(data.code==1){\r
+                               if(data.data.user.avatar){\r
+                               }\r
+\r
+                               $("#main-menu-user span.user-nickname").text(data.data.user.user_nickname?data.data.user.user_nickname:data.data.user.user_login);\r
+                               $("#main-menu-user li.login").show();\r
+                $("#main-menu-user li.offline").hide();\r
+\r
+                       }\r
+\r
+                       if(data.code==0){\r
+                $("#main-menu-user li.login").hide();\r
+                               $("#main-menu-user li.offline").show();\r
+                       }\r
+\r
+               });\r
+               // 图片延迟加载\r
+               $(".delayload").lazyload({\r
+                       "threshold": 800\r
+               });\r
+        ;(function($){\r
+                       $.fn.totop=function(opt){\r
+                               var scrolling=false;\r
+                               return this.each(function(){\r
+                                       var $this=$(this);\r
+                                       $(window).scroll(function(){\r
+                                               if(!scrolling){\r
+                                                       var sd=$(window).scrollTop();\r
+                                                       if(sd>100){\r
+                                                               $this.fadeIn();\r
+                                                       }else{\r
+                                                               $this.fadeOut();\r
+                                                       }\r
+                                               }\r
+                                       });\r
+                                       \r
+                                       $this.click(function(){\r
+                                               scrolling=true;\r
+                                               $('html, body').animate({\r
+                                                       scrollTop : 0\r
+                                               }, 500,function(){\r
+                                                       scrolling=false;\r
+                                                       $this.fadeOut();\r
+                                               });\r
+                                       });\r
+                               });\r
+                       };\r
+               })(jQuery); \r
+               \r
+               $("#backtotop").totop();\r
+               \r
+               \r
+       });\r
+       </script>\r
+\r
+
+<script src="/themes/t-firefly/public/assets/js/slippry.js"></script>
+<script src="/themes/t-firefly/public/assets/js/footer.js"></script>
+<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=3d222a3955ba404bdb4875c88fb7f1a5"></script>
+<script>
+    $(function () {
+
+        $('.input-search-bg').click(function(){
+          var width = $('.input-search').width();
+          console.log(width);
+          if(width == 0){
+
+            $(this).css({'right':'207px'});
+            $('.input-search').css({'width':'230px','border':'1px solid #dcdcdc'});
+          }else{
+            $(this).css({'right':'0px'});
+            $('.input-search').css({'width':'0px','border':'none'});
+          }
+        })
+        
+        /*加载地图*/
+        advicetShow();
+        mapTrigger();
+
+        $(".to_show a.list_menu").bind("mouseover", function(event){
+            $(".header").addClass('header-on');
+            // var id = $(this).next(".projectMenu").attr("id");
+            var id = $(this).attr("id");
+            id = parseInt(id);
+            var arr_id = Array(21,22,23,24,25);
+            if(arr_id.in_array(id)){
+                if($("#"+id+"_nav").is(":hidden")){
+                    $(".projectMenu").fadeOut();
+                    $("#"+id+"_nav").stop(false,true).fadeIn();
+                }
+            }else{
+                $(".projectMenu").fadeOut();
+            }
+        });
+
+        // $(".to_show").bind("mouseleave",function(event){
+        //     var id = $(this).find(".projectMenu").attr("id");
+        //     // var id = $(this).attr("id");
+        //     id = parseInt(id);
+        //     var arr_id = Array(21,22,23,24,25);
+        //     if(arr_id.in_array(id)){
+        //         if($("#"+id+"_nav").is(":visible")){
+        //             $(".projectMenu").hide();
+        //         }
+        //     }
+        // });
+
+        $(".projectMenu").bind("mouseleave",function(event){
+            var id = $(this).attr("id");
+            // console.log(id);
+            // var id = $(this).attr("id");
+            id = parseInt(id);
+            var arr_id = Array(21,22,23,24,25);
+            if(arr_id.in_array(id)){
+                // if($("#"+id+"_nav").is(":visible")){
+                    $(".projectMenu").fadeOut();
+                // }
+            }
+        });
+
+        $(".projectMenu_main_left a").bind("mouseover",function(event){
+
+            var id = $(this).attr("id");
+            id = parseInt(id);
+            // console.log(id);
+            $(".projectMenu_main_right").css("display","none");
+            $(".projectMenu_main_right_"+id).css("display","block");
+
+            if(isNaN(id)){
+              $(".projectMenu_main_right_default").css("display","block");
+            }
+        });
+
+        Array.prototype.S=String.fromCharCode(2);
+        Array.prototype.in_array=function(e)
+        {
+            var r=new RegExp(this.S+e+this.S);
+            return (r.test(this.S+this.join(this.S)+this.S));
+        }
+
+        /*search login language 切换*/
+        $(".loginbar .nav-search").click(function(){
+          $(this).next().toggle(500);
+            return false;
+        });
+        $(".loginbar .offline,.language").hover(function(){
+            $(this).children("a").next().show();
+        },function(){
+            $(this).children("a").next().hide();
+        });
+
+        $("#dingzhi_now").click(function(){
+            $("html,body").animate({
+                'scrollTop':3300
+            }, 1500);
+        });
+    });
+
+
+    $(".cen_contact .kefu").each(function(i){
+       $(this).bind('mouseover',function(){
+         $(this).children('a').css('color','#ff7632');
+         $(this).css('background-image','url(/themes/t-firefly/public/assets/images/website/kefu_on.png)');
+       });
+    });
+
+    $(".cen_contact .kefu").each(function(i){
+       $(this).bind('mouseleave',function(){
+         $(this).children('a').css('color','#666');
+         $(this).css('background-image','url(/themes/t-firefly/public/assets/images/website/kefu.png)');
+       });
+    });
+
+    $(".ws_consuling").bind('mouseover',function(){
+        $('.ws_contact_mode').show();
+    });
+
+    $(".ws_consuling").bind('mouseleave',function(){
+        $('.ws_contact_mode').hide();
+    });
+
+     $(".ws_weixin").bind('mouseover',function(){
+        $('.weixin_back').show();
+    });
+
+    $(".ws_weixin").bind('mouseleave',function(){
+        $('.weixin_back').hide();
+    });
+
+    var screenh = $(window).height();
+    var scrolltoh = $("#tq_website_sidebar").height();  
+    $("#tq_website_sidebar").css('top', (screenh - scrolltoh) / 2 + 30);
+    window.onscroll = function(){
+        if((document.documentElement.scrollTop + document.body.scrollTop) > 100){
+            $('.ws_zhiding').show();
+        }else{
+            $('.ws_zhiding').hide();
+        };
+    }
+
+    $(".ws_zhiding").click(function(){
+        $('body,html').animate({ scrollTop: 0 }, 800);
+    });
+
+   /* 
+    弹出窗口居中 
+    */  
+    function openwindow(url,name,iWidth,iHeight)  
+    {  
+        var url;                             //转向网页的地址;  
+        var name;                            //网页名称,可为空;  
+        var iWidth;                          //弹出窗口的宽度;  
+        var iHeight;                         //弹出窗口的高度;  
+        //获得窗口的垂直位置  
+        var iTop = (window.screen.availHeight-30-iHeight)/2;         
+        //获得窗口的水平位置  
+        var iLeft = (window.screen.availWidth-10-iWidth)/2;            
+        window.open(url,name,'height='+iHeight+',,innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no');  
+    }
+
+    function foot_feedback(obj)
+    {
+     
+     var err = false;
+     if(obj.elements['feedback_style'] && obj.elements['feedback_style'].value=='请选择分类'){
+        err = true;
+        obj.elements['feedback_style'].className ='feedback_err';
+     }else{
+        obj.elements['feedback_style'].className ='form-control';
+     }
+
+     if(obj.elements['feedback_content'] && obj.elements['feedback_content'].value==''){
+       err = true;
+       obj.elements['feedback_content'].className ='feedcontent_err';
+     }else{
+       obj.elements['feedback_content'].className ='form-control info-inp';
+     }
+
+     if(obj.elements['feed_call'] && obj.elements['feed_call'].value==''){
+        err = true;
+        obj.elements['feed_call'].className ='feedcall_err';
+     }else{
+        obj.elements['feed_call'].className ='form-control';
+     }
+
+     if(obj.elements['feed_email'] && obj.elements['feed_email'].value==''){
+        err = true;
+        obj.elements['feed_email'].className ='feedcall_err';
+     }else{
+        obj.elements['feed_email'].className ='form-control';
+     }
+
+     return !err;
+
+    }
+
+</script>
+        <script type="text/javascript" charset="utf-8" src="/static/js/prism/prism.js"></script>
+
+    <script>
+
+        $(document).ready(function () {
+            
+            /*目录列表的滚动*/
+            var title_array = new Array();
+            $(".sectionItem").each(function (index) {
+                // console.log(index);
+                var tag = $(this).data('tag');
+                var id = $(this).data('id');
+                var title = $(this).data('title');
+                title_array[index] = new Array();
+                title_array[index]['tag'] = tag;
+                title_array[index]['title'] = title;
+
+                var title_count = 0;
+                for (var i = 0; i < title_array.length; i++) {
+                    if (title_array[i]['tag'] == tag) {
+                        title_count++;
+                    }
+                }
+                title_array[index]['count'] = parseInt(title_count) - 1;
+                $(".article " + tag + ":eq(" + title_array[index]['count'] + ")").attr('id', id);
+
+            });
+
+            var herf = window.location.href;
+            var param_id = herf.split("#");
+            if (param_id[1]) {
+                var auto_height = $("#" + param_id[1]).offset().top;
+                $('html').animate({
+                    'scrollTop': auto_height
+                }, 1000);
+            };
+
+            var doc_pre = $(".article pre");
+            doc_pre.each(function () {
+                var class_val = $(this).attr('class');
+                // console.log(class_val);
+                if (class_val && class_val.indexOf('brush') != -1) {
+                    var class_arr = new Array();
+                    class_arr = class_val.split(';');
+                    class_arr = class_arr['0'].split(':');
+                    var lan_class = 'language-' + class_arr['1'];
+                    var pre_content = '<code class="' + lan_class + '">' + $(this).html() + '</code>';
+                    $(this).html(pre_content);
+                    $(this).attr("class", 'line-numbers ' + lan_class);
+                }
+
+            });
+
+            Prism.highlightAll();
+        });
+
+        // 3.代码插件添加复制功能
+        Prism.plugins.toolbar.registerButton('hello-world', {
+            text: '复制代码', // required
+            onClick: function (env) { // optional
+                // console.log(env.element);
+                // alert('This code snippet is written in ' + env.language + '.');
+                if (document.body.createTextRange) { // ms
+                    var range = document.body.createTextRange();
+                    range.moveToElementText(env.element);
+                    range.select();
+                } else if (window.getSelection) { // moz, opera, webkit
+                    var selection = window.getSelection();
+                    var range = document.createRange();
+                    range.selectNodeContents(env.element);
+                    selection.removeAllRanges();
+                    selection.addRange(range);
+                }
+            }
+        });
+
+        // 4.获得目录容器的高度
+        var directionContainer_height = $("#directionContainer").height(),
+            directionContainer_width = $("#directionContainer").width();
+        // 页面网上滚动时,让目录固定在顶部
+        $(window).scroll(function (e) {
+            var doc_width = $(document).width();
+            if (448 + 177 + 50 < document.documentElement.scrollTop) {
+                // $('#directionContainer').addClass('markdown-fixTop');
+                $('#directionContainer').css({
+                    'position': 'fixed',
+                    'left': (doc_width - 1200) / 2 + 1024,
+                    'top': 0
+                });
+            } else {
+                // $('#directionContainer').removeClass('markdown-fixTop');
+                $('#directionContainer').css({
+                    'position': 'absolute',
+                    'left': 'calc(100% - 175px)',
+                    'top': '24px'
+                });
+            }
+
+            var footer_to_doc_height = $("#footer").offset().top;
+            var footer_to_window_height = footer_to_doc_height - document.documentElement.scrollTop;
+            if (footer_to_window_height < directionContainer_height) {
+                $('#directionContainer').css({
+                    'max-height': footer_to_window_height - 70 + 'px',
+                    'overflow-y': 'auto'
+                });
+            } else {
+                $('#directionContainer').css({
+                    'max-height': directionContainer_height + 'px',
+                    'overflow-y': 'hidden'
+                });
+            };
+
+            var title_array = new Array();
+            $(".sectionItem").each(function (index) {
+                // console.log(index);
+                var tag = $(this).data('tag');
+                var id = $(this).data('id');
+                var title = $(this).data('title');
+                title_array[index] = new Array();
+                title_array[index]['tag'] = tag;
+                title_array[index]['title'] = title;
+
+                var title_count = 0;
+                for (var i = 0; i < title_array.length; i++) {
+                    if (title_array[i]['tag'] == tag) {
+                        title_count++;
+                    }
+
+                }
+                title_array[index]['count'] = parseInt(title_count) - 1;
+                var sectionItem_height = $(".article " + tag + ":eq(" + title_array[index]['count'] + ")").offset().top - document.documentElement.scrollTop;
+                if (sectionItem_height < 20) {
+                    $(".sectionItem").removeClass('active');
+                    $(this).addClass('active');
+                }
+            });
+        });
+
+        $(".article img").each(function () {
+            var img = new Image();
+            img.src = $(this).attr('src');
+            var img_w = img.width;
+            if (img_w > 795) {
+                $(this).css({
+                    'width': '100%',
+                    "height": "100%"
+                });
+            }
+
+        })
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/BuildUbuntuRootFS/291.html b/BuildUbuntuRootFS/291.html
new file mode 100644 (file)
index 0000000..5953966
--- /dev/null
@@ -0,0 +1,3171 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Firefly | Make technology more simple , Make life more intellingent.</title>
+    <meta name="keywords" content="ThinkCMF,php,内容管理框架,cmf,cms,简约风, simplewind,framework" />
+    <meta name="description" content="ThinkCMF是简约风网络科技发布的一款用于快速开发的内容管理框架">
+    \r
+<meta name="author" content="ThinkCMF">\r
+<meta charset="utf-8">\r
+<meta http-equiv="X-UA-Compatible" content="IE=edge">\r
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">\r
+\r
+<!-- Set render engine for 360 browser -->\r
+<meta name="renderer" content="webkit">\r
+\r
+<!-- No Baidu Siteapp-->\r
+<meta http-equiv="Cache-Control" content="no-siteapp"/>\r
+\r
+<!-- HTML5 shim for IE8 support of HTML5 elements -->\r
+<!--[if lt IE 9]>\r
+<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>\r
+<![endif]-->\r
+<link rel="icon" href="/themes/t-firefly/public/assets/images/favicon.ico" type="image/x-icon">\r
+<link rel="shortcut icon" href="/themes/t-firefly/public/assets/images/favicon.ico" type="image/x-icon">\r
+<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">\r
+<link href="/themes/t-firefly/public/assets/simpleboot3/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"\r
+      type="text/css">\r
+<link href="/themes/t-firefly/public/assets/css/public.css?v=20180612" rel="stylesheet" type="text/css">\r
+<!--[if IE 7]>\r
+<link rel="stylesheet" href="/themes/t-firefly/public/assets/simpleboot3/font-awesome/4.4.0/css/font-awesome-ie7.min.css">\r
+<![endif]-->\r
+<link href="/themes/t-firefly/public/assets/css/style.css?v=20180612" rel="stylesheet">\r
+\r
+<!-- <script src="/themes/t-firefly/public/assets/js/jquery-1.10.2.min.js"></script> -->\r
+<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>\r
+\r
+<style>\r
+    /*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}*/\r
+    #backtotop {\r
+        position: fixed;\r
+        bottom: 50px;\r
+        right: 20px;\r
+        display: none;\r
+        cursor: pointer;\r
+        font-size: 50px;\r
+        z-index: 9999;\r
+    }\r
+\r
+    #backtotop:hover {\r
+        color: #333\r
+    }\r
+\r
+    #main-menu-user li.user {\r
+        display: none\r
+    }\r
+</style>\r
+       
+    <!-- <link href="/themes/t-firefly/public/assets/css/slippry/slippry.css" rel="stylesheet"> -->
+    <link href="/themes/t-firefly/public/assets/css/doc.css?v=20180404" rel="stylesheet">
+    <link rel="stylesheet" href="/themes/t-firefly/public/assets/css/ueditor.css?v=20180312">
+    <link rel="stylesheet" href="/static/js/prism/prism.css">
+
+
+    <style>
+        .article ul,
+        .article li {
+            list-style: inherit;
+        }
+
+        
+    </style>
+    </head>
+
+<body class="language-markup" data-toolbar-order="select-code,hello-world,label">
+    <div class="body-white">
+        <link href="/themes/t-firefly/public/assets/css/nav.css?v=20180607" rel="stylesheet">
+<script>
+    $(document).ready(function () {
+
+
+        $(".header-lists .list-item a").bind('mouseover', function () {
+            $(this).siblings().removeClass('active');
+            $(this).parent('.list-item').siblings().children('a').removeClass('active');
+            $(this).parents().siblings('.header-lists').find('a').removeClass('active');
+            $(this).addClass('active');
+            var goods_name = $(this).text(),
+                imgSrc = $(this).attr("data-imgSrc"),
+                price = $(this).attr("data-price"),
+                noprice = $(this).attr("data-noprice"),
+                desc = $(this).attr('data-description');
+
+            if (typeof imgSrc === 'undefined' && typeof title === 'undefined' && typeof desc === 'undefined') {
+                return;
+            }
+
+            $('.show-img img').attr('src', imgSrc);
+            $('.show-img .desc').text(desc);
+            $('.show-img .title').text(goods_name);
+            if (noprice) {
+                $('.show-img .price').text("").hide();
+                return;
+            }
+            $('.show-img .price').text(price).show();
+
+        })
+    });
+</script>
+
+<div class="header-main">
+    <div class="header header-on">
+        <!-- //菜单 -->
+        <!-- //如果不使用currentstyle,可以在channel标签加入 cacheid='channeltoplist' 属性提升性能 -->
+        <div id="navMenu">
+            <div class="logo">
+
+                <a href="/index.html" class="logo_img">
+                    <img src="/themes/t-firefly/public/assets/images/nav_logo.png">
+                </a>
+
+                <ul>
+                    <li class="to_show" style="padding-left: 38px;">
+                        <!--顶部区域1级菜单-->
+                        <a id="22" class="list_menu" href="/product/industry/aio_3399.html" target="_blank">Product</a>
+                        <!--导航下方显示内容的区块-->
+
+                    </li>
+
+                    <!-- <li class="to_show">
+                        <a id="21" class="list_menu" href="/solution/face.html">Solutions</a>
+
+                    </li> -->
+
+                    <li class="to_show">
+                        <a id="24" class="list_menu" href="/doc/product/index/id/31.html">Wiki</a>
+                    </li>
+                    <li class="to_show">
+                        <a id="26" class="list_menu" href="/doc/download/page/id/31.html">Download</a>
+                    </li>
+
+                    <li class="to_show">
+                        <a id="24" class="list_menu" href="/news.html">News</a>
+                    </li>
+
+                    <li class="to_show">
+                        <a id="81" class="list_menu" href="http://bbs.t-firefly.com/">Community</a>
+                    </li>
+
+                    <li class="to_show">
+                        <a id="81" class="list_menu store" href="http://shop.t-firefly.com">Store</a>
+         &nb