BuildUbuntuRootFS/291.html

   1 <!DOCTYPE html>
   2 <html>
   3
   4 <head>
   5     <title>Firefly | Make technology more simple , Make life more intellingent.</title>
   6     <meta name="keywords" content="ThinkCMF,php,内容管理框架,cmf,cms,简约风, simplewind,framework" />
   7     <meta name="description" content="ThinkCMF是简约风网络科技发布的一款用于快速开发的内容管理框架">
   8     \r
   9 <meta name="author" content="ThinkCMF">\r
  10 <meta charset="utf-8">\r
  11 <meta http-equiv="X-UA-Compatible" content="IE=edge">\r
  12 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes">\r
  13 \r
  14 <!-- Set render engine for 360 browser -->\r
  15 <meta name="renderer" content="webkit">\r
  16 \r
  17 <!-- No Baidu Siteapp-->\r
  18 <meta http-equiv="Cache-Control" content="no-siteapp"/>\r
  19 \r
  20 <!-- HTML5 shim for IE8 support of HTML5 elements -->\r
  21 <!--[if lt IE 9]>\r
  22 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>\r
  23 <![endif]-->\r
  24 <link rel="icon" href="/themes/t-firefly/public/assets/images/favicon.ico" type="image/x-icon">\r
  25 <link rel="shortcut icon" href="/themes/t-firefly/public/assets/images/favicon.ico" type="image/x-icon">\r
  26 <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">\r
  27 <link href="/themes/t-firefly/public/assets/simpleboot3/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"\r
  28       type="text/css">\r
  29 <link href="/themes/t-firefly/public/assets/css/public.css?v=20180612" rel="stylesheet" type="text/css">\r
  30 <!--[if IE 7]>\r
  31 <link rel="stylesheet" href="/themes/t-firefly/public/assets/simpleboot3/font-awesome/4.4.0/css/font-awesome-ie7.min.css">\r
  32 <![endif]-->\r
  33 <link href="/themes/t-firefly/public/assets/css/style.css?v=20180612" rel="stylesheet">\r
  34 \r
  35 <!-- <script src="/themes/t-firefly/public/assets/js/jquery-1.10.2.min.js"></script> -->\r
  36 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>\r
  37 \r
  38 <style>\r
  39     /*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}*/\r
  40     #backtotop {\r
  41         position: fixed;\r
  42         bottom: 50px;\r
  43         right: 20px;\r
  44         display: none;\r
  45         cursor: pointer;\r
  46         font-size: 50px;\r
  47         z-index: 9999;\r
  48     }\r
  49 \r
  50     #backtotop:hover {\r
  51         color: #333\r
  52     }\r
  53 \r
  54     #main-menu-user li.user {\r
  55         display: none\r
  56     }\r
  57 </style>\r
  58
  59     <!-- <link href="/themes/t-firefly/public/assets/css/slippry/slippry.css" rel="stylesheet"> -->
  60     <link href="/themes/t-firefly/public/assets/css/doc.css?v=20180404" rel="stylesheet">
  61     <link rel="stylesheet" href="/themes/t-firefly/public/assets/css/ueditor.css?v=20180312">
  62     <link rel="stylesheet" href="/static/js/prism/prism.css">
  63
  64
  65     <style>
  66         .article ul,
  67         .article li {
  68             list-style: inherit;
  69         }
  70
  71
  72     </style>
  73     </head>
  74
  75 <body class="language-markup" data-toolbar-order="select-code,hello-world,label">
  76     <div class="body-white">
  77         <link href="/themes/t-firefly/public/assets/css/nav.css?v=20180607" rel="stylesheet">
  78 <script>
  79     $(document).ready(function () {
  80
  81
  82         $(".header-lists .list-item a").bind('mouseover', function () {
  83             $(this).siblings().removeClass('active');
  84             $(this).parent('.list-item').siblings().children('a').removeClass('active');
  85             $(this).parents().siblings('.header-lists').find('a').removeClass('active');
  86             $(this).addClass('active');
  87             var goods_name = $(this).text(),
  88                 imgSrc = $(this).attr("data-imgSrc"),
  89                 price = $(this).attr("data-price"),
  90                 noprice = $(this).attr("data-noprice"),
  91                 desc = $(this).attr('data-description');
  92
  93             if (typeof imgSrc === 'undefined' && typeof title === 'undefined' && typeof desc === 'undefined') {
  94                 return;
  95             }
  96
  97             $('.show-img img').attr('src', imgSrc);
  98             $('.show-img .desc').text(desc);
  99             $('.show-img .title').text(goods_name);
 100             if (noprice) {
 101                 $('.show-img .price').text("").hide();
 102                 return;
 103             }
 104             $('.show-img .price').text(price).show();
 105
 106         })
 107     });
 108 </script>
 109
 110 <div class="header-main">
 111     <div class="header header-on">
 112         <!-- //菜单 -->
 113         <!-- //如果不使用currentstyle，可以在channel标签加入 cacheid='channeltoplist' 属性提升性能 -->
 114         <div id="navMenu">
 115             <div class="logo">
 116
 117                 <a href="/index.html" class="logo_img">
 118                     <img src="/themes/t-firefly/public/assets/images/nav_logo.png">
 119                 </a>
 120
 121                 <ul>
 122                     <li class="to_show" style="padding-left: 38px;">
 123                         <!--顶部区域1级菜单-->
 124                         <a id="22" class="list_menu" href="/product/industry/aio_3399.html" target="_blank">Product</a>
 125                         <!--导航下方显示内容的区块-->
 126
 127                     </li>
 128
 129                     <!-- <li class="to_show">
 130                         <a id="21" class="list_menu" href="/solution/face.html">Solutions</a>
 131
 132                     </li> -->
 133
 134                     <li class="to_show">
 135                         <a id="24" class="list_menu" href="/doc/product/index/id/31.html">Wiki</a>
 136                     </li>
 137                     <li class="to_show">
 138                         <a id="26" class="list_menu" href="/doc/download/page/id/31.html">Download</a>
 139                     </li>
 140
 141                     <li class="to_show">
 142                         <a id="24" class="list_menu" href="/news.html">News</a>
 143                     </li>
 144
 145                     <li class="to_show">
 146                         <a id="81" class="list_menu" href="http://bbs.t-firefly.com/">Community</a>
 147                     </li>
 148
 149                     <li class="to_show">
 150                         <a id="81" class="list_menu store" href="http://shop.t-firefly.com">Store</a>
 151                     </li>
 152
 153                 </ul>
 154             </div>
 155
 156             <div class="loginbar" id="main-menu-user">
 157                 <ul style="margin-left: 0;">
 158
 159                     <li class="nav-icon to_show" style="padding: 18px 0">
 160
 161                         <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;">
 162                             <span class="input-search-bg"></span>
 163                             <input class="input-search" type="text" name="keyword" placeholder="Search">
 164                         </form>
 165                     </li>
 166                     <!-- 登陆后的按钮-->
 167                     <li class="dropdown user login nav-icon user-on" style="display:none;">
 168                         <a class="dropdown-toggle user" data-toggle="dropdown" href="#" style="background: none; width: 100px;">
 169                                                             <img src="/themes/t-firefly/public/assets/images/nav_login.png" class="headicon">
 170                                                             <span class="user-nickname"></span>
 171                             <!-- <b class="caret"></b> -->
 172                         </a>
 173                         <ul class="dropdown-menu pull-right">
 174                             <li>
 175                                 <a href="http://shop.t-firefly.com/user.php">My Account</a>
 176                             </li>
 177                             <li>
 178                                 <a href="http://shop.t-firefly.com/user.php?act=order_list">My Order</a>
 179                             </li>
 180                             <li>
 181                                 <a href="http://shop.t-firefly.com/user.php?act=address_list">Shipping Address</a>
 182                             </li>
 183                             <!-- <li><a href="http://shop.t-firefly.com/user.php?act=invoice_list">发票资料</a></li> -->
 184                             <li>
 185                                 <a href="http://shop.t-firefly.com/user.php?act=bonus">Discount</a>
 186                             </li>
 187                             <!-- <li class="divider"></li> -->
 188                             <li>
 189                                 <a href="/user/index/logout.html">Logout</a>
 190                             </li>
 191                         </ul>
 192
 193
 194                     </li>
 195                     <!-- 未登录的按钮-->
 196
 197                     <li class="dropdown user offline nav-icon to_show" style="display: block;">
 198
 199                         <a class="dropdown-toggle user" href="/user/login.html">
 200                             <!-- <img src="/themes/t-firefly/public/assets/images/nav_login.png" class="headicon"> -->
 201                         </a>
 202                         <div class="login-menu">
 203                             <ul>
 204                                 <li>
 205                                     <a href="/user/login.html">Login</a>
 206                                 </li>
 207                                 <li>
 208                                     <a href="/user/login.html">Register</a>
 209                                 </li>
 210                             </ul>
 211                         </div>
 212                         <!-- 如果登陆的字都不需要的话 那还需要dropdown么？需求是什么？点击小人的按钮1.出现登陆注册在一个页面上的tab切换；2.登陆和注册是两个不同的页面-->
 213                         <!--<ul class="dropdown-menu pull-right">-->
 214                         <!--<li><a href="/user/login/index.html"><i class="fa fa-sign-in"></i> &nbsp;登录</a></li>-->
 215                         <!--<li class="divider"></li>-->
 216                         <!--<li><a href="/user/register/index.html"><i class="fa fa-user"></i> &nbsp;注册</a></li>-->
 217                         <!--</ul>-->
 218                     </li>
 219                     <!-- <li style="padding-top: 20px;"> -->
 220                     <!-- <button class="btn btn-default">Buy</button> -->
 221                     <!-- <a href="http://shop.t-firefly.com" class="btn btn-default" style="padding-right: 0; padding-left: 0;">商城</a> -->
 222                     <!--<button href="#" >Buy</button>-->
 223                     <!-- </li> -->
 224
 225                     <!-- <li class="to_show" style="padding:28px 0">
 226                    <a href="">商城</a>
 227                </li> -->
 228                     <li class="to_show language" style="padding-left: 0; padding-right: 0;">
 229                         <!-- <button class="btn btn-default">简体中文</button> -->
 230                         <a href="" class="btn btn-default lang">EN</a>
 231                         <div class="language-toggle">
 232                             <ul>
 233                                 <li>
 234                                     <a href="http://www.t-firefly.com/">CN</a>
 235                                 </li>
 236                                 <!-- <li>
 237                                <a href="">繁体中文</a>
 238                            </li> -->
 239                             </ul>
 240                         </div>
 241                     </li>
 242                 </ul>
 243             </div>
 244
 245             <div class="projectMenu projectMenu-product" id="22_nav" style="display: none;">
 246
 247                 <!--内部左侧是选择型号区块-->
 248                 <div class="nav-wrap">
 249                     <div class="proMain">
 250                         <div class="header-lists-wrap">
 251                                                                 <div class="header-lists">
 252                                         <div class="list-title">Core Board</div>
 253                                         <ul class="list">
 254                                                                                             <li class="list-item">
 255                                                                                                             <a href="/product/coreboard/core_3399" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/98d81dd314153f46d692e900425bf862.png"
 256                                                             data-noprice='true' data-description="Six-Core 64-Bit Cortex-A72 2.0GHz">Core-3399J</a>
 257                                                                                                     </li>
 258                                                                                             <li class="list-item">
 259                                                                                                             <a href="/product/coreboard/core_3288" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/2bf575f9210ed98761b0f7111f19f6e6.png"
 260                                                             data-noprice='true' data-description="Quad-Core Cortex-A7 1.3GHz"> Core-3288J</a>
 261                                                                                                     </li>
 262                                                                                             <li class="list-item">
 263                                                                                                             <a href="/product/coreboard/core_3128" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/5266c3acc4d6a45694071e749b285b71.png"
 264                                                             data-noprice='true' data-description=""> Core-3128J</a>
 265                                                                                                     </li>
 266                                                                                             <li class="list-item">
 267                                                                                                             <a href="/product/coreboard/core_px3se" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/af1910560a168cb51db273c8fabbe20c.png"
 268                                                             data-noprice='true' data-description="">Core-PX3-SEJ</a>
 269                                                                                                     </li>
 270                                                                                     </ul>
 271                                     </div>
 272                                     </else>
 273                                                                         <div class="header-lists aio">
 274                                         <div class="list-title">Open Source Board</div>
 275                                         <ul class="list">
 276                                                                                             <li class="list-item">
 277                                                                                                             <a href="http://en.t-firefly.com/product/rk3399.html" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/935f5a007af5d64f22c71d0f9db9fac0.png"
 278                                                             data-noprice='true' data-description="Six-Core 64-Bit  Platform">Firefly-RK3399</a>
 279                                                                                     </li>
 280                                                                                 <li class="list-item">
 281                                                                                                             <a href="/product/industry/aio_3399" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/57c03abc4a35abab6eaf6f01e9b5a06e.png"
 282                                                             data-noprice='true' data-description="Six-Core 64-Bit  All In One Board">AIO-3399J</a>
 283                                                                                     </li>
 284                                                                                 <li class="list-item">
 285                                                                                                             <a href="/product/rk3288" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/f27ac6dd92e47f4bd92ac4460c4f04f9.png"
 286                                                             data-noprice='true' data-description="Quad-Core Cortex-A17 Platform">Firefly-RK3288</a>
 287                                                                                     </li>
 288                                                                                 <li class="list-item">
 289                                                                                                             <a href="/product/industry/aio_3288" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/c04940e31e3a836a0a3c8cd28ed81517.png"
 290                                                             data-noprice='true' data-description=" All In One Board">AIO-3288J</a>
 291                                                                                     </li>
 292                                                                                 <li class="list-item">
 293                                                                                                             <a href="http://en.t-firefly.com/product/prime.html" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/37b8456bfd7631a91e3faa390b9ed58b.png"
 294                                                             data-noprice='true' data-description="Quad-Core MiniPC Platform">Firefly-RK3128</a>
 295                                                                                     </li>
 296                                                                                 <li class="list-item">
 297                                                                                                             <a href="/product/industry/aio_3128" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/93fb805ca991bcb8cd0594ee8dce2880.png"
 298                                                             data-noprice='true' data-description="">AIO-3128C</a>
 299                                                                                     </li>
 300                                                                                 <li class="list-item">
 301                                                                                                             <a href="/product/fireflypx3se" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/d33eee8cf9c8b146708fa3181d159ff4.png"
 302                                                             data-noprice='true' data-description="Industrial open source board">Firefly-PX3-SE</a>
 303                                                                                     </li>
 304                                                                                 <li class="list-item">
 305                                                                                                             <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/fbc9093c491525ff66505f335f9192e8.png"
 306                                                             data-noprice='true' data-description="">AIO-3288C</a>
 307                                                                                     </li>
 308                                                                                 <li class="list-item">
 309                                                                                                             <a href="/product/fireduino" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/762b8641c1dd0a8864bf40fc0746a2a5.png"
 310                                                             data-noprice='true' data-description="Creative Prototyping Platform">Fireduino</a>
 311                                                                                     </li>
 312                                                                                 <li class="list-item">
 313                                                                                                             <a href="/product/rocrk3328cc" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/0473980a1b24a8f9bdf9ed3097ccb2aa.png"
 314                                                             data-noprice='true' data-description="Quad-Core 64-Bit Platform">ROC-RK3328-CC</a>
 315                                                                                     </li>
 316                                                                 </ul>
 317                                 </div>
 318                                                                     <div class="header-lists">
 319                                         <div class="list-title">Industry Mainboard</div>
 320                                         <ul class="list">
 321                                                                                             <li class="list-item">
 322                                                                                                             <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/a32d2963e47ac36395f8a95413fa6cae.png"
 323                                                             data-noprice='true' data-description="">IPC-M10R800-A3399J</a>
 324                                                                                                     </li>
 325                                                                                             <li class="list-item">
 326                                                                                                             <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/a32d2963e47ac36395f8a95413fa6cae.png"
 327                                                             data-noprice='true' data-description="">IPC-M10R800-A3128C</a>
 328                                                                                                     </li>
 329                                                                                             <li class="list-item">
 330                                                                                                             <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/a32d2963e47ac36395f8a95413fa6cae.png"
 331                                                             data-noprice='true' data-description="">IPC-M10R800-A3288C</a>
 332                                                                                                     </li>
 333                                                                                     </ul>
 334                                     </div>
 335                                     </else>
 336                                                                         <div class="header-lists">
 337                                         <div class="list-title">Embedded Host</div>
 338                                         <ul class="list">
 339                                                                                             <li class="list-item">
 340                                                                                                             <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/a32d2963e47ac36395f8a95413fa6cae.png"
 341                                                             data-noprice='true' data-description="">EC-A3399J</a>
 342                                                                                                     </li>
 343                                                                                             <li class="list-item">
 344                                                                                                             <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/a32d2963e47ac36395f8a95413fa6cae.png"
 345                                                             data-noprice='true' data-description="">EC-F3399</a>
 346                                                                                                     </li>
 347                                                                                     </ul>
 348                                     </div>
 349                                     </else>
 350                                                                         <div class="header-lists">
 351                                         <div class="list-title">Display Module</div>
 352                                         <ul class="list">
 353                                                                                             <li class="list-item">
 354                                                                                                             <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/a32d2963e47ac36395f8a95413fa6cae.png"
 355                                                             data-noprice='true' data-description="">DM-M10R800-N</a>
 356                                                                                                     </li>
 357                                                                                     </ul>
 358                                     </div>
 359                                     </else>
 360                                                                         <div class="header-lists">
 361                                         <div class="list-title">AI Development Kit</div>
 362                                         <ul class="list">
 363                                                                                     </ul>
 364                                     </div>
 365                                     </else>
 366                                                                         <div class="header-lists">
 367                                         <div class="list-title">Station</div>
 368                                         <ul class="list">
 369                                                                                             <li class="list-item">
 370                                                                                                             <a href="javascript:;" data-imgSrc="http://en.t-firefly.com/upload/portal/20180607/a32d2963e47ac36395f8a95413fa6cae.png"
 371                                                             data-noprice='true' data-description="">F-Station</a>
 372                                                                                                     </li>
 373                                                                                     </ul>
 374                                     </div>
 375                                     </else>
 376
 377                         </div>
 378
 379                         <div class="show-img">
 380                             <img src="/themes/t-firefly/public/assets/images/navProduct/Core-3399J.png" alt="" srcset="">
 381                             <p class="title">Core-3399J</p>
 382                             <p class="desc">六核64位高性能核心板</p>
 383                             <div class="price"></div>
 384                         </div>
 385                     </div>
 386                 </div>
 387
 388             </div>
 389
 390             <div class="projectMenu" id="21_nav" style="display: none;">
 391                 <div class="projectMenu_main">
 392                     <!-- <div class="projectMenu_main_left">
 393                         <a href="javascript:;"></a>
 394                         <h4>Product Solution</h4>
 395                         </a>
 396                         <a id="" href="#" class="no-choose">
 397                             Advertising Machine
 398                         </a>
 399                         <a id="" href="#" class="no-choose">
 400                             WeChat Printer
 401                         </a>
 402                         <a id="" href="#" class="no-choose">
 403                             Vending Machine
 404                         </a>
 405                         <a id="" href="#" class="no-choose">
 406                             Intelligent POS
 407                         </a>
 408                     </div> -->
 409                     <div class="projectMenu_main_left">
 410                         <a href="/doc/case.html">
 411                             <h4>Technical Solution</h4>
 412                         </a>
 413                         <a id="" href="/solution/face.html">
 414                             Face Recognition
 415                         </a>
 416                         <a id="" href="/doc/case/info/id/226.html">
 417                             Multi-Screen Display
 418                         </a>
 419                         <a id="" href="/doc/case/info/id/214.html">
 420                             HDMI-IN Video Input
 421                         </a>
 422                         <a id="" href="/doc/case/info/id/210.html">
 423                             Dual Camera
 424                         </a>
 425                     </div>
 426                     <div class="projectMenu_main_left projectMenu_main_left_server" style="margin-top: 0px;">
 427                         <div class="l-custom">
 428                             <h4>Customized Services</h4>
 429                             <span>Professional and innovative one-stop product customization</span>
 430                             <div class="btn_group">
 431                                 <a>Custom Way</a>
 432                                 <a>Cooperation Process</a>
 433                                 <a>Contact us</a>
 434                             </div>
 435                         </div>
 436                     </div>
 437
 438
 439                     <!--<div class="projectMenu_main_right projectMenu_main_right_27" style="display: none;">-->
 440                     <!--<div class="" style="float:left; margin-right:50px;">-->
 441                     <!--&lt;!&ndash; to do&ndash;&gt;-->
 442                     <!--</div>-->
 443                     <!--<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>-->
 444                     <!--</div>-->
 445
 446                     <!--<div class="projectMenu_main_right projectMenu_main_right_70" style="display: none;">-->
 447                     <!--<div class="" style="float:left; margin-right:50px;">-->
 448                     <!-- -->
 449                     <!--</div>-->
 450                     <!--<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>-->
 451                     <!--</div>-->
 452                 </div>
 453             </div>
 454
 455             <div class="projectMenu" id="24-1_nav" style="display: none;">
 456                 <div class="projectMenu_main">
 457                     <!--内部左侧是选择型号区块-->
 458                     <div class="projectMenu_main_left">
 459                         <a href="/doc/index/index/active/teaching-material.html">
 460                             <h4>Tutorial</h4>
 461                         </a>
 462                         <a id="" href="#" class="no-choose">
 463                             Getting Started
 464                             <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
 465                         </a>
 466                         <a id="" href="#" class="no-choose">
 467                             Chip Information
 468                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 469                         </a>
 470                         <a id="" href="#" class="no-choose">
 471                             Teaching Documents
 472                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 473                         </a>
 474                     </div>
 475                     <div class="projectMenu_main_left">
 476                         <a href="/doc/index/index/active/resources-download.html">
 477                             <h4>Download</h4>
 478                         </a>
 479                         <a id="" href="#" class="no-choose">
 480                             SDK Source Code
 481                             <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
 482                         </a>
 483                         <a id="" href="#" class="no-choose">
 484                             Firmware
 485                             <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
 486                         </a>
 487                         <a id="" href="#" class="no-choose">
 488                             Product Manual
 489                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 490                         </a>
 491                         <!-- <a id="" href="#" class="no-choose"> -->
 492                         <!-- 序列号烧写工具 -->
 493                         <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
 494                         <!-- </a> -->
 495                     </div>
 496
 497                     <div class="projectMenu_main_left">
 498                         <a href="/doc/case.html">
 499                             <h4>Technical Case</h4>
 500                         </a>
 501                         <a id="" href="/doc/case/info/id/214.html">
 502                             Multi-Channel Video Codec
 503                             <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
 504                         </a>
 505                         <a id="" href="/doc/case/info/id/212.html">
 506                             Ubuntu Dual Screen Different
 507                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 508                         </a>
 509                         <a id="" href="/doc/case/info/id/210.html">
 510                             Binocular Camera Data Acquisition
 511                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 512                         </a>
 513                         <a href="/doc/case.html">
 514                             <span>All Cases &gt;</span>
 515                         </a>
 516                     </div>
 517
 518                     <div class="projectMenu_main_left">
 519
 520                         <h4>Other Resources</h4>
 521                         <a id="" href="https://gitlab.com/T-Firefly" target="_blank">
 522                             GitLab
 523                             <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
 524                         </a>
 525                         <a id="" href="https://drive.google.com/drive/folders/0B7HO8lbGgAqAaGgyM2FJZFFBejA" target="_blank">
 526                             Google Drive
 527                             <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
 528                         </a>
 529                         <a id="" href="https://pan.baidu.com/s/1gfiWpY7" target="_blank">
 530                             Baidu Cloud
 531                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 532                         </a>
 533                         <a id="" href="https://www.youtube.com/channel/UCk7odZvUrTG0on8HXnBT7gA" target="_blank">
 534                             Youtube
 535                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 536                         </a>
 537                         <a id="" href="http://v.qq.com/vplus/ec29ea0257e388c78fdc29f30384c9b3" target="_blank">
 538                             Tencent Video
 539
 540                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 541                         </a>
 542                         <!-- <a id="" href="#"  > -->
 543                         <!-- 优酷 -->
 544                         <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
 545                         <!-- </a> -->
 546
 547                     </div>
 548
 549                     <div class="projectMenu_main_left" style="display: none;">
 550                         <h4>配件资料</h4>
 551                         <a id="" href="#">
 552                             7.85寸屏幕
 553                             <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
 554                         </a>
 555                         <a id="" href="#">
 556                             OV13850摄像头
 557                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 558                         </a>
 559                         <a id="" href="#">
 560                             500W摄像头
 561                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 562                         </a>
 563                         <a id="" href="#">
 564                             4G模块
 565                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 566                         </a>
 567                         <a id="" href="#">
 568                             双目摄像头
 569                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 570                         </a>
 571                         <a id="" href="#">
 572                             USB摄像头
 573                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 574                         </a>
 575                         <a id="" href="#">
 576                             GPS模组
 577                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 578                         </a>
 579                         <a href="">
 580                             <span>所有配件 &gt;</span>
 581                         </a>
 582                     </div>
 583                     <div class="projectMenu_main_left" style="margin-right: 0; display: none;">
 584                         <h4>常见问题</h4>
 585                         <a id="" href="#">
 586                             能否开发票
 587                             <!-- <img src="/template/prod/prod_82.png" height="82" title="Firefly-RK3399"/> -->
 588                         </a>
 589                         <a id="" href="#">
 590                             售后政策是怎样
 591                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 592                         </a>
 593                         <a id="" href="#">
 594                             使用什么快递
 595                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 596                         </a>
 597                         <a id="" href="#">
 598                             支持的支付方式
 599                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 600                         </a>
 601                         <a id="" href="#">
 602                             如何实现积分购买
 603                             <!-- <img src="/template/prod/prod_24.png" height="82" title="Firefly-RK3288"/> -->
 604                         </a>
 605                         <a href="">
 606                             <span>更多常见问题 &gt;</span>
 607                         </a>
 608                     </div>
 609
 610                 </div>
 611             </div>
 612
 613         </div>
 614
 615
 616     </div>
 617 </div>
 618
 619
 620 <style>
 621     .portal_search{
 622         width: 704px;
 623         margin: 0 auto;
 624         top: 175px;
 625         position: absolute;
 626         left: 50%;
 627         margin-left: -352px;
 628     }
 629     .portal_search span{
 630         margin-right: 20px;
 631         color: white;
 632         font-size: 24px;
 633
 634     }
 635     .portal_search .input-val{
 636
 637             height: 34px;
 638     width: 440px;
 639     background-color: transparent;
 640     /* opacity: 0.7; */
 641     border: 1px solid #b1b1b1;
 642     color: white;
 643     padding-left: 10px;
 644
 645     }
 646     .portal_search .input-val::-webkit-input-placeholder{
 647         color: #b1b1b1;
 648     }
 649     .portal_search .input-submit{
 650
 651         background: #f60;
 652         color: white;
 653         padding: 6px 24px;
 654         font-size: 16px;
 655         margin-left: 16px;
 656     }
 657     .clear{
 658         clear:both;
 659     }
 660     .search-words{
 661         width: 500px;
 662         height: 20px;
 663         margin: 0 auto;
 664         position: absolute;
 665         top: 220px;
 666         left: 50%;
 667         margin-left: -210px;
 668     }
 669     .search-title{
 670       font-size: 12px;
 671       color:#d3d3d3;
 672       float:left;
 673     }
 674     .search-list{
 675         float:left;
 676         margin-left: 5px;
 677     }
 678
 679     .search-list ul li{
 680       float:left;
 681       font-size: 11px;
 682       color:#fff;
 683       margin-right: 8px;
 684       cursor:pointer;
 685     }
 686
 687     .search-list ul li:hover{
 688         color:#ff7518;
 689     }
 690 </style>
 691
 692
 693 <ul id="home-slider" style="margin-top:80px;" class="list-unstyled">
 694     <li>
 695         <div style="background: url(/themes/t-firefly/public/assets/images/portal_banner.png) center no-repeat; height: 257px;">
 696             <form action="/doc/search.html" class="portal_search">
 697                 <span>Resources</span>
 698                 <input type="text" placeholder="Please enter the keywords you want to know" name="keyword" value="" class="input-val" />
 699                 <input type="submit" value="Search" class="input-submit" />
 700             </form>
 701             <div class="clear"></div>
 702             <div class="search-words">
 703              <div class="search-title">Hot :</div>
 704              <div class="search-list">
 705               <ul>
 706                <li>Getting Started</li>
 707                <li>Chip Datasheet</li>
 708                <li>Documents</li>
 709                <li>SDK Code</li>
 710                <li>Firmware</li>
 711               </ul>
 712              </div>
 713             </div>
 714         </div>
 715     </li>
 716 </ul>
 717
 718
 719 <script>
 720     $('.header-main').addClass('theme-white');
 721
 722     $(".search-list ul li").each(function(i){
 723        $(this).bind('click',function(){
 724         var keyword = $(this).text();
 725         $('.input-val').val(keyword);
 726         $('.input-submit').click();
 727         /*$.get({
 728           'url' : '/doc/search',
 729           'keyword' : 'keyword'
 730         });*/
 731
 732        });
 733
 734     });
 735 </script>
 736         <div class="m-tab">
 737             <div class="container">
 738                 <!-- tabs切换开关 -->\r
 739 \r
 740             <ul class="nav nav-tabs" role="tablist">\r
 741                 <li role="presentation"  class="active"  >\r
 742                     <a href="  /doc/product/index/id/3.html "  role="tab">\r
 743                         Wiki\r
 744                     </a>\r
 745                 </li>\r
 746                 <li role="presentation" >\r
 747                     <a href=" /doc/download/3.html "  role="tab">\r
 748                         Download\r
 749                     </a>\r
 750                 </li>\r
 751                 <!-- <li role="presentation"  ><a href="/doc/case.html"  role="tab">技术案例</a></li> -->\r
 752                 <!-- <li role="presentation"  ><a href="/doc/parts.html"  role="tab">配件资料</a></li> -->\r
 753                 <!-- <li role="presentation"><a href="#FAQ"  role="tab" data-toggle="tab">常见问题</a></li> -->\r
 754             </ul>
 755                 <!-- Tab切换内容 -->
 756             </div>
 757         </div>
 758
 759         <div class="container">
 760             <div class="teaching-box">
 761                 <!-- 左侧的导航条 -->
 762                 <!-- 资料库侧边栏 -->
 763
 764 <div class="box-left doc-sidebar">
 765     <ul id="doc-1" class="topnav">
 766         <div class="panel-group" id="sidebar-one">
 767             <h4 class="product-type">Opensource Board</h4>
 768             <!-- 1级产品标题 -->
 769                             <!-- 1级li>.item -->
 770                 <div class="panel panel-default">
 771                     <!-- a -->
 772                     <div class="panel-heading">
 773                         <h4 class="panel-title">
 774                             <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-31" class="sidebar-one-a">AIO-3399J</a> -->
 775                             <!-- <a href="/doc/product/index/id/31.html" class="sidebar-one-a">AIO-3399J</a> -->
 776                             <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>
 777                         </h4>
 778                     </div>
 779                     <!-- 2级ul -->
 780                     <div id="product-31" class="panel-collapse collapse   ">
 781                         <div class="panel-body">
 782                             <div class="panel-group panel-group-two" id="sidebar-two-31">
 783                                                                         <!-- 2级li>.item  -->
 784                                         <div class="panel panel-default">
 785                                             <!--  a  -->
 786                                             <div class="panel-heading">
 787                                                 <!-- <h4 class="panel-title"> -->
 788                                                 <a data-toggle="collapse" data-parent="#sidebar-two-31" href="#product-category-31-1" class="sidebar-two-a collapsed ">
 789                                                         Quick Start                                                        <b></b>
 790                                                     </a>
 791                                                 <!-- </h4> -->
 792                                             </div>
 793                                             <!-- ul -->
 794                                             <div id="product-category-31-1" class="panel-collapse collapse  ">
 795                                                 <div class="panel-body" style="padding-left: 10px;">
 796                                                                                                             <!-- a -->
 797                                                         <a href="/doc/product/info/id/468.html" id="son-468" data-info-id="468" class="sidebar-three-a  ">Boot Mode</a>
 798                                                                                                             <!-- a -->
 799                                                         <a href="/doc/product/info/id/437.html" id="son-437" data-info-id="437" class="sidebar-three-a  ">Flash Image</a>
 800                                                                                                             <!-- a -->
 801                                                         <a href="/doc/product/info/id/480.html" id="son-480" data-info-id="480" class="sidebar-three-a  ">MaskRon</a>
 802                                                                                                             <!-- a -->
 803                                                         <a href="/doc/product/info/id/469.html" id="son-469" data-info-id="469" class="sidebar-three-a  ">Senial Debug</a>
 804                                                                                                             <!-- a -->
 805                                                         <a href="/doc/product/info/id/440.html" id="son-440" data-info-id="440" class="sidebar-three-a  ">Starter Guide</a>
 806                                                                                                     </div>
 807                                             </div>
 808                                         </div>
 809                                                                             <!-- 2级li>.item  -->
 810                                         <div class="panel panel-default">
 811                                             <!--  a  -->
 812                                             <div class="panel-heading">
 813                                                 <!-- <h4 class="panel-title"> -->
 814                                                 <a data-toggle="collapse" data-parent="#sidebar-two-31" href="#product-category-31-5" class="sidebar-two-a collapsed ">
 815                                                         Linux                                                        <b></b>
 816                                                     </a>
 817                                                 <!-- </h4> -->
 818                                             </div>
 819                                             <!-- ul -->
 820                                             <div id="product-category-31-5" class="panel-collapse collapse  ">
 821                                                 <div class="panel-body" style="padding-left: 10px;">
 822                                                                                                             <!-- a -->
 823                                                         <a href="/doc/product/info/id/447.html" id="son-447" data-info-id="447" class="sidebar-three-a  ">Build Kernel</a>
 824                                                                                                             <!-- a -->
 825                                                         <a href="/doc/product/info/id/446.html" id="son-446" data-info-id="446" class="sidebar-three-a  ">Build Ubuntu Rfs</a>
 826                                                                                                     </div>
 827                                             </div>
 828                                         </div>
 829                                                                             <!-- 2级li>.item  -->
 830                                         <div class="panel panel-default">
 831                                             <!--  a  -->
 832                                             <div class="panel-heading">
 833                                                 <!-- <h4 class="panel-title"> -->
 834                                                 <a data-toggle="collapse" data-parent="#sidebar-two-31" href="#product-category-31-8" class="sidebar-two-a collapsed ">
 835                                                         Accessories                                                        <b></b>
 836                                                     </a>
 837                                                 <!-- </h4> -->
 838                                             </div>
 839                                             <!-- ul -->
 840                                             <div id="product-category-31-8" class="panel-collapse collapse  ">
 841                                                 <div class="panel-body" style="padding-left: 10px;">
 842                                                                                                             <!-- a -->
 843                                                         <a href="/doc/product/info/id/466.html" id="son-466" data-info-id="466" class="sidebar-three-a  ">Camera Module</a>
 844                                                                                                             <!-- a -->
 845                                                         <a href="/doc/product/info/id/463.html" id="son-463" data-info-id="463" class="sidebar-three-a  ">Conversion Module</a>
 846                                                                                                             <!-- a -->
 847                                                         <a href="/doc/product/info/id/462.html" id="son-462" data-info-id="462" class="sidebar-three-a  ">Heat Sink</a>
 848                                                                                                             <!-- a -->
 849                                                         <a href="/doc/product/info/id/464.html" id="son-464" data-info-id="464" class="sidebar-three-a  ">Power Adapter</a>
 850                                                                                                             <!-- a -->
 851                                                         <a href="/doc/product/info/id/465.html" id="son-465" data-info-id="465" class="sidebar-three-a  ">Remote Control</a>
 852                                                                                                             <!-- a -->
 853                                                         <a href="/doc/product/info/id/467.html" id="son-467" data-info-id="467" class="sidebar-three-a  ">Screen Module</a>
 854                                                                                                             <!-- a -->
 855                                                         <a href="/doc/product/info/id/442.html" id="son-442" data-info-id="442" class="sidebar-three-a  ">Wireless Module</a>
 856                                                                                                     </div>
 857                                             </div>
 858                                         </div>
 859                                                                             <!-- 2级li>.item  -->
 860                                         <div class="panel panel-default">
 861                                             <!--  a  -->
 862                                             <div class="panel-heading">
 863                                                 <!-- <h4 class="panel-title"> -->
 864                                                 <a data-toggle="collapse" data-parent="#sidebar-two-31" href="#product-category-31-4" class="sidebar-two-a collapsed ">
 865                                                         Android                                                        <b></b>
 866                                                     </a>
 867                                                 <!-- </h4> -->
 868                                             </div>
 869                                             <!-- ul -->
 870                                             <div id="product-category-31-4" class="panel-collapse collapse  ">
 871                                                 <div class="panel-body" style="padding-left: 10px;">
 872                                                                                                             <!-- a -->
 873                                                         <a href="/doc/product/info/id/438.html" id="son-438" data-info-id="438" class="sidebar-three-a  ">ADB Usage</a>
 874                                                                                                             <!-- a -->
 875                                                         <a href="/doc/product/info/id/439.html" id="son-439" data-info-id="439" class="sidebar-three-a  ">Build Android 7.1</a>
 876                                                                                                             <!-- a -->
 877                                                         <a href="/doc/product/info/id/459.html" id="son-459" data-info-id="459" class="sidebar-three-a  ">Customize Firmware</a>
 878                                                                                                     </div>
 879                                             </div>
 880                                         </div>
 881                                                                             <!-- 2级li>.item  -->
 882                                         <div class="panel panel-default">
 883                                             <!--  a  -->
 884                                             <div class="panel-heading">
 885                                                 <!-- <h4 class="panel-title"> -->
 886                                                 <a data-toggle="collapse" data-parent="#sidebar-two-31" href="#product-category-31-7" class="sidebar-two-a collapsed ">
 887                                                         Hardware                                                        <b></b>
 888                                                     </a>
 889                                                 <!-- </h4> -->
 890                                             </div>
 891                                             <!-- ul -->
 892                                             <div id="product-category-31-7" class="panel-collapse collapse  ">
 893                                                 <div class="panel-body" style="padding-left: 10px;">
 894                                                                                                             <!-- a -->
 895                                                         <a href="/doc/product/info/id/445.html" id="son-445" data-info-id="445" class="sidebar-three-a  ">Hardware Documents</a>
 896                                                                                                             <!-- a -->
 897                                                         <a href="/doc/product/info/id/444.html" id="son-444" data-info-id="444" class="sidebar-three-a  ">Interface Definition</a>
 898                                                                                                     </div>
 899                                             </div>
 900                                         </div>
 901                                                                             <!-- 2级li>.item  -->
 902                                         <div class="panel panel-default">
 903                                             <!--  a  -->
 904                                             <div class="panel-heading">
 905                                                 <!-- <h4 class="panel-title"> -->
 906                                                 <a data-toggle="collapse" data-parent="#sidebar-two-31" href="#product-category-31-6" class="sidebar-two-a collapsed ">
 907                                                         Driver                                                        <b></b>
 908                                                     </a>
 909                                                 <!-- </h4> -->
 910                                             </div>
 911                                             <!-- ul -->
 912                                             <div id="product-category-31-6" class="panel-collapse collapse  ">
 913                                                 <div class="panel-body" style="padding-left: 10px;">
 914                                                                                                             <!-- a -->
 915                                                         <a href="/doc/product/info/id/455.html" id="son-455" data-info-id="455" class="sidebar-three-a  ">ADC</a>
 916                                                                                                             <!-- a -->
 917                                                         <a href="/doc/product/info/id/449.html" id="son-449" data-info-id="449" class="sidebar-three-a  ">Camera</a>
 918                                                                                                             <!-- a -->
 919                                                         <a href="/doc/product/info/id/458.html" id="son-458" data-info-id="458" class="sidebar-three-a  ">GPIO</a>
 920                                                                                                             <!-- a -->
 921                                                         <a href="/doc/product/info/id/456.html" id="son-456" data-info-id="456" class="sidebar-three-a  ">I2C</a>
 922                                                                                                             <!-- a -->
 923                                                         <a href="/doc/product/info/id/457.html" id="son-457" data-info-id="457" class="sidebar-three-a  ">IR</a>
 924                                                                                                             <!-- a -->
 925                                                         <a href="/doc/product/info/id/441.html" id="son-441" data-info-id="441" class="sidebar-three-a  ">LCD</a>
 926                                                                                                             <!-- a -->
 927                                                         <a href="/doc/product/info/id/452.html" id="son-452" data-info-id="452" class="sidebar-three-a  ">LED</a>
 928                                                                                                             <!-- a -->
 929                                                         <a href="/doc/product/info/id/451.html" id="son-451" data-info-id="451" class="sidebar-three-a  ">PWM</a>
 930                                                                                                             <!-- a -->
 931                                                         <a href="/doc/product/info/id/453.html" id="son-453" data-info-id="453" class="sidebar-three-a  ">RTC</a>
 932                                                                                                             <!-- a -->
 933                                                         <a href="/doc/product/info/id/454.html" id="son-454" data-info-id="454" class="sidebar-three-a  ">SPI</a>
 934                                                                                                             <!-- a -->
 935                                                         <a href="/doc/product/info/id/448.html" id="son-448" data-info-id="448" class="sidebar-three-a  ">TIMER</a>
 936                                                                                                             <!-- a -->
 937                                                         <a href="/doc/product/info/id/450.html" id="son-450" data-info-id="450" class="sidebar-three-a  ">UART</a>
 938                                                                                                     </div>
 939                                             </div>
 940                                         </div>
 941                                                                             <!-- 2级li>.item  -->
 942                                         <div class="panel panel-default">
 943                                             <!--  a  -->
 944                                             <div class="panel-heading">
 945                                                 <!-- <h4 class="panel-title"> -->
 946                                                 <a data-toggle="collapse" data-parent="#sidebar-two-31" href="#product-category-31-11" class="sidebar-two-a collapsed ">
 947                                                         Other                                                        <b></b>
 948                                                     </a>
 949                                                 <!-- </h4> -->
 950                                             </div>
 951                                             <!-- ul -->
 952                                             <div id="product-category-31-11" class="panel-collapse collapse  ">
 953                                                 <div class="panel-body" style="padding-left: 10px;">
 954                                                                                                             <!-- a -->
 955                                                         <a href="/doc/product/info/id/443.html" id="son-443" data-info-id="443" class="sidebar-three-a  ">Uboot</a>
 956                                                                                                     </div>
 957                                             </div>
 958                                         </div>
 959                                                                     <!-- other -->
 960                                 <div class="panel panel-default">
 961                                     <div class="panel-heading">
 962                                         <a href="/doc/download/31.html" class="sidebar-two-a collapsed">Download
 963                                             </a>
 964                                     </div>
 965                                 </div>
 966                             </div>
 967                         </div>
 968                     </div>
 969
 970                 </div>
 971                                 <!-- 1级li>.item -->
 972                 <div class="panel panel-default">
 973                     <!-- a -->
 974                     <div class="panel-heading">
 975                         <h4 class="panel-title">
 976                             <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-16" class="sidebar-one-a">AIO-3288J</a> -->
 977                             <!-- <a href="/doc/product/index/id/16.html" class="sidebar-one-a">AIO-3288J</a> -->
 978                             <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>
 979                         </h4>
 980                     </div>
 981                     <!-- 2级ul -->
 982                     <div id="product-16" class="panel-collapse collapse   ">
 983                         <div class="panel-body">
 984                             <div class="panel-group panel-group-two" id="sidebar-two-16">
 985                                                                         <!-- 2级li>.item  -->
 986                                         <div class="panel panel-default">
 987                                             <!--  a  -->
 988                                             <div class="panel-heading">
 989                                                 <!-- <h4 class="panel-title"> -->
 990                                                 <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-1" class="sidebar-two-a collapsed ">
 991                                                         Quick Start                                                        <b></b>
 992                                                     </a>
 993                                                 <!-- </h4> -->
 994                                             </div>
 995                                             <!-- ul -->
 996                                             <div id="product-category-16-1" class="panel-collapse collapse  ">
 997                                                 <div class="panel-body" style="padding-left: 10px;">
 998                                                                                                             <!-- a -->
 999                                                         <a href="/doc/product/info/id/409.html" id="son-409" data-info-id="409" class="sidebar-three-a  ">Starter Guide</a>
1000                                                                                                             <!-- a -->
1001                                                         <a href="/doc/product/info/id/406.html" id="son-406" data-info-id="406" class="sidebar-three-a  ">Senial Debug</a>
1002                                                                                                             <!-- a -->
1003                                                         <a href="/doc/product/info/id/408.html" id="son-408" data-info-id="408" class="sidebar-three-a  ">Boot Mode</a>
1004                                                                                                             <!-- a -->
1005                                                         <a href="/doc/product/info/id/407.html" id="son-407" data-info-id="407" class="sidebar-three-a  ">Flash Image</a>
1006                                                                                                     </div>
1007                                             </div>
1008                                         </div>
1009                                                                             <!-- 2级li>.item  -->
1010                                         <div class="panel panel-default">
1011                                             <!--  a  -->
1012                                             <div class="panel-heading">
1013                                                 <!-- <h4 class="panel-title"> -->
1014                                                 <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-5" class="sidebar-two-a collapsed ">
1015                                                         Linux                                                        <b></b>
1016                                                     </a>
1017                                                 <!-- </h4> -->
1018                                             </div>
1019                                             <!-- ul -->
1020                                             <div id="product-category-16-5" class="panel-collapse collapse  ">
1021                                                 <div class="panel-body" style="padding-left: 10px;">
1022                                                                                                             <!-- a -->
1023                                                         <a href="/doc/product/info/id/416.html" id="son-416" data-info-id="416" class="sidebar-three-a  ">Build Kernel</a>
1024                                                                                                             <!-- a -->
1025                                                         <a href="/doc/product/info/id/414.html" id="son-414" data-info-id="414" class="sidebar-three-a  ">Build Ubuntu Rfs</a>
1026                                                                                                             <!-- a -->
1027                                                         <a href="/doc/product/info/id/415.html" id="son-415" data-info-id="415" class="sidebar-three-a  ">Mainline Kernel</a>
1028                                                                                                             <!-- a -->
1029                                                         <a href="/doc/product/info/id/413.html" id="son-413" data-info-id="413" class="sidebar-three-a  ">Ubuntu Server Note</a>
1030                                                                                                     </div>
1031                                             </div>
1032                                         </div>
1033                                                                             <!-- 2级li>.item  -->
1034                                         <div class="panel panel-default">
1035                                             <!--  a  -->
1036                                             <div class="panel-heading">
1037                                                 <!-- <h4 class="panel-title"> -->
1038                                                 <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-8" class="sidebar-two-a collapsed ">
1039                                                         Accessories                                                        <b></b>
1040                                                     </a>
1041                                                 <!-- </h4> -->
1042                                             </div>
1043                                             <!-- ul -->
1044                                             <div id="product-category-16-8" class="panel-collapse collapse  ">
1045                                                 <div class="panel-body" style="padding-left: 10px;">
1046                                                                                                             <!-- a -->
1047                                                         <a href="/doc/product/info/id/482.html" id="son-482" data-info-id="482" class="sidebar-three-a  ">Camera module</a>
1048                                                                                                             <!-- a -->
1049                                                         <a href="/doc/product/info/id/514.html" id="son-514" data-info-id="514" class="sidebar-three-a  ">Display module</a>
1050                                                                                                             <!-- a -->
1051                                                         <a href="/doc/product/info/id/484.html" id="son-484" data-info-id="484" class="sidebar-three-a  ">Power Adapter</a>
1052                                                                                                             <!-- a -->
1053                                                         <a href="/doc/product/info/id/485.html" id="son-485" data-info-id="485" class="sidebar-three-a  ">Remote Control</a>
1054                                                                                                             <!-- a -->
1055                                                         <a href="/doc/product/info/id/481.html" id="son-481" data-info-id="481" class="sidebar-three-a  ">Serial port module</a>
1056                                                                                                             <!-- a -->
1057                                                         <a href="/doc/product/info/id/483.html" id="son-483" data-info-id="483" class="sidebar-three-a  ">Wireless module</a>
1058                                                                                                     </div>
1059                                             </div>
1060                                         </div>
1061                                                                             <!-- 2级li>.item  -->
1062                                         <div class="panel panel-default">
1063                                             <!--  a  -->
1064                                             <div class="panel-heading">
1065                                                 <!-- <h4 class="panel-title"> -->
1066                                                 <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-11" class="sidebar-two-a collapsed ">
1067                                                         Other                                                        <b></b>
1068                                                     </a>
1069                                                 <!-- </h4> -->
1070                                             </div>
1071                                             <!-- ul -->
1072                                             <div id="product-category-16-11" class="panel-collapse collapse  ">
1073                                                 <div class="panel-body" style="padding-left: 10px;">
1074                                                                                                             <!-- a -->
1075                                                         <a href="/doc/product/info/id/417.html" id="son-417" data-info-id="417" class="sidebar-three-a  ">Uboot</a>
1076                                                                                                     </div>
1077                                             </div>
1078                                         </div>
1079                                                                             <!-- 2级li>.item  -->
1080                                         <div class="panel panel-default">
1081                                             <!--  a  -->
1082                                             <div class="panel-heading">
1083                                                 <!-- <h4 class="panel-title"> -->
1084                                                 <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-4" class="sidebar-two-a collapsed ">
1085                                                         Android                                                        <b></b>
1086                                                     </a>
1087                                                 <!-- </h4> -->
1088                                             </div>
1089                                             <!-- ul -->
1090                                             <div id="product-category-16-4" class="panel-collapse collapse  ">
1091                                                 <div class="panel-body" style="padding-left: 10px;">
1092                                                                                                             <!-- a -->
1093                                                         <a href="/doc/product/info/id/404.html" id="son-404" data-info-id="404" class="sidebar-three-a  ">ADB Usage</a>
1094                                                                                                             <!-- a -->
1095                                                         <a href="/doc/product/info/id/403.html" id="son-403" data-info-id="403" class="sidebar-three-a  ">Build Android 5.1</a>
1096                                                                                                             <!-- a -->
1097                                                         <a href="/doc/product/info/id/435.html" id="son-435" data-info-id="435" class="sidebar-three-a  ">Customize Firmware</a>
1098                                                                                                     </div>
1099                                             </div>
1100                                         </div>
1101                                                                             <!-- 2级li>.item  -->
1102                                         <div class="panel panel-default">
1103                                             <!--  a  -->
1104                                             <div class="panel-heading">
1105                                                 <!-- <h4 class="panel-title"> -->
1106                                                 <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-9" class="sidebar-two-a collapsed ">
1107                                                         Documentation                                                        <b></b>
1108                                                     </a>
1109                                                 <!-- </h4> -->
1110                                             </div>
1111                                             <!-- ul -->
1112                                             <div id="product-category-16-9" class="panel-collapse collapse  ">
1113                                                 <div class="panel-body" style="padding-left: 10px;">
1114                                                                                                             <!-- a -->
1115                                                         <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>
1116                                                                                                     </div>
1117                                             </div>
1118                                         </div>
1119                                                                             <!-- 2级li>.item  -->
1120                                         <div class="panel panel-default">
1121                                             <!--  a  -->
1122                                             <div class="panel-heading">
1123                                                 <!-- <h4 class="panel-title"> -->
1124                                                 <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-7" class="sidebar-two-a collapsed ">
1125                                                         Hardware                                                        <b></b>
1126                                                     </a>
1127                                                 <!-- </h4> -->
1128                                             </div>
1129                                             <!-- ul -->
1130                                             <div id="product-category-16-7" class="panel-collapse collapse  ">
1131                                                 <div class="panel-body" style="padding-left: 10px;">
1132                                                                                                             <!-- a -->
1133                                                         <a href="/doc/product/info/id/422.html" id="son-422" data-info-id="422" class="sidebar-three-a  ">Hardware Documents</a>
1134                                                                                                     </div>
1135                                             </div>
1136                                         </div>
1137                                                                             <!-- 2级li>.item  -->
1138                                         <div class="panel panel-default">
1139                                             <!--  a  -->
1140                                             <div class="panel-heading">
1141                                                 <!-- <h4 class="panel-title"> -->
1142                                                 <a data-toggle="collapse" data-parent="#sidebar-two-16" href="#product-category-16-6" class="sidebar-two-a collapsed ">
1143                                                         Driver                                                        <b></b>
1144                                                     </a>
1145                                                 <!-- </h4> -->
1146                                             </div>
1147                                             <!-- ul -->
1148                                             <div id="product-category-16-6" class="panel-collapse collapse  ">
1149                                                 <div class="panel-body" style="padding-left: 10px;">
1150                                                                                                             <!-- a -->
1151                                                         <a href="/doc/product/info/id/433.html" id="son-433" data-info-id="433" class="sidebar-three-a  ">ADC</a>
1152                                                                                                             <!-- a -->
1153                                                         <a href="/doc/product/info/id/432.html" id="son-432" data-info-id="432" class="sidebar-three-a  ">GPIO</a>
1154                                                                                                             <!-- a -->
1155                                                         <a href="/doc/product/info/id/431.html" id="son-431" data-info-id="431" class="sidebar-three-a  ">I2C</a>
1156                                                                                                             <!-- a -->
1157                                                         <a href="/doc/product/info/id/430.html" id="son-430" data-info-id="430" class="sidebar-three-a  ">IR</a>
1158                                                                                                             <!-- a -->
1159                                                         <a href="/doc/product/info/id/428.html" id="son-428" data-info-id="428" class="sidebar-three-a  ">LED</a>
1160                                                                                                             <!-- a -->
1161                                                         <a href="/doc/product/info/id/410.html" id="son-410" data-info-id="410" class="sidebar-three-a  ">MIPI CSI</a>
1162                                                                                                             <!-- a -->
1163                                                         <a href="/doc/product/info/id/424.html" id="son-424" data-info-id="424" class="sidebar-three-a  ">MIPI DSI</a>
1164                                                                                                             <!-- a -->
1165                                                         <a href="/doc/product/info/id/427.html" id="son-427" data-info-id="427" class="sidebar-three-a  ">PWM</a>
1166                                                                                                             <!-- a -->
1167                                                         <a href="/doc/product/info/id/429.html" id="son-429" data-info-id="429" class="sidebar-three-a  ">SPI</a>
1168                                                                                                             <!-- a -->
1169                                                         <a href="/doc/product/info/id/426.html" id="son-426" data-info-id="426" class="sidebar-three-a  ">UART</a>
1170                                                                                                     </div>
1171                                             </div>
1172                                         </div>
1173                                                                     <!-- other -->
1174                                 <div class="panel panel-default">
1175                                     <div class="panel-heading">
1176                                         <a href="/doc/download/16.html" class="sidebar-two-a collapsed">Download
1177                                             </a>
1178                                     </div>
1179                                 </div>
1180                             </div>
1181                         </div>
1182                     </div>
1183
1184                 </div>
1185                                 <!-- 1级li>.item -->
1186                 <div class="panel panel-default">
1187                     <!-- a -->
1188                     <div class="panel-heading">
1189                         <h4 class="panel-title">
1190                             <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-34" class="sidebar-one-a">ROC-RK3328-CC</a> -->
1191                             <!-- <a href="/doc/product/index/id/34.html" class="sidebar-one-a">ROC-RK3328-CC</a> -->
1192                             <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>
1193                         </h4>
1194                     </div>
1195                     <!-- 2级ul -->
1196                     <div id="product-34" class="panel-collapse collapse   ">
1197                         <div class="panel-body">
1198                             <div class="panel-group panel-group-two" id="sidebar-two-34">
1199                                                                     <div class="panel panel-default">
1200                                         <div class="panel-heading">
1201                                             <a href="http://wiki.t-firefly.com/ROC-RK3328-CC/index.html" class="sidebar-two-a collapsed" target="_blank">Wiki
1202                                                 <b></b>
1203                                             </a>
1204                                         </div>
1205                                     </div>
1206                                                                 <!-- other -->
1207                                 <div class="panel panel-default">
1208                                     <div class="panel-heading">
1209                                         <a href="/doc/download/34.html" class="sidebar-two-a collapsed">Download
1210                                             </a>
1211                                     </div>
1212                                 </div>
1213                             </div>
1214                         </div>
1215                     </div>
1216
1217                 </div>
1218                                 <!-- 1级li>.item -->
1219                 <div class="panel panel-default">
1220                     <!-- a -->
1221                     <div class="panel-heading">
1222                         <h4 class="panel-title">
1223                             <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-3" class="sidebar-one-a">Firefly-RK3399</a> -->
1224                             <!-- <a href="/doc/product/index/id/3.html" class="sidebar-one-a">Firefly-RK3399</a> -->
1225                             <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>
1226                         </h4>
1227                     </div>
1228                     <!-- 2级ul -->
1229                     <div id="product-3" class="panel-collapse collapse   in  ">
1230                         <div class="panel-body">
1231                             <div class="panel-group panel-group-two" id="sidebar-two-3">
1232                                                                         <!-- 2级li>.item  -->
1233                                         <div class="panel panel-default">
1234                                             <!--  a  -->
1235                                             <div class="panel-heading">
1236                                                 <!-- <h4 class="panel-title"> -->
1237                                                 <a data-toggle="collapse" data-parent="#sidebar-two-3" href="#product-category-3-1" class="sidebar-two-a collapsed ">
1238                                                         Quick Start                                                        <b></b>
1239                                                     </a>
1240                                                 <!-- </h4> -->
1241                                             </div>
1242                                             <!-- ul -->
1243                                             <div id="product-category-3-1" class="panel-collapse collapse  ">
1244                                                 <div class="panel-body" style="padding-left: 10px;">
1245                                                                                                             <!-- a -->
1246                                                         <a href="/doc/product/info/id/265.html" id="son-265" data-info-id="265" class="sidebar-three-a  ">Boot Mode</a>
1247                                                                                                             <!-- a -->
1248                                                         <a href="/doc/product/info/id/263.html" id="son-263" data-info-id="263" class="sidebar-three-a  ">Flash Image</a>
1249                                                                                                             <!-- a -->
1250                                                         <a href="/doc/product/info/id/479.html" id="son-479" data-info-id="479" class="sidebar-three-a  ">MaskRon</a>
1251                                                                                                             <!-- a -->
1252                                                         <a href="/doc/product/info/id/264.html" id="son-264" data-info-id="264" class="sidebar-three-a  ">Senial Debug</a>
1253                                                                                                             <!-- a -->
1254                                                         <a href="/doc/product/info/id/262.html" id="son-262" data-info-id="262" class="sidebar-three-a  ">Starter Guide</a>
1255                                                                                                     </div>
1256                                             </div>
1257                                         </div>
1258                                                                             <!-- 2级li>.item  -->
1259                                         <div class="panel panel-default">
1260                                             <!--  a  -->
1261                                             <div class="panel-heading">
1262                                                 <!-- <h4 class="panel-title"> -->
1263                                                 <a data-toggle="collapse" data-parent="#sidebar-two-3" href="#product-category-3-5" class="sidebar-two-a collapsed ">
1264                                                         Linux                                                        <b></b>
1265                                                     </a>
1266                                                 <!-- </h4> -->
1267                                             </div>
1268                                             <!-- ul -->
1269                                             <div id="product-category-3-5" class="panel-collapse collapse  in  ">
1270                                                 <div class="panel-body" style="padding-left: 10px;">
1271                                                                                                             <!-- a -->
1272                                                         <a href="/doc/product/info/id/290.html" id="son-290" data-info-id="290" class="sidebar-three-a  ">Build Kernel</a>
1273                                                                                                             <!-- a -->
1274                                                         <a href="/doc/product/info/id/291.html" id="son-291" data-info-id="291" class="sidebar-three-a   sidebar-a-active ">Build Ubuntu Rfs</a>
1275                                                                                                     </div>
1276                                             </div>
1277                                         </div>
1278                                                                             <!-- 2级li>.item  -->
1279                                         <div class="panel panel-default">
1280                                             <!--  a  -->
1281                                             <div class="panel-heading">
1282                                                 <!-- <h4 class="panel-title"> -->
1283                                                 <a data-toggle="collapse" data-parent="#sidebar-two-3" href="#product-category-3-8" class="sidebar-two-a collapsed ">
1284                                                         Accessories                                                        <b></b>
1285                                                     </a>
1286                                                 <!-- </h4> -->
1287                                             </div>
1288                                             <!-- ul -->
1289                                             <div id="product-category-3-8" class="panel-collapse collapse  ">
1290                                                 <div class="panel-body" style="padding-left: 10px;">
1291                                                                                                             <!-- a -->
1292                                                         <a href="/doc/product/info/id/267.html" id="son-267" data-info-id="267" class="sidebar-three-a  ">Camera Module</a>
1293                                                                                                             <!-- a -->
1294                                                         <a href="/doc/product/info/id/273.html" id="son-273" data-info-id="273" class="sidebar-three-a  ">Case</a>
1295                                                                                                             <!-- a -->
1296                                                         <a href="/doc/product/info/id/271.html" id="son-271" data-info-id="271" class="sidebar-three-a  ">Conversion Module</a>
1297                                                                                                             <!-- a -->
1298                                                         <a href="/doc/product/info/id/272.html" id="son-272" data-info-id="272" class="sidebar-three-a  ">Heat Sink</a>
1299                                                                                                             <!-- a -->
1300                                                         <a href="/doc/product/info/id/269.html" id="son-269" data-info-id="269" class="sidebar-three-a  ">Power Adapter</a>
1301                                                                                                             <!-- a -->
1302                                                         <a href="/doc/product/info/id/268.html" id="son-268" data-info-id="268" class="sidebar-three-a  ">Remote Control</a>
1303                                                                                                             <!-- a -->
1304                                                         <a href="/doc/product/info/id/266.html" id="son-266" data-info-id="266" class="sidebar-three-a  ">Screen Module</a>
1305                                                                                                             <!-- a -->
1306                                                         <a href="/doc/product/info/id/270.html" id="son-270" data-info-id="270" class="sidebar-three-a  ">Wireless Module</a>
1307                                                                                                     </div>
1308                                             </div>
1309                                         </div>
1310                                                                             <!-- 2级li>.item  -->
1311                                         <div class="panel panel-default">
1312                                             <!--  a  -->
1313                                             <div class="panel-heading">
1314                                                 <!-- <h4 class="panel-title"> -->
1315                                                 <a data-toggle="collapse" data-parent="#sidebar-two-3" href="#product-category-3-4" class="sidebar-two-a collapsed ">
1316                                                         Android                                                        <b></b>
1317                                                     </a>
1318                                                 <!-- </h4> -->
1319                                             </div>
1320                                             <!-- ul -->
1321                                             <div id="product-category-3-4" class="panel-collapse collapse  ">
1322                                                 <div class="panel-body" style="padding-left: 10px;">
1323                                                                                                             <!-- a -->
1324                                                         <a href="/doc/product/info/id/277.html" id="son-277" data-info-id="277" class="sidebar-three-a  ">ADB Usage</a>
1325                                                                                                             <!-- a -->
1326                                                         <a href="/doc/product/info/id/275.html" id="son-275" data-info-id="275" class="sidebar-three-a  ">Build Android 7.1</a>
1327                                                                                                             <!-- a -->
1328                                                         <a href="/doc/product/info/id/276.html" id="son-276" data-info-id="276" class="sidebar-three-a  ">Customize Firmware</a>
1329                                                                                                     </div>
1330                                             </div>
1331                                         </div>
1332                                                                             <!-- 2级li>.item  -->
1333                                         <div class="panel panel-default">
1334                                             <!--  a  -->
1335                                             <div class="panel-heading">
1336                                                 <!-- <h4 class="panel-title"> -->
1337                                                 <a data-toggle="collapse" data-parent="#sidebar-two-3" href="#product-category-3-6" class="sidebar-two-a collapsed ">
1338                                                         Driver                                                        <b></b>
1339                                                     </a>
1340                                                 <!-- </h4> -->
1341                                             </div>
1342                                             <!-- ul -->
1343                                             <div id="product-category-3-6" class="panel-collapse collapse  ">
1344                                                 <div class="panel-body" style="padding-left: 10px;">
1345                                                                                                             <!-- a -->
1346                                                         <a href="/doc/product/info/id/281.html" id="son-281" data-info-id="281" class="sidebar-three-a  ">ADC</a>
1347                                                                                                             <!-- a -->
1348                                                         <a href="/doc/product/info/id/287.html" id="son-287" data-info-id="287" class="sidebar-three-a  ">Camera</a>
1349                                                                                                             <!-- a -->
1350                                                         <a href="/doc/product/info/id/278.html" id="son-278" data-info-id="278" class="sidebar-three-a  ">GPIO</a>
1351                                                                                                             <!-- a -->
1352                                                         <a href="/doc/product/info/id/280.html" id="son-280" data-info-id="280" class="sidebar-three-a  ">I2C</a>
1353                                                                                                             <!-- a -->
1354                                                         <a href="/doc/product/info/id/279.html" id="son-279" data-info-id="279" class="sidebar-three-a  ">IR</a>
1355                                                                                                             <!-- a -->
1356                                                         <a href="/doc/product/info/id/288.html" id="son-288" data-info-id="288" class="sidebar-three-a  ">LCD</a>
1357                                                                                                             <!-- a -->
1358                                                         <a href="/doc/product/info/id/284.html" id="son-284" data-info-id="284" class="sidebar-three-a  ">LED</a>
1359                                                                                                             <!-- a -->
1360                                                         <a href="/doc/product/info/id/285.html" id="son-285" data-info-id="285" class="sidebar-three-a  ">PWM</a>
1361                                                                                                             <!-- a -->
1362                                                         <a href="/doc/product/info/id/283.html" id="son-283" data-info-id="283" class="sidebar-three-a  ">RTC</a>
1363                                                                                                             <!-- a -->
1364                                                         <a href="/doc/product/info/id/282.html" id="son-282" data-info-id="282" class="sidebar-three-a  ">SPI</a>
1365                                                                                                             <!-- a -->
1366                                                         <a href="/doc/product/info/id/289.html" id="son-289" data-info-id="289" class="sidebar-three-a  ">TIMER</a>
1367                                                                                                             <!-- a -->
1368                                                         <a href="/doc/product/info/id/286.html" id="son-286" data-info-id="286" class="sidebar-three-a  ">UART</a>
1369                                                                                                     </div>
1370                                             </div>
1371                                         </div>
1372                                                                             <!-- 2级li>.item  -->
1373                                         <div class="panel panel-default">
1374                                             <!--  a  -->
1375                                             <div class="panel-heading">
1376                                                 <!-- <h4 class="panel-title"> -->
1377                                                 <a data-toggle="collapse" data-parent="#sidebar-two-3" href="#product-category-3-7" class="sidebar-two-a collapsed ">
1378                                                         Hardware                                                        <b></b>
1379                                                     </a>
1380                                                 <!-- </h4> -->
1381                                             </div>
1382                                             <!-- ul -->
1383                                             <div id="product-category-3-7" class="panel-collapse collapse  ">
1384                                                 <div class="panel-body" style="padding-left: 10px;">
1385                                                                                                             <!-- a -->
1386                                                         <a href="/doc/product/info/id/292.html" id="son-292" data-info-id="292" class="sidebar-three-a  ">Hardware Documents</a>
1387                                                                                                             <!-- a -->
1388                                                         <a href="/doc/product/info/id/293.html" id="son-293" data-info-id="293" class="sidebar-three-a  ">Interface Definition</a>
1389                                                                                                     </div>
1390                                             </div>
1391                                         </div>
1392                                                                             <!-- 2级li>.item  -->
1393                                         <div class="panel panel-default">
1394                                             <!--  a  -->
1395                                             <div class="panel-heading">
1396                                                 <!-- <h4 class="panel-title"> -->
1397                                                 <a data-toggle="collapse" data-parent="#sidebar-two-3" href="#product-category-3-11" class="sidebar-two-a collapsed ">
1398                                                         Other                                                        <b></b>
1399                                                     </a>
1400                                                 <!-- </h4> -->
1401                                             </div>
1402                                             <!-- ul -->
1403                                             <div id="product-category-3-11" class="panel-collapse collapse  ">
1404                                                 <div class="panel-body" style="padding-left: 10px;">
1405                                                                                                             <!-- a -->
1406                                                         <a href="/doc/product/info/id/294.html" id="son-294" data-info-id="294" class="sidebar-three-a  ">Uboot</a>
1407                                                                                                     </div>
1408                                             </div>
1409                                         </div>
1410                                                                     <!-- other -->
1411                                 <div class="panel panel-default">
1412                                     <div class="panel-heading">
1413                                         <a href="/doc/download/3.html" class="sidebar-two-a collapsed">Download
1414                                             </a>
1415                                     </div>
1416                                 </div>
1417                             </div>
1418                         </div>
1419                     </div>
1420
1421                 </div>
1422                                 <!-- 1级li>.item -->
1423                 <div class="panel panel-default">
1424                     <!-- a -->
1425                     <div class="panel-heading">
1426                         <h4 class="panel-title">
1427                             <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-4" class="sidebar-one-a">Firefly-RK3288</a> -->
1428                             <!-- <a href="/doc/product/index/id/4.html" class="sidebar-one-a">Firefly-RK3288</a> -->
1429                             <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>
1430                         </h4>
1431                     </div>
1432                     <!-- 2级ul -->
1433                     <div id="product-4" class="panel-collapse collapse   ">
1434                         <div class="panel-body">
1435                             <div class="panel-group panel-group-two" id="sidebar-two-4">
1436                                                                         <!-- 2级li>.item  -->
1437                                         <div class="panel panel-default">
1438                                             <!--  a  -->
1439                                             <div class="panel-heading">
1440                                                 <!-- <h4 class="panel-title"> -->
1441                                                 <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-1" class="sidebar-two-a collapsed ">
1442                                                         Quick Start                                                        <b></b>
1443                                                     </a>
1444                                                 <!-- </h4> -->
1445                                             </div>
1446                                             <!-- ul -->
1447                                             <div id="product-category-4-1" class="panel-collapse collapse  ">
1448                                                 <div class="panel-body" style="padding-left: 10px;">
1449                                                                                                             <!-- a -->
1450                                                         <a href="/doc/product/info/id/230.html" id="son-230" data-info-id="230" class="sidebar-three-a  ">Starter Guide</a>
1451                                                                                                             <!-- a -->
1452                                                         <a href="/doc/product/info/id/232.html" id="son-232" data-info-id="232" class="sidebar-three-a  ">Senial Debug</a>
1453                                                                                                             <!-- a -->
1454                                                         <a href="/doc/product/info/id/233.html" id="son-233" data-info-id="233" class="sidebar-three-a  ">Boot Mode</a>
1455                                                                                                             <!-- a -->
1456                                                         <a href="/doc/product/info/id/231.html" id="son-231" data-info-id="231" class="sidebar-three-a  ">Flash Image</a>
1457                                                                                                     </div>
1458                                             </div>
1459                                         </div>
1460                                                                             <!-- 2级li>.item  -->
1461                                         <div class="panel panel-default">
1462                                             <!--  a  -->
1463                                             <div class="panel-heading">
1464                                                 <!-- <h4 class="panel-title"> -->
1465                                                 <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-5" class="sidebar-two-a collapsed ">
1466                                                         Linux                                                        <b></b>
1467                                                     </a>
1468                                                 <!-- </h4> -->
1469                                             </div>
1470                                             <!-- ul -->
1471                                             <div id="product-category-4-5" class="panel-collapse collapse  ">
1472                                                 <div class="panel-body" style="padding-left: 10px;">
1473                                                                                                             <!-- a -->
1474                                                         <a href="/doc/product/info/id/253.html" id="son-253" data-info-id="253" class="sidebar-three-a  ">Build Kernel</a>
1475                                                                                                             <!-- a -->
1476                                                         <a href="/doc/product/info/id/255.html" id="son-255" data-info-id="255" class="sidebar-three-a  ">Build Ubuntu Rfs</a>
1477                                                                                                             <!-- a -->
1478                                                         <a href="/doc/product/info/id/254.html" id="son-254" data-info-id="254" class="sidebar-three-a  ">Mainline Kernel</a>
1479                                                                                                             <!-- a -->
1480                                                         <a href="/doc/product/info/id/256.html" id="son-256" data-info-id="256" class="sidebar-three-a  ">Ubuntu Server Note</a>
1481                                                                                                     </div>
1482                                             </div>
1483                                         </div>
1484                                                                             <!-- 2级li>.item  -->
1485                                         <div class="panel panel-default">
1486                                             <!--  a  -->
1487                                             <div class="panel-heading">
1488                                                 <!-- <h4 class="panel-title"> -->
1489                                                 <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-8" class="sidebar-two-a collapsed ">
1490                                                         Accessories                                                        <b></b>
1491                                                     </a>
1492                                                 <!-- </h4> -->
1493                                             </div>
1494                                             <!-- ul -->
1495                                             <div id="product-category-4-8" class="panel-collapse collapse  ">
1496                                                 <div class="panel-body" style="padding-left: 10px;">
1497                                                                                                             <!-- a -->
1498                                                         <a href="/doc/product/info/id/488.html" id="son-488" data-info-id="488" class="sidebar-three-a  ">Camera Module</a>
1499                                                                                                             <!-- a -->
1500                                                         <a href="/doc/product/info/id/234.html" id="son-234" data-info-id="234" class="sidebar-three-a  ">Cases</a>
1501                                                                                                             <!-- a -->
1502                                                         <a href="/doc/product/info/id/487.html" id="son-487" data-info-id="487" class="sidebar-three-a  ">Display Module</a>
1503                                                                                                             <!-- a -->
1504                                                         <a href="/doc/product/info/id/486.html" id="son-486" data-info-id="486" class="sidebar-three-a  ">Power Adapter</a>
1505                                                                                                             <!-- a -->
1506                                                         <a href="/doc/product/info/id/489.html" id="son-489" data-info-id="489" class="sidebar-three-a  ">Remote Control</a>
1507                                                                                                             <!-- a -->
1508                                                         <a href="/doc/product/info/id/490.html" id="son-490" data-info-id="490" class="sidebar-three-a  ">Serial port module</a>
1509                                                                                                             <!-- a -->
1510                                                         <a href="/doc/product/info/id/491.html" id="son-491" data-info-id="491" class="sidebar-three-a  ">Wireless module</a>
1511                                                                                                     </div>
1512                                             </div>
1513                                         </div>
1514                                                                             <!-- 2级li>.item  -->
1515                                         <div class="panel panel-default">
1516                                             <!--  a  -->
1517                                             <div class="panel-heading">
1518                                                 <!-- <h4 class="panel-title"> -->
1519                                                 <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-10" class="sidebar-two-a collapsed ">
1520                                                         Project                                                        <b></b>
1521                                                     </a>
1522                                                 <!-- </h4> -->
1523                                             </div>
1524                                             <!-- ul -->
1525                                             <div id="product-category-4-10" class="panel-collapse collapse  ">
1526                                                 <div class="panel-body" style="padding-left: 10px;">
1527                                                                                                             <!-- a -->
1528                                                         <a href="/doc/product/info/id/65.html" id="son-65" data-info-id="65" class="sidebar-three-a  ">GoRK3288 </a>
1529                                                                                                     </div>
1530                                             </div>
1531                                         </div>
1532                                                                             <!-- 2级li>.item  -->
1533                                         <div class="panel panel-default">
1534                                             <!--  a  -->
1535                                             <div class="panel-heading">
1536                                                 <!-- <h4 class="panel-title"> -->
1537                                                 <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-4" class="sidebar-two-a collapsed ">
1538                                                         Android                                                        <b></b>
1539                                                     </a>
1540                                                 <!-- </h4> -->
1541                                             </div>
1542                                             <!-- ul -->
1543                                             <div id="product-category-4-4" class="panel-collapse collapse  ">
1544                                                 <div class="panel-body" style="padding-left: 10px;">
1545                                                                                                             <!-- a -->
1546                                                         <a href="/doc/product/info/id/239.html" id="son-239" data-info-id="239" class="sidebar-three-a  ">ADB Usage</a>
1547                                                                                                             <!-- a -->
1548                                                         <a href="/doc/product/info/id/237.html" id="son-237" data-info-id="237" class="sidebar-three-a  ">Build Android 5.1</a>
1549                                                                                                             <!-- a -->
1550                                                         <a href="/doc/product/info/id/238.html" id="son-238" data-info-id="238" class="sidebar-three-a  ">Customize Firmware</a>
1551                                                                                                     </div>
1552                                             </div>
1553                                         </div>
1554                                                                             <!-- 2级li>.item  -->
1555                                         <div class="panel panel-default">
1556                                             <!--  a  -->
1557                                             <div class="panel-heading">
1558                                                 <!-- <h4 class="panel-title"> -->
1559                                                 <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-6" class="sidebar-two-a collapsed ">
1560                                                         Driver                                                        <b></b>
1561                                                     </a>
1562                                                 <!-- </h4> -->
1563                                             </div>
1564                                             <!-- ul -->
1565                                             <div id="product-category-4-6" class="panel-collapse collapse  ">
1566                                                 <div class="panel-body" style="padding-left: 10px;">
1567                                                                                                             <!-- a -->
1568                                                         <a href="/doc/product/info/id/241.html" id="son-241" data-info-id="241" class="sidebar-three-a  ">ADC</a>
1569                                                                                                             <!-- a -->
1570                                                         <a href="/doc/product/info/id/249.html" id="son-249" data-info-id="249" class="sidebar-three-a  ">DVP</a>
1571                                                                                                             <!-- a -->
1572                                                         <a href="/doc/product/info/id/242.html" id="son-242" data-info-id="242" class="sidebar-three-a  ">GPIO</a>
1573                                                                                                             <!-- a -->
1574                                                         <a href="/doc/product/info/id/243.html" id="son-243" data-info-id="243" class="sidebar-three-a  ">I2C</a>
1575                                                                                                             <!-- a -->
1576                                                         <a href="/doc/product/info/id/244.html" id="son-244" data-info-id="244" class="sidebar-three-a  ">IR</a>
1577                                                                                                             <!-- a -->
1578                                                         <a href="/doc/product/info/id/246.html" id="son-246" data-info-id="246" class="sidebar-three-a  ">LED</a>
1579                                                                                                             <!-- a -->
1580                                                         <a href="/doc/product/info/id/250.html" id="son-250" data-info-id="250" class="sidebar-three-a  ">MIPI CSI</a>
1581                                                                                                             <!-- a -->
1582                                                         <a href="/doc/product/info/id/251.html" id="son-251" data-info-id="251" class="sidebar-three-a  ">MIPI DSI</a>
1583                                                                                                             <!-- a -->
1584                                                         <a href="/doc/product/info/id/247.html" id="son-247" data-info-id="247" class="sidebar-three-a  ">PWM</a>
1585                                                                                                             <!-- a -->
1586                                                         <a href="/doc/product/info/id/245.html" id="son-245" data-info-id="245" class="sidebar-three-a  ">SPI</a>
1587                                                                                                             <!-- a -->
1588                                                         <a href="/doc/product/info/id/248.html" id="son-248" data-info-id="248" class="sidebar-three-a  ">UART</a>
1589                                                                                                     </div>
1590                                             </div>
1591                                         </div>
1592                                                                             <!-- 2级li>.item  -->
1593                                         <div class="panel panel-default">
1594                                             <!--  a  -->
1595                                             <div class="panel-heading">
1596                                                 <!-- <h4 class="panel-title"> -->
1597                                                 <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-9" class="sidebar-two-a collapsed ">
1598                                                         Documentation                                                        <b></b>
1599                                                     </a>
1600                                                 <!-- </h4> -->
1601                                             </div>
1602                                             <!-- ul -->
1603                                             <div id="product-category-4-9" class="panel-collapse collapse  ">
1604                                                 <div class="panel-body" style="padding-left: 10px;">
1605                                                                                                             <!-- a -->
1606                                                         <a href="/doc/product/info/id/252.html" id="son-252" data-info-id="252" class="sidebar-three-a  "> RK3288 Technical Reference Manual</a>
1607                                                                                                     </div>
1608                                             </div>
1609                                         </div>
1610                                                                             <!-- 2级li>.item  -->
1611                                         <div class="panel panel-default">
1612                                             <!--  a  -->
1613                                             <div class="panel-heading">
1614                                                 <!-- <h4 class="panel-title"> -->
1615                                                 <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-7" class="sidebar-two-a collapsed ">
1616                                                         Hardware                                                        <b></b>
1617                                                     </a>
1618                                                 <!-- </h4> -->
1619                                             </div>
1620                                             <!-- ul -->
1621                                             <div id="product-category-4-7" class="panel-collapse collapse  ">
1622                                                 <div class="panel-body" style="padding-left: 10px;">
1623                                                                                                             <!-- a -->
1624                                                         <a href="/doc/product/info/id/258.html" id="son-258" data-info-id="258" class="sidebar-three-a  ">Hardware Documents</a>
1625                                                                                                             <!-- a -->
1626                                                         <a href="/doc/product/info/id/260.html" id="son-260" data-info-id="260" class="sidebar-three-a  ">Interface Definition</a>
1627                                                                                                             <!-- a -->
1628                                                         <a href="/doc/product/info/id/259.html" id="son-259" data-info-id="259" class="sidebar-three-a  ">Version Introduction</a>
1629                                                                                                     </div>
1630                                             </div>
1631                                         </div>
1632                                                                             <!-- 2级li>.item  -->
1633                                         <div class="panel panel-default">
1634                                             <!--  a  -->
1635                                             <div class="panel-heading">
1636                                                 <!-- <h4 class="panel-title"> -->
1637                                                 <a data-toggle="collapse" data-parent="#sidebar-two-4" href="#product-category-4-11" class="sidebar-two-a collapsed ">
1638                                                         Other                                                        <b></b>
1639                                                     </a>
1640                                                 <!-- </h4> -->
1641                                             </div>
1642                                             <!-- ul -->
1643                                             <div id="product-category-4-11" class="panel-collapse collapse  ">
1644                                                 <div class="panel-body" style="padding-left: 10px;">
1645                                                                                                             <!-- a -->
1646                                                         <a href="/doc/product/info/id/261.html" id="son-261" data-info-id="261" class="sidebar-three-a  ">Uboot</a>
1647                                                                                                     </div>
1648                                             </div>
1649                                         </div>
1650                                                                     <!-- other -->
1651                                 <div class="panel panel-default">
1652                                     <div class="panel-heading">
1653                                         <a href="/doc/download/4.html" class="sidebar-two-a collapsed">Download
1654                                             </a>
1655                                     </div>
1656                                 </div>
1657                             </div>
1658                         </div>
1659                     </div>
1660
1661                 </div>
1662                                 <!-- 1级li>.item -->
1663                 <div class="panel panel-default">
1664                     <!-- a -->
1665                     <div class="panel-heading">
1666                         <h4 class="panel-title">
1667                             <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-6" class="sidebar-one-a">Firefly-RK3128</a> -->
1668                             <!-- <a href="/doc/product/index/id/6.html" class="sidebar-one-a">Firefly-RK3128</a> -->
1669                             <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>
1670                         </h4>
1671                     </div>
1672                     <!-- 2级ul -->
1673                     <div id="product-6" class="panel-collapse collapse   ">
1674                         <div class="panel-body">
1675                             <div class="panel-group panel-group-two" id="sidebar-two-6">
1676                                                                         <!-- 2级li>.item  -->
1677                                         <div class="panel panel-default">
1678                                             <!--  a  -->
1679                                             <div class="panel-heading">
1680                                                 <!-- <h4 class="panel-title"> -->
1681                                                 <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-1" class="sidebar-two-a collapsed ">
1682                                                         Quick Start                                                        <b></b>
1683                                                     </a>
1684                                                 <!-- </h4> -->
1685                                             </div>
1686                                             <!-- ul -->
1687                                             <div id="product-category-6-1" class="panel-collapse collapse  ">
1688                                                 <div class="panel-body" style="padding-left: 10px;">
1689                                                                                                             <!-- a -->
1690                                                         <a href="/doc/product/info/id/298.html" id="son-298" data-info-id="298" class="sidebar-three-a  ">Boot Mode</a>
1691                                                                                                             <!-- a -->
1692                                                         <a href="/doc/product/info/id/296.html" id="son-296" data-info-id="296" class="sidebar-three-a  ">Flash Image</a>
1693                                                                                                             <!-- a -->
1694                                                         <a href="/doc/product/info/id/297.html" id="son-297" data-info-id="297" class="sidebar-three-a  ">Serial Debug</a>
1695                                                                                                             <!-- a -->
1696                                                         <a href="/doc/product/info/id/295.html" id="son-295" data-info-id="295" class="sidebar-three-a  ">Starter Guide</a>
1697                                                                                                     </div>
1698                                             </div>
1699                                         </div>
1700                                                                             <!-- 2级li>.item  -->
1701                                         <div class="panel panel-default">
1702                                             <!--  a  -->
1703                                             <div class="panel-heading">
1704                                                 <!-- <h4 class="panel-title"> -->
1705                                                 <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-5" class="sidebar-two-a collapsed ">
1706                                                         Linux                                                        <b></b>
1707                                                     </a>
1708                                                 <!-- </h4> -->
1709                                             </div>
1710                                             <!-- ul -->
1711                                             <div id="product-category-6-5" class="panel-collapse collapse  ">
1712                                                 <div class="panel-body" style="padding-left: 10px;">
1713                                                                                                             <!-- a -->
1714                                                         <a href="/doc/product/info/id/315.html" id="son-315" data-info-id="315" class="sidebar-three-a  ">Build Kernel</a>
1715                                                                                                             <!-- a -->
1716                                                         <a href="/doc/product/info/id/316.html" id="son-316" data-info-id="316" class="sidebar-three-a  ">Build Ubuntu Rfs</a>
1717                                                                                                             <!-- a -->
1718                                                         <a href="/doc/product/info/id/317.html" id="son-317" data-info-id="317" class="sidebar-three-a  ">Ubuntu Server Note</a>
1719                                                                                                     </div>
1720                                             </div>
1721                                         </div>
1722                                                                             <!-- 2级li>.item  -->
1723                                         <div class="panel panel-default">
1724                                             <!--  a  -->
1725                                             <div class="panel-heading">
1726                                                 <!-- <h4 class="panel-title"> -->
1727                                                 <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-8" class="sidebar-two-a collapsed ">
1728                                                         Accessories                                                        <b></b>
1729                                                     </a>
1730                                                 <!-- </h4> -->
1731                                             </div>
1732                                             <!-- ul -->
1733                                             <div id="product-category-6-8" class="panel-collapse collapse  ">
1734                                                 <div class="panel-body" style="padding-left: 10px;">
1735                                                                                                             <!-- a -->
1736                                                         <a href="/doc/product/info/id/299.html" id="son-299" data-info-id="299" class="sidebar-three-a  ">Cases</a>
1737                                                                                                             <!-- a -->
1738                                                         <a href="/doc/product/info/id/300.html" id="son-300" data-info-id="300" class="sidebar-three-a  ">Peripherals</a>
1739                                                                                                     </div>
1740                                             </div>
1741                                         </div>
1742                                                                             <!-- 2级li>.item  -->
1743                                         <div class="panel panel-default">
1744                                             <!--  a  -->
1745                                             <div class="panel-heading">
1746                                                 <!-- <h4 class="panel-title"> -->
1747                                                 <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-4" class="sidebar-two-a collapsed ">
1748                                                         Android                                                        <b></b>
1749                                                     </a>
1750                                                 <!-- </h4> -->
1751                                             </div>
1752                                             <!-- ul -->
1753                                             <div id="product-category-6-4" class="panel-collapse collapse  ">
1754                                                 <div class="panel-body" style="padding-left: 10px;">
1755                                                                                                             <!-- a -->
1756                                                         <a href="/doc/product/info/id/303.html" id="son-303" data-info-id="303" class="sidebar-three-a  ">ADB Usage</a>
1757                                                                                                             <!-- a -->
1758                                                         <a href="/doc/product/info/id/301.html" id="son-301" data-info-id="301" class="sidebar-three-a  ">Build Android</a>
1759                                                                                                             <!-- a -->
1760                                                         <a href="/doc/product/info/id/302.html" id="son-302" data-info-id="302" class="sidebar-three-a  ">Customize Firmware</a>
1761                                                                                                     </div>
1762                                             </div>
1763                                         </div>
1764                                                                             <!-- 2级li>.item  -->
1765                                         <div class="panel panel-default">
1766                                             <!--  a  -->
1767                                             <div class="panel-heading">
1768                                                 <!-- <h4 class="panel-title"> -->
1769                                                 <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-6" class="sidebar-two-a collapsed ">
1770                                                         Driver                                                        <b></b>
1771                                                     </a>
1772                                                 <!-- </h4> -->
1773                                             </div>
1774                                             <!-- ul -->
1775                                             <div id="product-category-6-6" class="panel-collapse collapse  ">
1776                                                 <div class="panel-body" style="padding-left: 10px;">
1777                                                                                                             <!-- a -->
1778                                                         <a href="/doc/product/info/id/304.html" id="son-304" data-info-id="304" class="sidebar-three-a  ">ADC</a>
1779                                                                                                             <!-- a -->
1780                                                         <a href="/doc/product/info/id/312.html" id="son-312" data-info-id="312" class="sidebar-three-a  ">Camera</a>
1781                                                                                                             <!-- a -->
1782                                                         <a href="/doc/product/info/id/305.html" id="son-305" data-info-id="305" class="sidebar-three-a  ">GPIO</a>
1783                                                                                                             <!-- a -->
1784                                                         <a href="/doc/product/info/id/306.html" id="son-306" data-info-id="306" class="sidebar-three-a  ">I2C</a>
1785                                                                                                             <!-- a -->
1786                                                         <a href="/doc/product/info/id/307.html" id="son-307" data-info-id="307" class="sidebar-three-a  ">IR</a>
1787                                                                                                             <!-- a -->
1788                                                         <a href="/doc/product/info/id/309.html" id="son-309" data-info-id="309" class="sidebar-three-a  ">LED</a>
1789                                                                                                             <!-- a -->
1790                                                         <a href="/doc/product/info/id/313.html" id="son-313" data-info-id="313" class="sidebar-three-a  ">MIPI DSI</a>
1791                                                                                                             <!-- a -->
1792                                                         <a href="/doc/product/info/id/310.html" id="son-310" data-info-id="310" class="sidebar-three-a  ">PWM</a>
1793                                                                                                             <!-- a -->
1794                                                         <a href="/doc/product/info/id/308.html" id="son-308" data-info-id="308" class="sidebar-three-a  ">SPI</a>
1795                                                                                                             <!-- a -->
1796                                                         <a href="/doc/product/info/id/311.html" id="son-311" data-info-id="311" class="sidebar-three-a  ">UART</a>
1797                                                                                                     </div>
1798                                             </div>
1799                                         </div>
1800                                                                             <!-- 2级li>.item  -->
1801                                         <div class="panel panel-default">
1802                                             <!--  a  -->
1803                                             <div class="panel-heading">
1804                                                 <!-- <h4 class="panel-title"> -->
1805                                                 <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-9" class="sidebar-two-a collapsed ">
1806                                                         Documentation                                                        <b></b>
1807                                                     </a>
1808                                                 <!-- </h4> -->
1809                                             </div>
1810                                             <!-- ul -->
1811                                             <div id="product-category-6-9" class="panel-collapse collapse  ">
1812                                                 <div class="panel-body" style="padding-left: 10px;">
1813                                                                                                             <!-- a -->
1814                                                         <a href="/doc/product/info/id/314.html" id="son-314" data-info-id="314" class="sidebar-three-a  "> RK3128 Technical Reference Manual</a>
1815                                                                                                     </div>
1816                                             </div>
1817                                         </div>
1818                                                                             <!-- 2级li>.item  -->
1819                                         <div class="panel panel-default">
1820                                             <!--  a  -->
1821                                             <div class="panel-heading">
1822                                                 <!-- <h4 class="panel-title"> -->
1823                                                 <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-7" class="sidebar-two-a collapsed ">
1824                                                         Hardware                                                        <b></b>
1825                                                     </a>
1826                                                 <!-- </h4> -->
1827                                             </div>
1828                                             <!-- ul -->
1829                                             <div id="product-category-6-7" class="panel-collapse collapse  ">
1830                                                 <div class="panel-body" style="padding-left: 10px;">
1831                                                                                                             <!-- a -->
1832                                                         <a href="/doc/product/info/id/318.html" id="son-318" data-info-id="318" class="sidebar-three-a  ">Hardware Documents</a>
1833                                                                                                             <!-- a -->
1834                                                         <a href="/doc/product/info/id/319.html" id="son-319" data-info-id="319" class="sidebar-three-a  ">Interface Definition</a>
1835                                                                                                     </div>
1836                                             </div>
1837                                         </div>
1838                                                                             <!-- 2级li>.item  -->
1839                                         <div class="panel panel-default">
1840                                             <!--  a  -->
1841                                             <div class="panel-heading">
1842                                                 <!-- <h4 class="panel-title"> -->
1843                                                 <a data-toggle="collapse" data-parent="#sidebar-two-6" href="#product-category-6-11" class="sidebar-two-a collapsed ">
1844                                                         Other                                                        <b></b>
1845                                                     </a>
1846                                                 <!-- </h4> -->
1847                                             </div>
1848                                             <!-- ul -->
1849                                             <div id="product-category-6-11" class="panel-collapse collapse  ">
1850                                                 <div class="panel-body" style="padding-left: 10px;">
1851                                                                                                             <!-- a -->
1852                                                         <a href="/doc/product/info/id/320.html" id="son-320" data-info-id="320" class="sidebar-three-a  ">U-Boot</a>
1853                                                                                                     </div>
1854                                             </div>
1855                                         </div>
1856                                                                     <!-- other -->
1857                                 <div class="panel panel-default">
1858                                     <div class="panel-heading">
1859                                         <a href="/doc/download/6.html" class="sidebar-two-a collapsed">Download
1860                                             </a>
1861                                     </div>
1862                                 </div>
1863                             </div>
1864                         </div>
1865                     </div>
1866
1867                 </div>
1868                                 <!-- 1级li>.item -->
1869                 <div class="panel panel-default">
1870                     <!-- a -->
1871                     <div class="panel-heading">
1872                         <h4 class="panel-title">
1873                             <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-7" class="sidebar-one-a">Fireduino</a> -->
1874                             <!-- <a href="/doc/product/index/id/7.html" class="sidebar-one-a">Fireduino</a> -->
1875                             <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>
1876                         </h4>
1877                     </div>
1878                     <!-- 2级ul -->
1879                     <div id="product-7" class="panel-collapse collapse   ">
1880                         <div class="panel-body">
1881                             <div class="panel-group panel-group-two" id="sidebar-two-7">
1882                                                                         <!-- 2级li>.item  -->
1883                                         <div class="panel panel-default">
1884                                             <!--  a  -->
1885                                             <div class="panel-heading">
1886                                                 <!-- <h4 class="panel-title"> -->
1887                                                 <a data-toggle="collapse" data-parent="#sidebar-two-7" href="#product-category-7-13" class="sidebar-two-a collapsed ">
1888                                                         Quick Start                                                        <b></b>
1889                                                     </a>
1890                                                 <!-- </h4> -->
1891                                             </div>
1892                                             <!-- ul -->
1893                                             <div id="product-category-7-13" class="panel-collapse collapse  ">
1894                                                 <div class="panel-body" style="padding-left: 10px;">
1895                                                                                                             <!-- a -->
1896                                                         <a href="/doc/product/info/id/326.html" id="son-326" data-info-id="326" class="sidebar-three-a  ">Common error &amp; Current Limit</a>
1897                                                                                                             <!-- a -->
1898                                                         <a href="/doc/product/info/id/322.html" id="son-322" data-info-id="322" class="sidebar-three-a  ">Install Fireduino Driver</a>
1899                                                                                                             <!-- a -->
1900                                                         <a href="/doc/product/info/id/321.html" id="son-321" data-info-id="321" class="sidebar-three-a  ">Introduce Fireduino</a>
1901                                                                                                             <!-- a -->
1902                                                         <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>
1903                                                                                                             <!-- a -->
1904                                                         <a href="/doc/product/info/id/325.html" id="son-325" data-info-id="325" class="sidebar-three-a  ">Update &amp; support of Fireduino SDK</a>
1905                                                                                                             <!-- a -->
1906                                                         <a href="/doc/product/info/id/324.html" id="son-324" data-info-id="324" class="sidebar-three-a  ">Upgrade Firmware</a>
1907                                                                                                     </div>
1908                                             </div>
1909                                         </div>
1910                                                                             <!-- 2级li>.item  -->
1911                                         <div class="panel panel-default">
1912                                             <!--  a  -->
1913                                             <div class="panel-heading">
1914                                                 <!-- <h4 class="panel-title"> -->
1915                                                 <a data-toggle="collapse" data-parent="#sidebar-two-7" href="#product-category-7-16" class="sidebar-two-a collapsed ">
1916                                                         Open Source                                                        <b></b>
1917                                                     </a>
1918                                                 <!-- </h4> -->
1919                                             </div>
1920                                             <!-- ul -->
1921                                             <div id="product-category-7-16" class="panel-collapse collapse  ">
1922                                                 <div class="panel-body" style="padding-left: 10px;">
1923                                                                                                             <!-- a -->
1924                                                         <a href="/doc/product/info/id/331.html" id="son-331" data-info-id="331" class="sidebar-three-a  ">Accessories</a>
1925                                                                                                             <!-- a -->
1926                                                         <a href="/doc/product/info/id/328.html" id="son-328" data-info-id="328" class="sidebar-three-a  ">Code</a>
1927                                                                                                             <!-- a -->
1928                                                         <a href="/doc/product/info/id/330.html" id="son-330" data-info-id="330" class="sidebar-three-a  ">Communicaty</a>
1929                                                                                                             <!-- a -->
1930                                                         <a href="/doc/product/info/id/327.html" id="son-327" data-info-id="327" class="sidebar-three-a  ">Hardware</a>
1931                                                                                                             <!-- a -->
1932                                                         <a href="/doc/product/info/id/329.html" id="son-329" data-info-id="329" class="sidebar-three-a  ">Tools</a>
1933                                                                                                     </div>
1934                                             </div>
1935                                         </div>
1936                                                                             <!-- 2级li>.item  -->
1937                                         <div class="panel panel-default">
1938                                             <!--  a  -->
1939                                             <div class="panel-heading">
1940                                                 <!-- <h4 class="panel-title"> -->
1941                                                 <a data-toggle="collapse" data-parent="#sidebar-two-7" href="#product-category-7-17" class="sidebar-two-a collapsed ">
1942                                                          Advanced                                                        <b></b>
1943                                                     </a>
1944                                                 <!-- </h4> -->
1945                                             </div>
1946                                             <!-- ul -->
1947                                             <div id="product-category-7-17" class="panel-collapse collapse  ">
1948                                                 <div class="panel-body" style="padding-left: 10px;">
1949                                                                                                             <!-- a -->
1950                                                         <a href="/doc/product/info/id/337.html" id="son-337" data-info-id="337" class="sidebar-three-a  ">Audio Hi-Fi player</a>
1951                                                                                                             <!-- a -->
1952                                                         <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>
1953                                                                                                             <!-- a -->
1954                                                         <a href="/doc/product/info/id/336.html" id="son-336" data-info-id="336" class="sidebar-three-a  ">Audio play music online</a>
1955                                                                                                             <!-- a -->
1956                                                         <a href="/doc/product/info/id/332.html" id="son-332" data-info-id="332" class="sidebar-three-a  ">TFT display char</a>
1957                                                                                                             <!-- a -->
1958                                                         <a href="/doc/product/info/id/333.html" id="son-333" data-info-id="333" class="sidebar-three-a  ">TFT display picture</a>
1959                                                                                                             <!-- a -->
1960                                                         <a href="/doc/product/info/id/334.html" id="son-334" data-info-id="334" class="sidebar-three-a  ">TFT general draw</a>
1961                                                                                                     </div>
1962                                             </div>
1963                                         </div>
1964                                                                             <!-- 2级li>.item  -->
1965                                         <div class="panel panel-default">
1966                                             <!--  a  -->
1967                                             <div class="panel-heading">
1968                                                 <!-- <h4 class="panel-title"> -->
1969                                                 <a data-toggle="collapse" data-parent="#sidebar-two-7" href="#product-category-7-18" class="sidebar-two-a collapsed ">
1970                                                         IoT                                                        <b></b>
1971                                                     </a>
1972                                                 <!-- </h4> -->
1973                                             </div>
1974                                             <!-- ul -->
1975                                             <div id="product-category-7-18" class="panel-collapse collapse  ">
1976                                                 <div class="panel-body" style="padding-left: 10px;">
1977                                                                                                             <!-- a -->
1978                                                         <a href="/doc/product/info/id/198.html" id="son-198" data-info-id="198" class="sidebar-three-a  ">IOT Demo</a>
1979                                                                                                             <!-- a -->
1980                                                         <a href="/doc/product/info/id/195.html" id="son-195" data-info-id="195" class="sidebar-three-a  ">WiFi Client</a>
1981                                                                                                             <!-- a -->
1982                                                         <a href="/doc/product/info/id/340.html" id="son-340" data-info-id="340" class="sidebar-three-a  ">WiFi communication</a>
1983                                                                                                             <!-- a -->
1984                                                         <a href="/doc/product/info/id/338.html" id="son-338" data-info-id="338" class="sidebar-three-a  ">WiFi Introduction  </a>
1985                                                                                                             <!-- a -->
1986                                                         <a href="/doc/product/info/id/339.html" id="son-339" data-info-id="339" class="sidebar-three-a  ">WiFi network configure</a>
1987                                                                                                             <!-- a -->
1988                                                         <a href="/doc/product/info/id/196.html" id="son-196" data-info-id="196" class="sidebar-three-a  ">WiFi Server</a>
1989                                                                                                             <!-- a -->
1990                                                         <a href="/doc/product/info/id/197.html" id="son-197" data-info-id="197" class="sidebar-three-a  ">WiFi UDP</a>
1991                                                                                                     </div>
1992                                             </div>
1993                                         </div>
1994                                                                             <!-- 2级li>.item  -->
1995                                         <div class="panel panel-default">
1996                                             <!--  a  -->
1997                                             <div class="panel-heading">
1998                                                 <!-- <h4 class="panel-title"> -->
1999                                                 <a data-toggle="collapse" data-parent="#sidebar-two-7" href="#product-category-7-19" class="sidebar-two-a collapsed ">
2000                                                         Graphical                                                        <b></b>
2001                                                     </a>
2002                                                 <!-- </h4> -->
2003                                             </div>
2004                                             <!-- ul -->
2005                                             <div id="product-category-7-19" class="panel-collapse collapse  ">
2006                                                 <div class="panel-body" style="padding-left: 10px;">
2007                                                                                                             <!-- a -->
2008                                                         <a href="/doc/product/info/id/346.html" id="son-346" data-info-id="346" class="sidebar-three-a  ">Build Your Own Block</a>
2009                                                                                                             <!-- a -->
2010                                                         <a href="/doc/product/info/id/345.html" id="son-345" data-info-id="345" class="sidebar-three-a  ">FireBlock Audio</a>
2011                                                                                                             <!-- a -->
2012                                                         <a href="/doc/product/info/id/343.html" id="son-343" data-info-id="343" class="sidebar-three-a  ">FireBlock Meets  Fireduino</a>
2013                                                                                                             <!-- a -->
2014                                                         <a href="/doc/product/info/id/342.html" id="son-342" data-info-id="342" class="sidebar-three-a  ">FireBlock Quickstart</a>
2015                                                                                                             <!-- a -->
2016                                                         <a href="/doc/product/info/id/344.html" id="son-344" data-info-id="344" class="sidebar-three-a  ">FireBlock's First Project</a>
2017                                                                                                             <!-- a -->
2018                                                         <a href="/doc/product/info/id/341.html" id="son-341" data-info-id="341" class="sidebar-three-a  ">Scratch Introduction</a>
2019                                                                                                     </div>
2020                                             </div>
2021                                         </div>
2022                                                                             <!-- 2级li>.item  -->
2023                                         <div class="panel panel-default">
2024                                             <!--  a  -->
2025                                             <div class="panel-heading">
2026                                                 <!-- <h4 class="panel-title"> -->
2027                                                 <a data-toggle="collapse" data-parent="#sidebar-two-7" href="#product-category-7-20" class="sidebar-two-a collapsed ">
2028                                                         Examples                                                        <b></b>
2029                                                     </a>
2030                                                 <!-- </h4> -->
2031                                             </div>
2032                                             <!-- ul -->
2033                                             <div id="product-category-7-20" class="panel-collapse collapse  ">
2034                                                 <div class="panel-body" style="padding-left: 10px;">
2035                                                                                                             <!-- a -->
2036                                                         <a href="/doc/product/info/id/348.html" id="son-348" data-info-id="348" class="sidebar-three-a  ">FireDuino Timer</a>
2037                                                                                                             <!-- a -->
2038                                                         <a href="/doc/product/info/id/347.html" id="son-347" data-info-id="347" class="sidebar-three-a  ">Network calendar</a>
2039                                                                                                             <!-- a -->
2040                                                         <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>
2041                                                                                                             <!-- a -->
2042                                                         <a href="/doc/product/info/id/349.html" id="son-349" data-info-id="349" class="sidebar-three-a  ">Temperature and humidty collector</a>
2043                                                                                                     </div>
2044                                             </div>
2045                                         </div>
2046                                                                             <!-- 2级li>.item  -->
2047                                         <div class="panel panel-default">
2048                                             <!--  a  -->
2049                                             <div class="panel-heading">
2050                                                 <!-- <h4 class="panel-title"> -->
2051                                                 <a data-toggle="collapse" data-parent="#sidebar-two-7" href="#product-category-7-15" class="sidebar-two-a collapsed ">
2052                                                         Base                                                        <b></b>
2053                                                     </a>
2054                                                 <!-- </h4> -->
2055                                             </div>
2056                                             <!-- ul -->
2057                                             <div id="product-category-7-15" class="panel-collapse collapse  ">
2058                                                 <div class="panel-body" style="padding-left: 10px;">
2059                                                                                                             <!-- a -->
2060                                                         <a href="/doc/product/info/id/168.html" id="son-168" data-info-id="168" class="sidebar-three-a  ">Advanced I/O</a>
2061                                                                                                             <!-- a -->
2062                                                         <a href="/doc/product/info/id/173.html" id="son-173" data-info-id="173" class="sidebar-three-a  ">Analog I/O</a>
2063                                                                                                             <!-- a -->
2064                                                         <a href="/doc/product/info/id/177.html" id="son-177" data-info-id="177" class="sidebar-three-a  ">Audio</a>
2065                                                                                                             <!-- a -->
2066                                                         <a href="/doc/product/info/id/167.html" id="son-167" data-info-id="167" class="sidebar-three-a  ">Digital I/O</a>
2067                                                                                                             <!-- a -->
2068                                                         <a href="/doc/product/info/id/174.html" id="son-174" data-info-id="174" class="sidebar-three-a  ">Interrupts</a>
2069                                                                                                             <!-- a -->
2070                                                         <a href="/doc/product/info/id/171.html" id="son-171" data-info-id="171" class="sidebar-three-a  ">RTC</a>
2071                                                                                                             <!-- a -->
2072                                                         <a href="/doc/product/info/id/175.html" id="son-175" data-info-id="175" class="sidebar-three-a  ">Servo</a>
2073                                                                                                             <!-- a -->
2074                                                         <a href="/doc/product/info/id/170.html" id="son-170" data-info-id="170" class="sidebar-three-a  ">Spi</a>
2075                                                                                                             <!-- a -->
2076                                                         <a href="/doc/product/info/id/172.html" id="son-172" data-info-id="172" class="sidebar-three-a  ">TF</a>
2077                                                                                                             <!-- a -->
2078                                                         <a href="/doc/product/info/id/176.html" id="son-176" data-info-id="176" class="sidebar-three-a  ">TFT</a>
2079                                                                                                             <!-- a -->
2080                                                         <a href="/doc/product/info/id/178.html" id="son-178" data-info-id="178" class="sidebar-three-a  ">WiFi</a>
2081                                                                                                             <!-- a -->
2082                                                         <a href="/doc/product/info/id/169.html" id="son-169" data-info-id="169" class="sidebar-three-a  ">Wire</a>
2083                                                                                                     </div>
2084                                             </div>
2085                                         </div>
2086                                                                     <!-- other -->
2087                                 <div class="panel panel-default">
2088                                     <div class="panel-heading">
2089                                         <a href="/doc/download/7.html" class="sidebar-two-a collapsed">Download
2090                                             </a>
2091                                     </div>
2092                                 </div>
2093                             </div>
2094                         </div>
2095                     </div>
2096
2097                 </div>
2098                                 <!-- 1级li>.item -->
2099                 <div class="panel panel-default">
2100                     <!-- a -->
2101                     <div class="panel-heading">
2102                         <h4 class="panel-title">
2103                             <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-14" class="sidebar-one-a">FireBLE</a> -->
2104                             <!-- <a href="/doc/product/index/id/14.html" class="sidebar-one-a">FireBLE</a> -->
2105                             <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>
2106                         </h4>
2107                     </div>
2108                     <!-- 2级ul -->
2109                     <div id="product-14" class="panel-collapse collapse   ">
2110                         <div class="panel-body">
2111                             <div class="panel-group panel-group-two" id="sidebar-two-14">
2112                                                                         <!-- 2级li>.item  -->
2113                                         <div class="panel panel-default">
2114                                             <!--  a  -->
2115                                             <div class="panel-heading">
2116                                                 <!-- <h4 class="panel-title"> -->
2117                                                 <a data-toggle="collapse" data-parent="#sidebar-two-14" href="#product-category-14-1" class="sidebar-two-a collapsed ">
2118                                                         Quick Start                                                        <b></b>
2119                                                     </a>
2120                                                 <!-- </h4> -->
2121                                             </div>
2122                                             <!-- ul -->
2123                                             <div id="product-category-14-1" class="panel-collapse collapse  ">
2124                                                 <div class="panel-body" style="padding-left: 10px;">
2125                                                                                                             <!-- a -->
2126                                                         <a href="/doc/product/info/id/352.html" id="son-352" data-info-id="352" class="sidebar-three-a  ">Build development environment</a>
2127                                                                                                             <!-- a -->
2128                                                         <a href="/doc/product/info/id/354.html" id="son-354" data-info-id="354" class="sidebar-three-a  ">Serial debug</a>
2129                                                                                                             <!-- a -->
2130                                                         <a href="/doc/product/info/id/353.html" id="son-353" data-info-id="353" class="sidebar-three-a  ">Source code port</a>
2131                                                                                                             <!-- a -->
2132                                                         <a href="/doc/product/info/id/351.html" id="son-351" data-info-id="351" class="sidebar-three-a  ">Starter guide</a>
2133                                                                                                     </div>
2134                                             </div>
2135                                         </div>
2136                                                                             <!-- 2级li>.item  -->
2137                                         <div class="panel panel-default">
2138                                             <!--  a  -->
2139                                             <div class="panel-heading">
2140                                                 <!-- <h4 class="panel-title"> -->
2141                                                 <a data-toggle="collapse" data-parent="#sidebar-two-14" href="#product-category-14-10" class="sidebar-two-a collapsed ">
2142                                                         Project                                                        <b></b>
2143                                                     </a>
2144                                                 <!-- </h4> -->
2145                                             </div>
2146                                             <!-- ul -->
2147                                             <div id="product-category-14-10" class="panel-collapse collapse  ">
2148                                                 <div class="panel-body" style="padding-left: 10px;">
2149                                                                                                             <!-- a -->
2150                                                         <a href="/doc/product/info/id/377.html" id="son-377" data-info-id="377" class="sidebar-three-a  ">key fob</a>
2151                                                                                                     </div>
2152                                             </div>
2153                                         </div>
2154                                                                             <!-- 2级li>.item  -->
2155                                         <div class="panel panel-default">
2156                                             <!--  a  -->
2157                                             <div class="panel-heading">
2158                                                 <!-- <h4 class="panel-title"> -->
2159                                                 <a data-toggle="collapse" data-parent="#sidebar-two-14" href="#product-category-14-22" class="sidebar-two-a collapsed ">
2160                                                         Learn BLE                                                        <b></b>
2161                                                     </a>
2162                                                 <!-- </h4> -->
2163                                             </div>
2164                                             <!-- ul -->
2165                                             <div id="product-category-14-22" class="panel-collapse collapse  ">
2166                                                 <div class="panel-body" style="padding-left: 10px;">
2167                                                                                                             <!-- a -->
2168                                                         <a href="/doc/product/info/id/359.html" id="son-359" data-info-id="359" class="sidebar-three-a  ">battery server profile</a>
2169                                                                                                             <!-- a -->
2170                                                         <a href="/doc/product/info/id/355.html" id="son-355" data-info-id="355" class="sidebar-three-a  ">Kernel</a>
2171                                                                                                             <!-- a -->
2172                                                         <a href="/doc/product/info/id/357.html" id="son-357" data-info-id="357" class="sidebar-three-a  ">Light Blue</a>
2173                                                                                                             <!-- a -->
2174                                                         <a href="/doc/product/info/id/360.html" id="son-360" data-info-id="360" class="sidebar-three-a  ">OTA updata profile</a>
2175                                                                                                             <!-- a -->
2176                                                         <a href="/doc/product/info/id/356.html" id="son-356" data-info-id="356" class="sidebar-three-a  ">protocol stack</a>
2177                                                                                                             <!-- a -->
2178                                                         <a href="/doc/product/info/id/358.html" id="son-358" data-info-id="358" class="sidebar-three-a  ">Proximity Reportor profile</a>
2179                                                                                                             <!-- a -->
2180                                                         <a href="/doc/product/info/id/361.html" id="son-361" data-info-id="361" class="sidebar-three-a  ">QPPS profile</a>
2181                                                                                                     </div>
2182                                             </div>
2183                                         </div>
2184                                                                             <!-- 2级li>.item  -->
2185                                         <div class="panel panel-default">
2186                                             <!--  a  -->
2187                                             <div class="panel-heading">
2188                                                 <!-- <h4 class="panel-title"> -->
2189                                                 <a data-toggle="collapse" data-parent="#sidebar-two-14" href="#product-category-14-6" class="sidebar-two-a collapsed ">
2190                                                         Driver                                                        <b></b>
2191                                                     </a>
2192                                                 <!-- </h4> -->
2193                                             </div>
2194                                             <!-- ul -->
2195                                             <div id="product-category-14-6" class="panel-collapse collapse  ">
2196                                                 <div class="panel-body" style="padding-left: 10px;">
2197                                                                                                             <!-- a -->
2198                                                         <a href="/doc/product/info/id/366.html" id="son-366" data-info-id="366" class="sidebar-three-a  ">ADC</a>
2199                                                                                                             <!-- a -->
2200                                                         <a href="/doc/product/info/id/363.html" id="son-363" data-info-id="363" class="sidebar-three-a  ">GPIO</a>
2201                                                                                                             <!-- a -->
2202                                                         <a href="/doc/product/info/id/362.html" id="son-362" data-info-id="362" class="sidebar-three-a  ">GPIO Configure</a>
2203                                                                                                             <!-- a -->
2204                                                         <a href="/doc/product/info/id/367.html" id="son-367" data-info-id="367" class="sidebar-three-a  ">I2C</a>
2205                                                                                                             <!-- a -->
2206                                                         <a href="/doc/product/info/id/368.html" id="son-368" data-info-id="368" class="sidebar-three-a  ">PWM</a>
2207                                                                                                             <!-- a -->
2208                                                         <a href="/doc/product/info/id/365.html" id="son-365" data-info-id="365" class="sidebar-three-a  ">SPI</a>
2209                                                                                                             <!-- a -->
2210                                                         <a href="/doc/product/info/id/369.html" id="son-369" data-info-id="369" class="sidebar-three-a  ">TIMER</a>
2211                                                                                                             <!-- a -->
2212                                                         <a href="/doc/product/info/id/364.html" id="son-364" data-info-id="364" class="sidebar-three-a  ">UART</a>
2213                                                                                                     </div>
2214                                             </div>
2215                                         </div>
2216                                                                             <!-- 2级li>.item  -->
2217                                         <div class="panel panel-default">
2218                                             <!--  a  -->
2219                                             <div class="panel-heading">
2220                                                 <!-- <h4 class="panel-title"> -->
2221                                                 <a data-toggle="collapse" data-parent="#sidebar-two-14" href="#product-category-14-7" class="sidebar-two-a collapsed ">
2222                                                         Hardware                                                        <b></b>
2223                                                     </a>
2224                                                 <!-- </h4> -->
2225                                             </div>
2226                                             <!-- ul -->
2227                                             <div id="product-category-14-7" class="panel-collapse collapse  ">
2228                                                 <div class="panel-body" style="padding-left: 10px;">
2229                                                                                                             <!-- a -->
2230                                                         <a href="/doc/product/info/id/370.html" id="son-370" data-info-id="370" class="sidebar-three-a  ">Hardware Documents</a>
2231                                                                                                     </div>
2232                                             </div>
2233                                         </div>
2234                                                                             <!-- 2级li>.item  -->
2235                                         <div class="panel panel-default">
2236                                             <!--  a  -->
2237                                             <div class="panel-heading">
2238                                                 <!-- <h4 class="panel-title"> -->
2239                                                 <a data-toggle="collapse" data-parent="#sidebar-two-14" href="#product-category-14-23" class="sidebar-two-a collapsed ">
2240                                                         IOS APP                                                        <b></b>
2241                                                     </a>
2242                                                 <!-- </h4> -->
2243                                             </div>
2244                                             <!-- ul -->
2245                                             <div id="product-category-14-23" class="panel-collapse collapse  ">
2246                                                 <div class="panel-body" style="padding-left: 10px;">
2247                                                                                                             <!-- a -->
2248                                                         <a href="/doc/product/info/id/371.html" id="son-371" data-info-id="371" class="sidebar-three-a  ">First app for IOS</a>
2249                                                                                                             <!-- a -->
2250                                                         <a href="/doc/product/info/id/372.html" id="son-372" data-info-id="372" class="sidebar-three-a  ">Proxr app for IOS</a>
2251                                                                                                             <!-- a -->
2252                                                         <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>
2253                                                                                                     </div>
2254                                             </div>
2255                                         </div>
2256                                                                             <!-- 2级li>.item  -->
2257                                         <div class="panel panel-default">
2258                                             <!--  a  -->
2259                                             <div class="panel-heading">
2260                                                 <!-- <h4 class="panel-title"> -->
2261                                                 <a data-toggle="collapse" data-parent="#sidebar-two-14" href="#product-category-14-4" class="sidebar-two-a collapsed ">
2262                                                         Android                                                        <b></b>
2263                                                     </a>
2264                                                 <!-- </h4> -->
2265                                             </div>
2266                                             <!-- ul -->
2267                                             <div id="product-category-14-4" class="panel-collapse collapse  ">
2268                                                 <div class="panel-body" style="padding-left: 10px;">
2269                                                                                                             <!-- a -->
2270                                                         <a href="/doc/product/info/id/374.html" id="son-374" data-info-id="374" class="sidebar-three-a  ">First app for android</a>
2271                                                                                                             <!-- a -->
2272                                                         <a href="/doc/product/info/id/375.html" id="son-375" data-info-id="375" class="sidebar-three-a  ">Proxr app for android</a>
2273                                                                                                             <!-- a -->
2274                                                         <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>
2275                                                                                                     </div>
2276                                             </div>
2277                                         </div>
2278                                                                     <!-- other -->
2279                                 <div class="panel panel-default">
2280                                     <div class="panel-heading">
2281                                         <a href="/doc/download/14.html" class="sidebar-two-a collapsed">Download
2282                                             </a>
2283                                     </div>
2284                                 </div>
2285                             </div>
2286                         </div>
2287                     </div>
2288
2289                 </div>
2290                                 <!-- 1级li>.item -->
2291                 <div class="panel panel-default">
2292                     <!-- a -->
2293                     <div class="panel-heading">
2294                         <h4 class="panel-title">
2295                             <!-- <a data-toggle="collapse" data-parent="#sidebar-one" href="#product-36" class="sidebar-one-a">Firefly-PX3-SE</a> -->
2296                             <!-- <a href="/doc/product/index/id/36.html" class="sidebar-one-a">Firefly-PX3-SE</a> -->
2297                             <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>
2298                         </h4>
2299                     </div>
2300                     <!-- 2级ul -->
2301                     <div id="product-36" class="panel-collapse collapse   ">
2302                         <div class="panel-body">
2303                             <div class="panel-group panel-group-two" id="sidebar-two-36">
2304                                                                 <!-- other -->
2305                                 <div class="panel panel-default">
2306                                     <div class="panel-heading">
2307                                         <a href="/doc/download/36.html" class="sidebar-two-a collapsed">Download
2308                                             </a>
2309                                     </div>
2310                                 </div>
2311                             </div>
2312                         </div>
2313                     </div>
2314
2315                 </div>
2316                             <!-- End 1级分类组 -->
2317         </div>
2318     </ul>
2319 </div>
2320
2321                 <div class="box-right clearfix" id="doc-right-main">
2322                     <!-- 右侧上部banner -->
2323                     <div class="content-banner">
2324                         <!-- 资料库产品展示 -->\r
2325 \r
2326 <div class="inner-left">\r
2327     <img src="http://en.t-firefly.com/upload/portal/20170824/6e04cae45e4b522bb8f7012dc5d04957.png" alt="">\r
2328 </div>\r
2329 <div class="inner-right">\r
2330     <h4 class="title"> \r
2331         <span class="stamp">Firefly-RK3399</span>\r
2332         <span class="product_desc">Six-Core 64-Bit  Platform</span>\r
2333         <a href="http://shop.t-firefly.com/goods.php?id=45">Buy</a> \r
2334          <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
2335     <p class="dsc">Equipped with a six-core 64-bit &quot;server class&quot; processor Rockchip RK3399, and with 2GB/4GB DDR3 and 16G/32GB eMMC, as well as increases PCIe 2.1 M.2, DP 1.2, Type-C, USB3.0 and other high-performance data transmission and display interface. </p>\r
2336 </div>
2337                     </div>
2338
2339                     <div class="content-main" id="item-list-02">
2340                         <div class="h-title">
2341                             <h4 class="data-title">Build Ubuntu Rfs</h4>
2342                             <p>
2343                                 <span class="published-time">Update time：2018-04-13</span>
2344                                 <span class="data-hits">Views：2151</span>
2345                                 <!-- <span class="data-like">评论：0</span> -->
2346                             </p>
2347                         </div>
2348                         <div class="article" style="margin-right: 20px;">
2349                                                             <div class="mw-content-ltr">
2350 <div class="toc"><div><h2>Before You Start<br>
2351 </h2></div></div>
2352 <h3><span class="mw-headline">install qemu</span></h3>
2353 <p>intall qemu in your computer</p>
2354 <pre>sudo apt-get install qemu-user-static</pre>
2355 <h3><span class="mw-headline">Download &amp; Decompression the ubuntu-core</span></h3>
2356 <p>Firefly-rk3399 create the root-file-system by the Ubuntu base 16.04. You can download from here <a class="external text" href="http://cdimage.ubuntu.com/ubuntu-base/releases/16.04/release/">ubuntu cdimg download</a>. please choose this one ： ubuntu-base-16.04.1-base-arm64.tar.gz 。</p>
2357 <p>after download，create a temporary folder for decompression.</p>
2358 <pre> mkdir temp\r
2359 sudo tar -xpf ubuntu-base-16.04.1-base-arm64.tar.gz -C temp</pre>
2360 <h2><span class="mw-headline">Optimized the rootfs</span></h2>
2361 <h3><span class="mw-headline">Preparations</span></h3>
2362 <p>get your network readyː</p>
2363 <pre> sudo cp -b /etc/resolv.conf temp/etc/resolv.conf</pre>
2364 <p>prepare qemu</p>
2365 <pre> sudo cp /usr/bin/qemu-aarch64-static temp/usr/bin/</pre>
2366 <p>Change root</p>
2367 <pre> sudo chroot temp</pre>
2368 <h3><span class="mw-headline">update &amp; install</span></h3>
2369 <p>update：</p>
2370 <pre> apt update\r
2371 apt upgrade</pre>
2372 <p>install you need</p>
2373 <pre> apt install vim git...(something you like)</pre>
2374 <p>install xubuntu</p>
2375 <pre> apt install xubuntu-desktop</pre>
2376 <h3><span class="mw-headline">user &amp; password</span></h3>
2377 <pre> useradd -s '/bin/bash' -m -G adm,sudo firefly</pre>
2378 <p>set user's password</p>
2379 <pre> passwd firefly</pre>
2380 <p>set the root user's password</p>
2381 <pre> passwd root</pre>
2382 <p>After all the work is done,exit</p>
2383 <pre> exit</pre>
2384 <h2><span class="mw-headline">make the rootfs</span></h2>
2385 <p>make the rootfs,notice that you need change the "count" value according to the size of the "temp" folder.</p>
2386 <pre> dd if=/dev/zero of=linuxroot.img bs=1M count=2048\r
2387 sudo  mkfs.ext4  linuxroot.img\r
2388 mkdir  rootfs\r
2389 sudo mount linuxroot.img rootfs/\r
2390 sudo cp -rfp temp/*  rootfs/\r
2391 sudo umount rootfs/\r
2392 e2fsck -p -f linuxroot.img\r
2393 resize2fs  -M linuxroot.img</pre>
2394 <p>The final root filesystem linuxroot.img is ready to serve.</p>
2395 <h3><span class="mw-headline">Something more</span></h3>
2396 <p>when the system is ready, remember resize the rootfs partition by</p>
2397 <pre> resize2fs /dev/mtd/by-name/linuxroot</pre>
2398 <!-- \r
2399 NewPP limit report\r
2400 CPU time usage: 0.036 seconds\r
2401 Real time usage: 0.040 seconds\r
2402 Preprocessor visited node count: 35/1000000\r
2403 Preprocessor generated node count: 40/1000000\r
2404 Post‐expand include size: 0/2097152 bytes\r
2405 Template argument size: 0/2097152 bytes\r
2406 Highest expansion depth: 2/40\r
2407 Expensive parser function count: 0/100\r
2408 --><!-- Saved in parser cache with key tchip_wiki-tchip:pcache:idhash:10335-0!*!*!!zh-cn!*!* and timestamp 20171009064227 and revision id 22190\r
2409  -->
2410 </div>                        </div>
2411
2412                         <!-- 文章目录 -->
2413                                                     <div id="directionContainer" class="markdown-nav">
2414                                 <h4 class="nav-title">In this article: </h4>
2415                                 <ul><li><div class="sectionItem" data-address="0,0,0,0" data-tag="H2" data-id="Before20You20Start0A" data-title="Before You Start\r
2416 "><span class="itemTitle"><a href="#Before20You20Start0A">Before You Start\r
2417 </a></span></div><ul><li><div class="sectionItem" data-address="0,1" data-tag="H3" data-id="install20qemu" data-title="install qemu"><span class="itemTitle"><a href="#install20qemu">install qemu</a></span></div></li><li><div class="sectionItem" data-address="0,4" data-tag="H3" data-id="Download20&20Decompression20the20ubuntu-core" data-title="Download & Decompression the ubuntu-core"><span class="itemTitle"><a href="#Download20&20Decompression20the20ubuntu-core">Download & Decompression the ubuntu-core</a></span></div></li></ul></li><li><div class="sectionItem" data-address="0,8" data-tag="H2" data-id="Optimized20the20rootfs" data-title="Optimized the rootfs"><span class="itemTitle"><a href="#Optimized20the20rootfs">Optimized the rootfs</a></span></div><ul><li><div class="sectionItem" data-address="0,9" data-tag="H3" data-id="Preparations" data-title="Preparations"><span class="itemTitle"><a href="#Preparations">Preparations</a></span></div></li><li><div class="sectionItem" data-address="0,16" data-tag="H3" data-id="update20&20install" data-title="update & install"><span class="itemTitle"><a href="#update20&20install">update & install</a></span></div></li><li><div class="sectionItem" data-address="0,23" data-tag="H3" data-id="user20&20password" data-title="user & password"><span class="itemTitle"><a href="#user20&20password">user & password</a></span></div></li></ul></li><li><div class="sectionItem" data-address="0,31" data-tag="H2" data-id="make20the20rootfs" data-title="make the rootfs"><span class="itemTitle"><a href="#make20the20rootfs">make the rootfs</a></span></div><ul><li><div class="sectionItem" data-address="0,35" data-tag="H3" data-id="Something20more" data-title="Something more"><span class="itemTitle"><a href="#Something20more">Something more</a></span></div></li></ul></li></ul>                            </div>
2418                                             </div>
2419                 </div>
2420             </div>
2421         </div>
2422     </div>
2423
2424     <!-- /container -->
2425
2426
2427 <!-- Footer ================================================== -->
2428 <style>
2429     .col-md-2{
2430         width: 194px!important;
2431         float: left;
2432     }
2433     .container-full{
2434         min-width: 1200px;
2435     }
2436 </style>
2437 <div id="footer" class="container-full">
2438     <div class="f-main">
2439         <div class="container">
2440             <img class="img-responsive footer_img" src="/themes/t-firefly/public/assets/images/footer_img.png" alt="footer_img.png"/>
2441             <div class="row">
2442                 <div class="col-md-2 col-sm-4 item">
2443                     <h4>Solution</h4>
2444                     <ul>
2445                         <li>
2446                             <a href="/solution.html#dingzhi_01">Product Solution</a>
2447                         </li>
2448                         <li>
2449                             <a href="/solution.html#dingzhi_02">Technical Solution</a>
2450                         </li>
2451
2452                         <!-- <li><a href="javascript:;">成功案例</a></li> -->
2453                         <li>
2454                             <a href="javascript:;">Customized Services</a>
2455                         </li>
2456                     </ul>
2457                 </div>
2458                 <div class="col-md-2 col-sm-4 item">
2459                     <h5>Know More</h5>
2460                     <ul>
2461                         <!-- <li><a href="http://www.t-chip.com.cn">天启官网</a></li> -->
2462                         <li>
2463                             <a href="/about.html">About us</a>
2464                         </li>
2465                         <li>
2466                             <a href="/news.html">News</a>
2467                         </li>
2468                         <li>
2469                             <a href="javascript:;">Partner</a>
2470                         </li>
2471                         <li>
2472                             <a href="javascript:;">Business File</a>
2473                         </li>
2474                         <li>
2475                             <a href="javascript:;">Logo Download</a>
2476                         </li>
2477                     </ul>
2478                 </div>
2479                 <div class="col-md-2 col-sm-4 item">
2480                     <h5>Support</h5>
2481                     <ul>
2482                         <li>
2483                             <a href="/doc/index/index/active/teaching-material.html">Getting Started</a>
2484                         </li>
2485                         <li>
2486                             <a href="/doc/index/index/active/resources-download.html">Download</a>
2487                         </li>
2488                         <li>
2489                             <a href="javascript:;">FAQ</a>
2490                         </li>
2491                         <li>
2492                             <a href="" id="advice-btn" data-toggle="modal" data-target="#adviceModal">Feedback</a>
2493                         </li>
2494                         <li>
2495                             <a href="https://gitlab.com/T-Firefly" target="_blank">GitLab</a>
2496                         </li>
2497                         <li>
2498                             <a href="https://drive.google.com/drive/folders/0B7HO8lbGgAqAaGgyM2FJZFFBejA" target="_blank">Google Drive</a>
2499                         </li>
2500                         <li>
2501                             <a href="https://pan.baidu.com/s/1nwqaptR" target="_blank">Baidu Cloud</a>
2502                         </li>
2503
2504
2505                     </ul>
2506                 </div>
2507                 <div class="col-md-2 col-sm-4 item">
2508                     <h5>Follow us</h5>
2509                     <ul>
2510                         <li style="margin-top: 2px;">
2511                             <a href="https://www.facebook.com/TeeFirefly">Facebook</a>
2512                         </li>
2513                         <li>
2514                             <a href="https://plus.google.com/u/0/communities/115232561394327947761">Google+</a>
2515                         </li>
2516                         <li>
2517                             <a href="https://www.youtube.com/channel/UCk7odZvUrTG0on8HXnBT7gA">Youtube</a>
2518                         </li>
2519                         <li>
2520                             <a href="https://twitter.com/TeeFirefly">Tiwtter</a>
2521                         </li>
2522                         <li>
2523                             Wechat
2524                             <div class="weixin img-responsive">
2525                                 <img src="/themes/t-firefly/public/assets/images/footer_ewm.png" alt="" />
2526                             </div>
2527                         </li>
2528                         <li>
2529                             <a href="http://weibo.com/teefirefly">Weibo</a>
2530                         </li>
2531                         <!-- <li><a href="http://v.qq.com/vplus/ec29ea0257e388c78fdc29f30384c9b3">Tencent Video</a></li> -->
2532
2533
2534
2535
2536                     </ul>
2537                 </div>
2538                 <div class="col-md-2 col-sm-4 item">
2539                     <h5>Contact us</h5>
2540                     <ul>
2541                         <ul style="margin-top: 20px;">
2542                             <h6 style="margin-bottom: 5px;">Business ：</h6>
2543                             <li>sales@t-firefly.com</li>
2544                         </ul>
2545
2546                         <ul>
2547                             <h6 style="margin-bottom: 5px;">Join us：</h6>
2548                             <li>hr@t-chip.com.cn</li>
2549                         </ul>
2550
2551                         <ul>
2552                             <h6 style="margin-bottom: 5px;">Technical Support：</h6>
2553                             <li>service@t-firefly.com</li>
2554                         </ul>
2555
2556                         <ul>
2557                             <h6 style="margin-bottom: 5px;">Technical Group（QQ）：</h6>
2558                             <li style="margin-top: 6px;">MiniPC（Full）：431139193</li>
2559                             <li style="margin-top: 2px;">MiniPC（Full）：586343230</li>
2560                             <li style="margin-top: 2px;">MiniPC：708441069</li>
2561                             <li style="margin-top: 2px;">Fireduino：450340779</li>
2562                         </ul>
2563
2564                         <!-- <h6>在线客服：</h6>
2565                         <button type="button" onclick="openwindow('http://p.qiao.baidu.com/cps/chat?siteId=10103834&userId=22588114','Firefly',586,514);" >立即咨询</button> -->
2566                         <h6 style="margin-bottom: 2px;">Service Hotline:</h6>
2567                         <h5 style="font-size: 17px;margin: 6px 0;">(+86)18688117175</h5>
2568                         <!-- <h7>(周一至周五9:30-17:30)</h7> -->
2569                     </ul>
2570                 </div>
2571                 <div class="col-md-2 col-sm-4 item">
2572                     <h5>Site Navigation</h5>
2573                     <ul>
2574                         <li>
2575                             <a href="http://www.t-chip.com.cn/">T-Chip Wesite</a>
2576                         </li>
2577                         <li>
2578                             <a href="http://bbs.t-firefly.com/">Community</a>
2579                         </li>
2580                         <li>
2581                             <a href="http://shop.t-firefly.com">Store</a>
2582                         </li>
2583                         <li>
2584                             <a href="/doc/index/index/active/teaching-material.html">Resources</a>
2585                         </li>
2586                     </ul>
2587                     <ul>
2588                         <h5>Address</h5>
2589                         <h6 style="margin-bottom: 3px;">Zhongshan:</h6>
2590                         <li>Room 2101, Hongyu Building, #57 Zhongshan 4Rd, East District, Zhongshan,Guangdong.</li>
2591                         <li>
2592                             <a style="color:#6368c5;cursor: pointer" data-toggle="modal" data-target="#mapModal" id="map-target">View Map
2593                                 <img src="/themes/t-firefly/public/assets/images/footer_map.png" alt="" />
2594                             </a>
2595                         </li>
2596                     </ul>
2597                 </div>
2598             </div>
2599         </div>
2600     </div>
2601
2602
2603     <!--立即咨询弹出-->
2604     <div class="modal fade" id="adviceModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
2605         <div class="modal-dialog" role="document" id="advice-box">
2606
2607             <div class="modal-content">
2608                 <div class="modal-header">
2609                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
2610                         <span aria-hidden="true">&times;</span>
2611                     </button>
2612                     <h3 class="modal-title text-center">Feedback</h3>
2613                 </div>
2614                 <div class="modal-body">
2615                     <p class="body-title">Welcome feedback, your comments and suggestions are our driving force!</p>
2616
2617                     <form method='post' action='' id="adviceForm" onsubmit="return foot_feedback(this)">
2618                         <select name="classify" id="feedback_style" class="form-control">
2619                             <option value='Please select category'>Please select category</option>
2620                             <option value="Products">Products</option>
2621                             <option value="Business Consulting">Business Consulting</option>
2622                             <option value="Technical Consultation">Technical Consultation</option>
2623                         </select>
2624                         <textarea class="form-control info-inp" id="feedback_content" placeholder="Problem and Suggested Description"></textarea>
2625                         <div class="row">
2626                             <div class="col-sm-6 info-details">
2627                                 <input type="text" id="feed_call" style="border-radius: 0px;" class="form-control" placeholder="Name">
2628                             </div>
2629                             <div class="col-sm-6 info-details">
2630                                 <input type="email" id="feed_email" style="border-radius: 0px;" class="form-control" placeholder="E-mail">
2631                             </div>
2632                         </div>
2633                         <div class="footer">
2634                             <button type="submit" class="btn">Submit</button>
2635                         </div>
2636                     </form>
2637                 </div>
2638             </div>
2639
2640         </div>
2641     </div>
2642
2643
2644     <!-- 地图弹出模态框 -->
2645     <div class="modal fade" id="mapModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
2646         <div class="modal-dialog" role="document" id="map-box">
2647             <div class="modal-content">
2648               <!--地图占位内容-->
2649             </div>
2650         </div>
2651     </div>
2652
2653     <!--   <div class="links">
2654
2655             <a href="http://www.thinkcmf.com" target="_blank">ThinkCMF</a>&nbsp;
2656
2657     </div> -->
2658     <div class="f-bottom text-center">
2659         <div class="container">
2660             <p>Copyright © 2014-2017，T-Chip.All Rightts Reserved. |
2661                 <a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备14022046号-2</a>
2662                 &nbsp;&nbsp;&nbsp;
2663                 <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>
2664             </p>
2665         </div>
2666     </div>
2667 </div>
2668
2669 <!-- <div id="backtotop">
2670     <i class="fa fa-arrow-circle-up"></i>
2671 </div> -->
2672
2673 <!--侧边栏信息-->
2674
2675 <div id="tq_website_sidebar">
2676     <ul>
2677         <li class="ws_consuling">
2678             <div class="ws_contact_mode">
2679                 <div class="can_title">Online service</div>
2680                 <div class="cen_contact">
2681                     <div class="kefu">
2682                         <a href="javascript:;" onclick="openwindow('http://p.qiao.baidu.com/cps/chat?siteId=10103826&userId=22588114','Firefly',586,514)">Andy</a>
2683                     </div>
2684
2685                     <div class="kefu">
2686                         <a href="javascript:;" onclick="openwindow('http://p.qiao.baidu.com/cps/chat?siteId=10103826&userId=22588114','Firefly',586,514)">Susan</a>
2687                     </div>
2688
2689                     <div class="kefu">
2690                         <a href="javascript:;" onclick="openwindow('http://p.qiao.baidu.com/cps/chat?siteId=10103826&userId=22588114','Firefly',586,514)">Fanny</a>
2691                     </div>
2692                 </div>
2693
2694                 <div class="work_time">Working Time (Beijing)</div>
2695                 <div class="juti_time">
2696                     <p style="color:#666;margin-bottom: 3px;">Mon. ~ Fri. 9:00 - 18:00</p>
2697                     <p style="color:#666;">Sat. 9:00 - 12:00</p>
2698                 </div>
2699
2700                 <div class="contact_photo">
2701                     <div class="phone_title">Service Hotline</div>
2702                     <p style="color:#666;margin-top:5px;">(+86)18688117175</p>
2703                 </div>
2704             </div>
2705         </li>
2706         <a style="width:58px;height:58px;" target="_blank" href="http://shop.t-firefly.com/">
2707             <li class="ws_shopping"></li>
2708         </a>
2709         <li class="ws_weixin">
2710             <div class="weixin_back">
2711                 <div class="weixin_back2"></div>
2712             </div>
2713         </li>
2714         <li class="ws_zhiding"></li>
2715     </ul>
2716 </div>
2717
2718
2719 <script type="text/javascript">\r
2720 //全局变量\r
2721 var GV = {\r
2722     ROOT: "/",\r
2723     WEB_ROOT: "/",\r
2724     JS_ROOT: "static/js/"\r
2725 };\r
2726 </script>\r
2727 <!-- Le javascript\r
2728     ================================================== -->\r
2729     <!-- Placed at the end of the document so the pages load faster -->\r
2730 \r
2731         <!-- <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> -->\r
2732     <script src="/static/js/wind.js"></script>\r
2733         <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>\r
2734     <script src="/static/js/frontend.js"></script>\r
2735     <script type="text/javascript" src="/themes/t-firefly/public/assets/js/objFunc.js"></script>\r
2736         <script src="/themes/t-firefly/public/assets/js/jquery.animateNumber.min.js"></script>\r
2737         <script src="/themes/t-firefly/public/assets/js/lazyload.min.js"></script>\r
2738         <script>\r
2739         $(function(){\r
2740                 $("#main-menu li.dropdown").hover(function(){\r
2741                         $(this).addClass("open");\r
2742                 },function(){\r
2743                         $(this).removeClass("open");\r
2744                 });\r
2745 \r
2746                 $("#main-menu-user li.user-on").hover(function(){\r
2747                         $(this).find(".dropdown-menu").show();\r
2748                 },function(){\r
2749                         $(this).find(".dropdown-menu").hide();\r
2750                 })\r
2751                 \r
2752                 $("#main-menu a").each(function() {\r
2753                         if ($(this)[0].href == String(window.location)) {\r
2754                                 $(this).parentsUntil("#main-menu>ul>li").addClass("active");\r
2755                         }\r
2756                 });\r
2757                 \r
2758                 $.post("/user/index/islogin.html",{},function(data){\r
2759                     console.log(data);\r
2760                         if(data.code==1){\r
2761                                 if(data.data.user.avatar){\r
2762                                 }\r
2763 \r
2764                                 $("#main-menu-user span.user-nickname").text(data.data.user.user_nickname?data.data.user.user_nickname:data.data.user.user_login);\r
2765                                 $("#main-menu-user li.login").show();\r
2766                 $("#main-menu-user li.offline").hide();\r
2767 \r
2768                         }\r
2769 \r
2770                         if(data.code==0){\r
2771                 $("#main-menu-user li.login").hide();\r
2772                                 $("#main-menu-user li.offline").show();\r
2773                         }\r
2774 \r
2775                 });\r
2776                 // 图片延迟加载\r
2777                 $(".delayload").lazyload({\r
2778                         "threshold": 800\r
2779                 });\r
2780         ;(function($){\r
2781                         $.fn.totop=function(opt){\r
2782                                 var scrolling=false;\r
2783                                 return this.each(function(){\r
2784                                         var $this=$(this);\r
2785                                         $(window).scroll(function(){\r
2786                                                 if(!scrolling){\r
2787                                                         var sd=$(window).scrollTop();\r
2788                                                         if(sd>100){\r
2789                                                                 $this.fadeIn();\r
2790                                                         }else{\r
2791                                                                 $this.fadeOut();\r
2792                                                         }\r
2793                                                 }\r
2794                                         });\r
2795                                         \r
2796                                         $this.click(function(){\r
2797                                                 scrolling=true;\r
2798                                                 $('html, body').animate({\r
2799                                                         scrollTop : 0\r
2800                                                 }, 500,function(){\r
2801                                                         scrolling=false;\r
2802                                                         $this.fadeOut();\r
2803                                                 });\r
2804                                         });\r
2805                                 });\r
2806                         };\r
2807                 })(jQuery); \r
2808                 \r
2809                 $("#backtotop").totop();\r
2810                 \r
2811                 \r
2812         });\r
2813         </script>\r
2814 \r
2815
2816 <script src="/themes/t-firefly/public/assets/js/slippry.js"></script>
2817 <script src="/themes/t-firefly/public/assets/js/footer.js"></script>
2818 <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=3d222a3955ba404bdb4875c88fb7f1a5"></script>
2819 <script>
2820     $(function () {
2821
2822         $('.input-search-bg').click(function(){
2823           var width = $('.input-search').width();
2824           console.log(width);
2825           if(width == 0){
2826
2827             $(this).css({'right':'207px'});
2828             $('.input-search').css({'width':'230px','border':'1px solid #dcdcdc'});
2829           }else{
2830             $(this).css({'right':'0px'});
2831             $('.input-search').css({'width':'0px','border':'none'});
2832           }
2833         })
2834
2835         /*加载地图*/
2836         advicetShow();
2837         mapTrigger();
2838
2839         $(".to_show a.list_menu").bind("mouseover", function(event){
2840             $(".header").addClass('header-on');
2841             // var id = $(this).next(".projectMenu").attr("id");
2842             var id = $(this).attr("id");
2843             id = parseInt(id);
2844             var arr_id = Array(21,22,23,24,25);
2845             if(arr_id.in_array(id)){
2846                 if($("#"+id+"_nav").is(":hidden")){
2847                     $(".projectMenu").fadeOut();
2848                     $("#"+id+"_nav").stop(false,true).fadeIn();
2849                 }
2850             }else{
2851                 $(".projectMenu").fadeOut();
2852             }
2853         });
2854
2855         // $(".to_show").bind("mouseleave",function(event){
2856         //     var id = $(this).find(".projectMenu").attr("id");
2857         //     // var id = $(this).attr("id");
2858         //     id = parseInt(id);
2859         //     var arr_id = Array(21,22,23,24,25);
2860         //     if(arr_id.in_array(id)){
2861         //         if($("#"+id+"_nav").is(":visible")){
2862         //             $(".projectMenu").hide();
2863         //         }
2864         //     }
2865         // });
2866
2867         $(".projectMenu").bind("mouseleave",function(event){
2868             var id = $(this).attr("id");
2869             // console.log(id);
2870             // var id = $(this).attr("id");
2871             id = parseInt(id);
2872             var arr_id = Array(21,22,23,24,25);
2873             if(arr_id.in_array(id)){
2874                 // if($("#"+id+"_nav").is(":visible")){
2875                     $(".projectMenu").fadeOut();
2876                 // }
2877             }
2878         });
2879
2880         $(".projectMenu_main_left a").bind("mouseover",function(event){
2881
2882             var id = $(this).attr("id");
2883             id = parseInt(id);
2884             // console.log(id);
2885             $(".projectMenu_main_right").css("display","none");
2886             $(".projectMenu_main_right_"+id).css("display","block");
2887
2888             if(isNaN(id)){
2889               $(".projectMenu_main_right_default").css("display","block");
2890             }
2891         });
2892
2893         Array.prototype.S=String.fromCharCode(2);
2894         Array.prototype.in_array=function(e)
2895         {
2896             var r=new RegExp(this.S+e+this.S);
2897             return (r.test(this.S+this.join(this.S)+this.S));
2898         }
2899
2900         /*search login language 切换*/
2901         $(".loginbar .nav-search").click(function(){
2902           $(this).next().toggle(500);
2903             return false;
2904         });
2905         $(".loginbar .offline,.language").hover(function(){
2906             $(this).children("a").next().show();
2907         },function(){
2908             $(this).children("a").next().hide();
2909         });
2910
2911         $("#dingzhi_now").click(function(){
2912             $("html,body").animate({
2913                 'scrollTop':3300
2914             }, 1500);
2915         });
2916     });
2917
2918
2919     $(".cen_contact .kefu").each(function(i){
2920        $(this).bind('mouseover',function(){
2921          $(this).children('a').css('color','#ff7632');
2922          $(this).css('background-image','url(/themes/t-firefly/public/assets/images/website/kefu_on.png)');
2923        });
2924     });
2925
2926     $(".cen_contact .kefu").each(function(i){
2927        $(this).bind('mouseleave',function(){
2928          $(this).children('a').css('color','#666');
2929          $(this).css('background-image','url(/themes/t-firefly/public/assets/images/website/kefu.png)');
2930        });
2931     });
2932
2933     $(".ws_consuling").bind('mouseover',function(){
2934         $('.ws_contact_mode').show();
2935     });
2936
2937     $(".ws_consuling").bind('mouseleave',function(){
2938         $('.ws_contact_mode').hide();
2939     });
2940
2941      $(".ws_weixin").bind('mouseover',function(){
2942         $('.weixin_back').show();
2943     });
2944
2945     $(".ws_weixin").bind('mouseleave',function(){
2946         $('.weixin_back').hide();
2947     });
2948
2949     var screenh = $(window).height();
2950     var scrolltoh = $("#tq_website_sidebar").height();
2951     $("#tq_website_sidebar").css('top', (screenh - scrolltoh) / 2 + 30);
2952     window.onscroll = function(){
2953         if((document.documentElement.scrollTop + document.body.scrollTop) > 100){
2954             $('.ws_zhiding').show();
2955         }else{
2956             $('.ws_zhiding').hide();
2957         };
2958     }
2959
2960     $(".ws_zhiding").click(function(){
2961         $('body,html').animate({ scrollTop: 0 }, 800);
2962     });
2963
2964    /*
2965     弹出窗口居中
2966     */
2967     function openwindow(url,name,iWidth,iHeight)
2968     {
2969         var url;                             //转向网页的地址;
2970         var name;                            //网页名称，可为空;
2971         var iWidth;                          //弹出窗口的宽度;
2972         var iHeight;                         //弹出窗口的高度;
2973         //获得窗口的垂直位置
2974         var iTop = (window.screen.availHeight-30-iHeight)/2;
2975         //获得窗口的水平位置
2976         var iLeft = (window.screen.availWidth-10-iWidth)/2;
2977         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');
2978     }
2979
2980     function foot_feedback(obj)
2981     {
2982
2983      var err = false;
2984      if(obj.elements['feedback_style'] && obj.elements['feedback_style'].value=='请选择分类'){
2985         err = true;
2986         obj.elements['feedback_style'].className ='feedback_err';
2987      }else{
2988         obj.elements['feedback_style'].className ='form-control';
2989      }
2990
2991      if(obj.elements['feedback_content'] && obj.elements['feedback_content'].value==''){
2992        err = true;
2993        obj.elements['feedback_content'].className ='feedcontent_err';
2994      }else{
2995        obj.elements['feedback_content'].className ='form-control info-inp';
2996      }
2997
2998      if(obj.elements['feed_call'] && obj.elements['feed_call'].value==''){
2999         err = true;
3000         obj.elements['feed_call'].className ='feedcall_err';
3001      }else{
3002         obj.elements['feed_call'].className ='form-control';
3003      }
3004
3005      if(obj.elements['feed_email'] && obj.elements['feed_email'].value==''){
3006         err = true;
3007         obj.elements['feed_email'].className ='feedcall_err';
3008      }else{
3009         obj.elements['feed_email'].className ='form-control';
3010      }
3011
3012      return !err;
3013
3014     }
3015
3016 </script>
3017         <script type="text/javascript" charset="utf-8" src="/static/js/prism/prism.js"></script>
3018
3019     <script>
3020
3021         $(document).ready(function () {
3022
3023             /*目录列表的滚动*/
3024             var title_array = new Array();
3025             $(".sectionItem").each(function (index) {
3026                 // console.log(index);
3027                 var tag = $(this).data('tag');
3028                 var id = $(this).data('id');
3029                 var title = $(this).data('title');
3030                 title_array[index] = new Array();
3031                 title_array[index]['tag'] = tag;
3032                 title_array[index]['title'] = title;
3033
3034                 var title_count = 0;
3035                 for (var i = 0; i < title_array.length; i++) {
3036                     if (title_array[i]['tag'] == tag) {
3037                         title_count++;
3038                     }
3039                 }
3040                 title_array[index]['count'] = parseInt(title_count) - 1;
3041                 $(".article " + tag + ":eq(" + title_array[index]['count'] + ")").attr('id', id);
3042
3043             });
3044
3045             var herf = window.location.href;
3046             var param_id = herf.split("#");
3047             if (param_id[1]) {
3048                 var auto_height = $("#" + param_id[1]).offset().top;
3049                 $('html').animate({
3050                     'scrollTop': auto_height
3051                 }, 1000);
3052             };
3053
3054             var doc_pre = $(".article pre");
3055             doc_pre.each(function () {
3056                 var class_val = $(this).attr('class');
3057                 // console.log(class_val);
3058                 if (class_val && class_val.indexOf('brush') != -1) {
3059                     var class_arr = new Array();
3060                     class_arr = class_val.split(';');
3061                     class_arr = class_arr['0'].split(':');
3062                     var lan_class = 'language-' + class_arr['1'];
3063                     var pre_content = '<code class="' + lan_class + '">' + $(this).html() + '</code>';
3064                     $(this).html(pre_content);
3065                     $(this).attr("class", 'line-numbers ' + lan_class);
3066                 }
3067
3068             });
3069
3070             Prism.highlightAll();
3071         });
3072
3073         // 3.代码插件添加复制功能
3074         Prism.plugins.toolbar.registerButton('hello-world', {
3075             text: '复制代码', // required
3076             onClick: function (env) { // optional
3077                 // console.log(env.element);
3078                 // alert('This code snippet is written in ' + env.language + '.');
3079                 if (document.body.createTextRange) { // ms
3080                     var range = document.body.createTextRange();
3081                     range.moveToElementText(env.element);
3082                     range.select();
3083                 } else if (window.getSelection) { // moz, opera, webkit
3084                     var selection = window.getSelection();
3085                     var range = document.createRange();
3086                     range.selectNodeContents(env.element);
3087                     selection.removeAllRanges();
3088                     selection.addRange(range);
3089                 }
3090             }
3091         });
3092
3093         // 4.获得目录容器的高度
3094         var directionContainer_height = $("#directionContainer").height(),
3095             directionContainer_width = $("#directionContainer").width();
3096         // 页面网上滚动时，让目录固定在顶部
3097         $(window).scroll(function (e) {
3098             var doc_width = $(document).width();
3099             if (448 + 177 + 50 < document.documentElement.scrollTop) {
3100                 // $('#directionContainer').addClass('markdown-fixTop');
3101                 $('#directionContainer').css({
3102                     'position': 'fixed',
3103                     'left': (doc_width - 1200) / 2 + 1024,
3104                     'top': 0
3105                 });
3106             } else {
3107                 // $('#directionContainer').removeClass('markdown-fixTop');
3108                 $('#directionContainer').css({
3109                     'position': 'absolute',
3110                     'left': 'calc(100% - 175px)',
3111                     'top': '24px'
3112                 });
3113             }
3114
3115             var footer_to_doc_height = $("#footer").offset().top;
3116             var footer_to_window_height = footer_to_doc_height - document.documentElement.scrollTop;
3117             if (footer_to_window_height < directionContainer_height) {
3118                 $('#directionContainer').css({
3119                     'max-height': footer_to_window_height - 70 + 'px',
3120                     'overflow-y': 'auto'
3121                 });
3122             } else {
3123                 $('#directionContainer').css({
3124                     'max-height': directionContainer_height + 'px',
3125                     'overflow-y': 'hidden'
3126                 });
3127             };
3128
3129             var title_array = new Array();
3130             $(".sectionItem").each(function (index) {
3131                 // console.log(index);
3132                 var tag = $(this).data('tag');
3133                 var id = $(this).data('id');
3134                 var title = $(this).data('title');
3135                 title_array[index] = new Array();
3136                 title_array[index]['tag'] = tag;
3137                 title_array[index]['title'] = title;
3138
3139                 var title_count = 0;
3140                 for (var i = 0; i < title_array.length; i++) {
3141                     if (title_array[i]['tag'] == tag) {
3142                         title_count++;
3143                     }
3144
3145                 }
3146                 title_array[index]['count'] = parseInt(title_count) - 1;
3147                 var sectionItem_height = $(".article " + tag + ":eq(" + title_array[index]['count'] + ")").offset().top - document.documentElement.scrollTop;
3148                 if (sectionItem_height < 20) {
3149                     $(".sectionItem").removeClass('active');
3150                     $(this).addClass('active');
3151                 }
3152             });
3153         });
3154
3155         $(".article img").each(function () {
3156             var img = new Image();
3157             img.src = $(this).attr('src');
3158             var img_w = img.width;
3159             if (img_w > 795) {
3160                 $(this).css({
3161                     'width': '100%',
3162                     "height": "100%"
3163                 });
3164             }
3165
3166         })
3167     </script>
3168
3169 </body>
3170
3171 </html>