--- /dev/null
+<!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> 登录</a></li>-->
+ <!--<li class="divider"></li>-->
+ <!--<li><a href="/user/register/index.html"><i class="fa fa-user"></i> 注册</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;">-->
+ <!--<!– to do–>-->
+ <!--</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 ></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>所有配件 ></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>更多常见问题 ></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 & 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 & 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 "server class" 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">×</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>
+
+ </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>
+
+ <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
projects / FireflyDocs.git / commitdiff