BootMode/265.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  in  ">
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   sidebar-a-active ">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  ">
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  ">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">Boot Mode</h4>
2342                             <p>
2343                                 <span class="published-time">Update time：2018-01-29</span>
2344                                 <span class="data-hits">Views：2750</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>Introduction</h2></div></div>
2351 <p>RK3399 has flexible boot modes. Under normal circumstances, unless hardware is damaged, Firefly-RK3399 development board will never become brick (brick means not able to boot or flash).</p>
2352 <p>If accident happens during upgrading firmware, bootloader is broken, making it impossible to upgrade again. The device can enter into MaskRom mode as the last resort.</p>
2353 <h2><span class="mw-headline">Load Methods</span></h2>
2354 <p>RK3399 has 32KB BootRom and 200KB internal SRAM, which supports booting from following devices:</p>
2355 <ul class=" list-paddingleft-2">
2356 <li><p>SPI</p></li>
2357 <li><p>eMMC</p></li>
2358 <li><p>SDMMC</p></li>
2359 </ul>
2360 <p>That is to say, besides Nand, SPI and eMMC flash, RK3288 also supports booting from SD card.</p>
2361 <p>Moreover, RK3399 can download system code from USB Type-C.</p>
2362 <h2><span class="mw-headline">Boot Sequence</span></h2>
2363 <p>The boot sequence is:</p>
2364 <ol class=" list-paddingleft-2">
2365 <li><p>Soc powers up and initializes.</p></li>
2366 <li><p>BootRom code runs in SRAM, loads and verifies bootloader's bootstrap code from storage device.</p></li>
2367 <li><p>If the verification passes, run the bootloader bootstrap code.</p></li>
2368 <li><p>The bootloader initializes DDR RAM, loads the complete bootloader into DDR RAM and runs it.</p></li>
2369 <li><p>Bootloader loads Linux kernel from storage device, then executes it.</p></li>
2370 <li><p>Linux kernel takes control of everything now.</p></li>
2371 </ol>
2372 <h2><span class="mw-headline">Boot Mode</span></h2>
2373 <p>RK3399 has three boot modes:</p>
2374 <ul class=" list-paddingleft-2">
2375 <li><p>Normal mode</p></li>
2376 <li><p>Loader mode</p></li>
2377 <li><p>MaskRom mode</p></li>
2378 </ul>
2379 <h3><span class="mw-headline">Normal Mode</span></h3>
2380 <p>Normal mode, that is the normal boot procedure, load every components subsequently, and boot into operation system normally.</p>
2381 <h3><span class="mw-headline">Loader Mode</span></h3>
2382 <p>In Loader mode, bootloader will enter into upgrade state, waiting for commands from host, which is used in firmware upgrading.</p>
2383 <p>To enter Loader mode, make the bootloader aware that the RECOVERY key is pressed and USB cable is connected:</p>
2384 <ol class=" list-paddingleft-2">
2385 <li><p>Keep device power on.</p></li>
2386 <li><p>Use micro USB Type-C cable to connect host and device together.</p></li>
2387 <li><p>Press and hold RECOVERY key.</p></li>
2388 <li><p>Shortly press RESET key.</p></li>
2389 <li><p>Release RECOVERY key.</p></li>
2390 <li><p><strong>Note:</strong>If device still can not be found after pressing "RESET", then try this: long press "PWRKEY" after short pressing of "RESET", before finally releasing "RECOVERY".</p></li>
2391 </ol>
2392 <h3><span class="mw-headline">MaskRom Mode</span></h3>
2393 <p>MaskRom mode is used to fix system when bootloader is broken.</p>
2394 <p>In most cases, there are no need to enter MaskRom mode. When the BootRom code fails to verify bootloader (cannot read IDR block, or bootloader is broken), it will boot into MaskRom mode, which waits for host to send bootloader code through USB, then runs it, so that bootload can take control again.</p>
2395 <p>To enforce device into MaskRom mode, please check <a href="/index.php/doc/product/info/id/479.html" target="_self" title="Firefly-RK3399/MaskRom/en">this</a>.</p>
2396 <!-- \r
2397 NewPP limit report\r
2398 CPU time usage: 0.032 seconds\r
2399 Real time usage: 0.034 seconds\r
2400 Preprocessor visited node count: 34/1000000\r
2401 Preprocessor generated node count: 46/1000000\r
2402 Post‐expand include size: 0/2097152 bytes\r
2403 Template argument size: 0/2097152 bytes\r
2404 Highest expansion depth: 2/40\r
2405 Expensive parser function count: 0/100\r
2406 --><!-- Saved in parser cache with key tchip_wiki-tchip:pcache:idhash:10448-0!*!0!!zh-cn!*!* and timestamp 20171008115103 and revision id 22753\r
2407  -->
2408 </div>                        </div>
2409
2410                         <!-- 文章目录 -->
2411                                                     <div id="directionContainer" class="markdown-nav">
2412                                 <h4 class="nav-title">In this article: </h4>
2413                                 <ul><li><div class="sectionItem" data-address="0,0,0,0" data-tag="H2" data-id="E2808BIntroduction" data-title="Introduction"><span class="itemTitle"><a href="#E2808BIntroduction">Introduction</a></span></div></li><li><div class="sectionItem" data-address="0,3" data-tag="H2" data-id="Load20Methods" data-title="Load Methods"><span class="itemTitle"><a href="#Load20Methods">Load Methods</a></span></div></li><li><div class="sectionItem" data-address="0,8" data-tag="H2" data-id="Boot20Sequence" data-title="Boot Sequence"><span class="itemTitle"><a href="#Boot20Sequence">Boot Sequence</a></span></div></li><li><div class="sectionItem" data-address="0,11" data-tag="H2" data-id="Boot20Mode" data-title="Boot Mode"><span class="itemTitle"><a href="#Boot20Mode">Boot Mode</a></span></div><ul><li><div class="sectionItem" data-address="0,14" data-tag="H3" data-id="Normal20Mode" data-title="Normal Mode"><span class="itemTitle"><a href="#Normal20Mode">Normal Mode</a></span></div></li><li><div class="sectionItem" data-address="0,16" data-tag="H3" data-id="Loader20Mode" data-title="Loader Mode"><span class="itemTitle"><a href="#Loader20Mode">Loader Mode</a></span></div></li><li><div class="sectionItem" data-address="0,20" data-tag="H3" data-id="MaskRom20Mode" data-title="MaskRom Mode"><span class="itemTitle"><a href="#MaskRom20Mode">MaskRom Mode</a></span></div></li></ul></li></ul>                            </div>
2414                                             </div>
2415                 </div>
2416             </div>
2417         </div>
2418     </div>
2419
2420     <!-- /container -->
2421
2422
2423 <!-- Footer ================================================== -->
2424 <style>
2425     .col-md-2{
2426         width: 194px!important;
2427         float: left;
2428     }
2429     .container-full{
2430         min-width: 1200px;
2431     }
2432 </style>
2433 <div id="footer" class="container-full">
2434     <div class="f-main">
2435         <div class="container">
2436             <img class="img-responsive footer_img" src="/themes/t-firefly/public/assets/images/footer_img.png" alt="footer_img.png"/>
2437             <div class="row">
2438                 <div class="col-md-2 col-sm-4 item">
2439                     <h4>Solution</h4>
2440                     <ul>
2441                         <li>
2442                             <a href="/solution.html#dingzhi_01">Product Solution</a>
2443                         </li>
2444                         <li>
2445                             <a href="/solution.html#dingzhi_02">Technical Solution</a>
2446                         </li>
2447
2448                         <!-- <li><a href="javascript:;">成功案例</a></li> -->
2449                         <li>
2450                             <a href="javascript:;">Customized Services</a>
2451                         </li>
2452                     </ul>
2453                 </div>
2454                 <div class="col-md-2 col-sm-4 item">
2455                     <h5>Know More</h5>
2456                     <ul>
2457                         <!-- <li><a href="http://www.t-chip.com.cn">天启官网</a></li> -->
2458                         <li>
2459                             <a href="/about.html">About us</a>
2460                         </li>
2461                         <li>
2462                             <a href="/news.html">News</a>
2463                         </li>
2464                         <li>
2465                             <a href="javascript:;">Partner</a>
2466                         </li>
2467                         <li>
2468                             <a href="javascript:;">Business File</a>
2469                         </li>
2470                         <li>
2471                             <a href="javascript:;">Logo Download</a>
2472                         </li>
2473                     </ul>
2474                 </div>
2475                 <div class="col-md-2 col-sm-4 item">
2476                     <h5>Support</h5>
2477                     <ul>
2478                         <li>
2479                             <a href="/doc/index/index/active/teaching-material.html">Getting Started</a>
2480                         </li>
2481                         <li>
2482                             <a href="/doc/index/index/active/resources-download.html">Download</a>
2483                         </li>
2484                         <li>
2485                             <a href="javascript:;">FAQ</a>
2486                         </li>
2487                         <li>
2488                             <a href="" id="advice-btn" data-toggle="modal" data-target="#adviceModal">Feedback</a>
2489                         </li>
2490                         <li>
2491                             <a href="https://gitlab.com/T-Firefly" target="_blank">GitLab</a>
2492                         </li>
2493                         <li>
2494                             <a href="https://drive.google.com/drive/folders/0B7HO8lbGgAqAaGgyM2FJZFFBejA" target="_blank">Google Drive</a>
2495                         </li>
2496                         <li>
2497                             <a href="https://pan.baidu.com/s/1nwqaptR" target="_blank">Baidu Cloud</a>
2498                         </li>
2499
2500
2501                     </ul>
2502                 </div>
2503                 <div class="col-md-2 col-sm-4 item">
2504                     <h5>Follow us</h5>
2505                     <ul>
2506                         <li style="margin-top: 2px;">
2507                             <a href="https://www.facebook.com/TeeFirefly">Facebook</a>
2508                         </li>
2509                         <li>
2510                             <a href="https://plus.google.com/u/0/communities/115232561394327947761">Google+</a>
2511                         </li>
2512                         <li>
2513                             <a href="https://www.youtube.com/channel/UCk7odZvUrTG0on8HXnBT7gA">Youtube</a>
2514                         </li>
2515                         <li>
2516                             <a href="https://twitter.com/TeeFirefly">Tiwtter</a>
2517                         </li>
2518                         <li>
2519                             Wechat
2520                             <div class="weixin img-responsive">
2521                                 <img src="/themes/t-firefly/public/assets/images/footer_ewm.png" alt="" />
2522                             </div>
2523                         </li>
2524                         <li>
2525                             <a href="http://weibo.com/teefirefly">Weibo</a>
2526                         </li>
2527                         <!-- <li><a href="http://v.qq.com/vplus/ec29ea0257e388c78fdc29f30384c9b3">Tencent Video</a></li> -->
2528
2529
2530
2531
2532                     </ul>
2533                 </div>
2534                 <div class="col-md-2 col-sm-4 item">
2535                     <h5>Contact us</h5>
2536                     <ul>
2537                         <ul style="margin-top: 20px;">
2538                             <h6 style="margin-bottom: 5px;">Business ：</h6>
2539                             <li>sales@t-firefly.com</li>
2540                         </ul>
2541
2542                         <ul>
2543                             <h6 style="margin-bottom: 5px;">Join us：</h6>
2544                             <li>hr@t-chip.com.cn</li>
2545                         </ul>
2546
2547                         <ul>
2548                             <h6 style="margin-bottom: 5px;">Technical Support：</h6>
2549                             <li>service@t-firefly.com</li>
2550                         </ul>
2551
2552                         <ul>
2553                             <h6 style="margin-bottom: 5px;">Technical Group（QQ）：</h6>
2554                             <li style="margin-top: 6px;">MiniPC（Full）：431139193</li>
2555                             <li style="margin-top: 2px;">MiniPC（Full）：586343230</li>
2556                             <li style="margin-top: 2px;">MiniPC：708441069</li>
2557                             <li style="margin-top: 2px;">Fireduino：450340779</li>
2558                         </ul>
2559
2560                         <!-- <h6>在线客服：</h6>
2561                         <button type="button" onclick="openwindow('http://p.qiao.baidu.com/cps/chat?siteId=10103834&userId=22588114','Firefly',586,514);" >立即咨询</button> -->
2562                         <h6 style="margin-bottom: 2px;">Service Hotline:</h6>
2563                         <h5 style="font-size: 17px;margin: 6px 0;">(+86)18688117175</h5>
2564                         <!-- <h7>(周一至周五9:30-17:30)</h7> -->
2565                     </ul>
2566                 </div>
2567                 <div class="col-md-2 col-sm-4 item">
2568                     <h5>Site Navigation</h5>
2569                     <ul>
2570                         <li>
2571                             <a href="http://www.t-chip.com.cn/">T-Chip Wesite</a>
2572                         </li>
2573                         <li>
2574                             <a href="http://bbs.t-firefly.com/">Community</a>
2575                         </li>
2576                         <li>
2577                             <a href="http://shop.t-firefly.com">Store</a>
2578                         </li>
2579                         <li>
2580                             <a href="/doc/index/index/active/teaching-material.html">Resources</a>
2581                         </li>
2582                     </ul>
2583                     <ul>
2584                         <h5>Address</h5>
2585                         <h6 style="margin-bottom: 3px;">Zhongshan:</h6>
2586                         <li>Room 2101, Hongyu Building, #57 Zhongshan 4Rd, East District, Zhongshan,Guangdong.</li>
2587                         <li>
2588                             <a style="color:#6368c5;cursor: pointer" data-toggle="modal" data-target="#mapModal" id="map-target">View Map
2589                                 <img src="/themes/t-firefly/public/assets/images/footer_map.png" alt="" />
2590                             </a>
2591                         </li>
2592                     </ul>
2593                 </div>
2594             </div>
2595         </div>
2596     </div>
2597
2598
2599     <!--立即咨询弹出-->
2600     <div class="modal fade" id="adviceModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
2601         <div class="modal-dialog" role="document" id="advice-box">
2602
2603             <div class="modal-content">
2604                 <div class="modal-header">
2605                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
2606                         <span aria-hidden="true">&times;</span>
2607                     </button>
2608                     <h3 class="modal-title text-center">Feedback</h3>
2609                 </div>
2610                 <div class="modal-body">
2611                     <p class="body-title">Welcome feedback, your comments and suggestions are our driving force!</p>
2612
2613                     <form method='post' action='' id="adviceForm" onsubmit="return foot_feedback(this)">
2614                         <select name="classify" id="feedback_style" class="form-control">
2615                             <option value='Please select category'>Please select category</option>
2616                             <option value="Products">Products</option>
2617                             <option value="Business Consulting">Business Consulting</option>
2618                             <option value="Technical Consultation">Technical Consultation</option>
2619                         </select>
2620                         <textarea class="form-control info-inp" id="feedback_content" placeholder="Problem and Suggested Description"></textarea>
2621                         <div class="row">
2622                             <div class="col-sm-6 info-details">
2623                                 <input type="text" id="feed_call" style="border-radius: 0px;" class="form-control" placeholder="Name">
2624                             </div>
2625                             <div class="col-sm-6 info-details">
2626                                 <input type="email" id="feed_email" style="border-radius: 0px;" class="form-control" placeholder="E-mail">
2627                             </div>
2628                         </div>
2629                         <div class="footer">
2630                             <button type="submit" class="btn">Submit</button>
2631                         </div>
2632                     </form>
2633                 </div>
2634             </div>
2635
2636         </div>
2637     </div>
2638
2639
2640     <!-- 地图弹出模态框 -->
2641     <div class="modal fade" id="mapModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
2642         <div class="modal-dialog" role="document" id="map-box">
2643             <div class="modal-content">
2644               <!--地图占位内容-->
2645             </div>
2646         </div>
2647     </div>
2648
2649     <!--   <div class="links">
2650
2651             <a href="http://www.thinkcmf.com" target="_blank">ThinkCMF</a>&nbsp;
2652
2653     </div> -->
2654     <div class="f-bottom text-center">
2655         <div class="container">
2656             <p>Copyright © 2014-2017，T-Chip.All Rightts Reserved. |
2657                 <a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备14022046号-2</a>
2658                 &nbsp;&nbsp;&nbsp;
2659                 <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>
2660             </p>
2661         </div>
2662     </div>
2663 </div>
2664
2665 <!-- <div id="backtotop">
2666     <i class="fa fa-arrow-circle-up"></i>
2667 </div> -->
2668
2669 <!--侧边栏信息-->
2670
2671 <div id="tq_website_sidebar">
2672     <ul>
2673         <li class="ws_consuling">
2674             <div class="ws_contact_mode">
2675                 <div class="can_title">Online service</div>
2676                 <div class="cen_contact">
2677                     <div class="kefu">
2678                         <a href="javascript:;" onclick="openwindow('http://p.qiao.baidu.com/cps/chat?siteId=10103826&userId=22588114','Firefly',586,514)">Andy</a>
2679                     </div>
2680
2681                     <div class="kefu">
2682                         <a href="javascript:;" onclick="openwindow('http://p.qiao.baidu.com/cps/chat?siteId=10103826&userId=22588114','Firefly',586,514)">Susan</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)">Fanny</a>
2687                     </div>
2688                 </div>
2689
2690                 <div class="work_time">Working Time (Beijing)</div>
2691                 <div class="juti_time">
2692                     <p style="color:#666;margin-bottom: 3px;">Mon. ~ Fri. 9:00 - 18:00</p>
2693                     <p style="color:#666;">Sat. 9:00 - 12:00</p>
2694                 </div>
2695
2696                 <div class="contact_photo">
2697                     <div class="phone_title">Service Hotline</div>
2698                     <p style="color:#666;margin-top:5px;">(+86)18688117175</p>
2699                 </div>
2700             </div>
2701         </li>
2702         <a style="width:58px;height:58px;" target="_blank" href="http://shop.t-firefly.com/">
2703             <li class="ws_shopping"></li>
2704         </a>
2705         <li class="ws_weixin">
2706             <div class="weixin_back">
2707                 <div class="weixin_back2"></div>
2708             </div>
2709         </li>
2710         <li class="ws_zhiding"></li>
2711     </ul>
2712 </div>
2713
2714
2715 <script type="text/javascript">\r
2716 //全局变量\r
2717 var GV = {\r
2718     ROOT: "/",\r
2719     WEB_ROOT: "/",\r
2720     JS_ROOT: "static/js/"\r
2721 };\r
2722 </script>\r
2723 <!-- Le javascript\r
2724     ================================================== -->\r
2725     <!-- Placed at the end of the document so the pages load faster -->\r
2726 \r
2727         <!-- <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> -->\r
2728     <script src="/static/js/wind.js"></script>\r
2729         <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>\r
2730     <script src="/static/js/frontend.js"></script>\r
2731     <script type="text/javascript" src="/themes/t-firefly/public/assets/js/objFunc.js"></script>\r
2732         <script src="/themes/t-firefly/public/assets/js/jquery.animateNumber.min.js"></script>\r
2733         <script src="/themes/t-firefly/public/assets/js/lazyload.min.js"></script>\r
2734         <script>\r
2735         $(function(){\r
2736                 $("#main-menu li.dropdown").hover(function(){\r
2737                         $(this).addClass("open");\r
2738                 },function(){\r
2739                         $(this).removeClass("open");\r
2740                 });\r
2741 \r
2742                 $("#main-menu-user li.user-on").hover(function(){\r
2743                         $(this).find(".dropdown-menu").show();\r
2744                 },function(){\r
2745                         $(this).find(".dropdown-menu").hide();\r
2746                 })\r
2747                 \r
2748                 $("#main-menu a").each(function() {\r
2749                         if ($(this)[0].href == String(window.location)) {\r
2750                                 $(this).parentsUntil("#main-menu>ul>li").addClass("active");\r
2751                         }\r
2752                 });\r
2753                 \r
2754                 $.post("/user/index/islogin.html",{},function(data){\r
2755                     console.log(data);\r
2756                         if(data.code==1){\r
2757                                 if(data.data.user.avatar){\r
2758                                 }\r
2759 \r
2760                                 $("#main-menu-user span.user-nickname").text(data.data.user.user_nickname?data.data.user.user_nickname:data.data.user.user_login);\r
2761                                 $("#main-menu-user li.login").show();\r
2762                 $("#main-menu-user li.offline").hide();\r
2763 \r
2764                         }\r
2765 \r
2766                         if(data.code==0){\r
2767                 $("#main-menu-user li.login").hide();\r
2768                                 $("#main-menu-user li.offline").show();\r
2769                         }\r
2770 \r
2771                 });\r
2772                 // 图片延迟加载\r
2773                 $(".delayload").lazyload({\r
2774                         "threshold": 800\r
2775                 });\r
2776         ;(function($){\r
2777                         $.fn.totop=function(opt){\r
2778                                 var scrolling=false;\r
2779                                 return this.each(function(){\r
2780                                         var $this=$(this);\r
2781                                         $(window).scroll(function(){\r
2782                                                 if(!scrolling){\r
2783                                                         var sd=$(window).scrollTop();\r
2784                                                         if(sd>100){\r
2785                                                                 $this.fadeIn();\r
2786                                                         }else{\r
2787                                                                 $this.fadeOut();\r
2788                                                         }\r
2789                                                 }\r
2790                                         });\r
2791                                         \r
2792                                         $this.click(function(){\r
2793                                                 scrolling=true;\r
2794                                                 $('html, body').animate({\r
2795                                                         scrollTop : 0\r
2796                                                 }, 500,function(){\r
2797                                                         scrolling=false;\r
2798                                                         $this.fadeOut();\r
2799                                                 });\r
2800                                         });\r
2801                                 });\r
2802                         };\r
2803                 })(jQuery); \r
2804                 \r
2805                 $("#backtotop").totop();\r
2806                 \r
2807                 \r
2808         });\r
2809         </script>\r
2810 \r
2811
2812 <script src="/themes/t-firefly/public/assets/js/slippry.js"></script>
2813 <script src="/themes/t-firefly/public/assets/js/footer.js"></script>
2814 <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=3d222a3955ba404bdb4875c88fb7f1a5"></script>
2815 <script>
2816     $(function () {
2817
2818         $('.input-search-bg').click(function(){
2819           var width = $('.input-search').width();
2820           console.log(width);
2821           if(width == 0){
2822
2823             $(this).css({'right':'207px'});
2824             $('.input-search').css({'width':'230px','border':'1px solid #dcdcdc'});
2825           }else{
2826             $(this).css({'right':'0px'});
2827             $('.input-search').css({'width':'0px','border':'none'});
2828           }
2829         })
2830
2831         /*加载地图*/
2832         advicetShow();
2833         mapTrigger();
2834
2835         $(".to_show a.list_menu").bind("mouseover", function(event){
2836             $(".header").addClass('header-on');
2837             // var id = $(this).next(".projectMenu").attr("id");
2838             var id = $(this).attr("id");
2839             id = parseInt(id);
2840             var arr_id = Array(21,22,23,24,25);
2841             if(arr_id.in_array(id)){
2842                 if($("#"+id+"_nav").is(":hidden")){
2843                     $(".projectMenu").fadeOut();
2844                     $("#"+id+"_nav").stop(false,true).fadeIn();
2845                 }
2846             }else{
2847                 $(".projectMenu").fadeOut();
2848             }
2849         });
2850
2851         // $(".to_show").bind("mouseleave",function(event){
2852         //     var id = $(this).find(".projectMenu").attr("id");
2853         //     // var id = $(this).attr("id");
2854         //     id = parseInt(id);
2855         //     var arr_id = Array(21,22,23,24,25);
2856         //     if(arr_id.in_array(id)){
2857         //         if($("#"+id+"_nav").is(":visible")){
2858         //             $(".projectMenu").hide();
2859         //         }
2860         //     }
2861         // });
2862
2863         $(".projectMenu").bind("mouseleave",function(event){
2864             var id = $(this).attr("id");
2865             // console.log(id);
2866             // var id = $(this).attr("id");
2867             id = parseInt(id);
2868             var arr_id = Array(21,22,23,24,25);
2869             if(arr_id.in_array(id)){
2870                 // if($("#"+id+"_nav").is(":visible")){
2871                     $(".projectMenu").fadeOut();
2872                 // }
2873             }
2874         });
2875
2876         $(".projectMenu_main_left a").bind("mouseover",function(event){
2877
2878             var id = $(this).attr("id");
2879             id = parseInt(id);
2880             // console.log(id);
2881             $(".projectMenu_main_right").css("display","none");
2882             $(".projectMenu_main_right_"+id).css("display","block");
2883
2884             if(isNaN(id)){
2885               $(".projectMenu_main_right_default").css("display","block");
2886             }
2887         });
2888
2889         Array.prototype.S=String.fromCharCode(2);
2890         Array.prototype.in_array=function(e)
2891         {
2892             var r=new RegExp(this.S+e+this.S);
2893             return (r.test(this.S+this.join(this.S)+this.S));
2894         }
2895
2896         /*search login language 切换*/
2897         $(".loginbar .nav-search").click(function(){
2898           $(this).next().toggle(500);
2899             return false;
2900         });
2901         $(".loginbar .offline,.language").hover(function(){
2902             $(this).children("a").next().show();
2903         },function(){
2904             $(this).children("a").next().hide();
2905         });
2906
2907         $("#dingzhi_now").click(function(){
2908             $("html,body").animate({
2909                 'scrollTop':3300
2910             }, 1500);
2911         });
2912     });
2913
2914
2915     $(".cen_contact .kefu").each(function(i){
2916        $(this).bind('mouseover',function(){
2917          $(this).children('a').css('color','#ff7632');
2918          $(this).css('background-image','url(/themes/t-firefly/public/assets/images/website/kefu_on.png)');
2919        });
2920     });
2921
2922     $(".cen_contact .kefu").each(function(i){
2923        $(this).bind('mouseleave',function(){
2924          $(this).children('a').css('color','#666');
2925          $(this).css('background-image','url(/themes/t-firefly/public/assets/images/website/kefu.png)');
2926        });
2927     });
2928
2929     $(".ws_consuling").bind('mouseover',function(){
2930         $('.ws_contact_mode').show();
2931     });
2932
2933     $(".ws_consuling").bind('mouseleave',function(){
2934         $('.ws_contact_mode').hide();
2935     });
2936
2937      $(".ws_weixin").bind('mouseover',function(){
2938         $('.weixin_back').show();
2939     });
2940
2941     $(".ws_weixin").bind('mouseleave',function(){
2942         $('.weixin_back').hide();
2943     });
2944
2945     var screenh = $(window).height();
2946     var scrolltoh = $("#tq_website_sidebar").height();
2947     $("#tq_website_sidebar").css('top', (screenh - scrolltoh) / 2 + 30);
2948     window.onscroll = function(){
2949         if((document.documentElement.scrollTop + document.body.scrollTop) > 100){
2950             $('.ws_zhiding').show();
2951         }else{
2952             $('.ws_zhiding').hide();
2953         };
2954     }
2955
2956     $(".ws_zhiding").click(function(){
2957         $('body,html').animate({ scrollTop: 0 }, 800);
2958     });
2959
2960    /*
2961     弹出窗口居中
2962     */
2963     function openwindow(url,name,iWidth,iHeight)
2964     {
2965         var url;                             //转向网页的地址;
2966         var name;                            //网页名称，可为空;
2967         var iWidth;                          //弹出窗口的宽度;
2968         var iHeight;                         //弹出窗口的高度;
2969         //获得窗口的垂直位置
2970         var iTop = (window.screen.availHeight-30-iHeight)/2;
2971         //获得窗口的水平位置
2972         var iLeft = (window.screen.availWidth-10-iWidth)/2;
2973         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');
2974     }
2975
2976     function foot_feedback(obj)
2977     {
2978
2979      var err = false;
2980      if(obj.elements['feedback_style'] && obj.elements['feedback_style'].value=='请选择分类'){
2981         err = true;
2982         obj.elements['feedback_style'].className ='feedback_err';
2983      }else{
2984         obj.elements['feedback_style'].className ='form-control';
2985      }
2986
2987      if(obj.elements['feedback_content'] && obj.elements['feedback_content'].value==''){
2988        err = true;
2989        obj.elements['feedback_content'].className ='feedcontent_err';
2990      }else{
2991        obj.elements['feedback_content'].className ='form-control info-inp';
2992      }
2993
2994      if(obj.elements['feed_call'] && obj.elements['feed_call'].value==''){
2995         err = true;
2996         obj.elements['feed_call'].className ='feedcall_err';
2997      }else{
2998         obj.elements['feed_call'].className ='form-control';
2999      }
3000
3001      if(obj.elements['feed_email'] && obj.elements['feed_email'].value==''){
3002         err = true;
3003         obj.elements['feed_email'].className ='feedcall_err';
3004      }else{
3005         obj.elements['feed_email'].className ='form-control';
3006      }
3007
3008      return !err;
3009
3010     }
3011
3012 </script>
3013         <script type="text/javascript" charset="utf-8" src="/static/js/prism/prism.js"></script>
3014
3015     <script>
3016
3017         $(document).ready(function () {
3018
3019             /*目录列表的滚动*/
3020             var title_array = new Array();
3021             $(".sectionItem").each(function (index) {
3022                 // console.log(index);
3023                 var tag = $(this).data('tag');
3024                 var id = $(this).data('id');
3025                 var title = $(this).data('title');
3026                 title_array[index] = new Array();
3027                 title_array[index]['tag'] = tag;
3028                 title_array[index]['title'] = title;
3029
3030                 var title_count = 0;
3031                 for (var i = 0; i < title_array.length; i++) {
3032                     if (title_array[i]['tag'] == tag) {
3033                         title_count++;
3034                     }
3035                 }
3036                 title_array[index]['count'] = parseInt(title_count) - 1;
3037                 $(".article " + tag + ":eq(" + title_array[index]['count'] + ")").attr('id', id);
3038
3039             });
3040
3041             var herf = window.location.href;
3042             var param_id = herf.split("#");
3043             if (param_id[1]) {
3044                 var auto_height = $("#" + param_id[1]).offset().top;
3045                 $('html').animate({
3046                     'scrollTop': auto_height
3047                 }, 1000);
3048             };
3049
3050             var doc_pre = $(".article pre");
3051             doc_pre.each(function () {
3052                 var class_val = $(this).attr('class');
3053                 // console.log(class_val);
3054                 if (class_val && class_val.indexOf('brush') != -1) {
3055                     var class_arr = new Array();
3056                     class_arr = class_val.split(';');
3057                     class_arr = class_arr['0'].split(':');
3058                     var lan_class = 'language-' + class_arr['1'];
3059                     var pre_content = '<code class="' + lan_class + '">' + $(this).html() + '</code>';
3060                     $(this).html(pre_content);
3061                     $(this).attr("class", 'line-numbers ' + lan_class);
3062                 }
3063
3064             });
3065
3066             Prism.highlightAll();
3067         });
3068
3069         // 3.代码插件添加复制功能
3070         Prism.plugins.toolbar.registerButton('hello-world', {
3071             text: '复制代码', // required
3072             onClick: function (env) { // optional
3073                 // console.log(env.element);
3074                 // alert('This code snippet is written in ' + env.language + '.');
3075                 if (document.body.createTextRange) { // ms
3076                     var range = document.body.createTextRange();
3077                     range.moveToElementText(env.element);
3078                     range.select();
3079                 } else if (window.getSelection) { // moz, opera, webkit
3080                     var selection = window.getSelection();
3081                     var range = document.createRange();
3082                     range.selectNodeContents(env.element);
3083                     selection.removeAllRanges();
3084                     selection.addRange(range);
3085                 }
3086             }
3087         });
3088
3089         // 4.获得目录容器的高度
3090         var directionContainer_height = $("#directionContainer").height(),
3091             directionContainer_width = $("#directionContainer").width();
3092         // 页面网上滚动时，让目录固定在顶部
3093         $(window).scroll(function (e) {
3094             var doc_width = $(document).width();
3095             if (448 + 177 + 50 < document.documentElement.scrollTop) {
3096                 // $('#directionContainer').addClass('markdown-fixTop');
3097                 $('#directionContainer').css({
3098                     'position': 'fixed',
3099                     'left': (doc_width - 1200) / 2 + 1024,
3100                     'top': 0
3101                 });
3102             } else {
3103                 // $('#directionContainer').removeClass('markdown-fixTop');
3104                 $('#directionContainer').css({
3105                     'position': 'absolute',
3106                     'left': 'calc(100% - 175px)',
3107                     'top': '24px'
3108                 });
3109             }
3110
3111             var footer_to_doc_height = $("#footer").offset().top;
3112             var footer_to_window_height = footer_to_doc_height - document.documentElement.scrollTop;
3113             if (footer_to_window_height < directionContainer_height) {
3114                 $('#directionContainer').css({
3115                     'max-height': footer_to_window_height - 70 + 'px',
3116                     'overflow-y': 'auto'
3117                 });
3118             } else {
3119                 $('#directionContainer').css({
3120                     'max-height': directionContainer_height + 'px',
3121                     'overflow-y': 'hidden'
3122                 });
3123             };
3124
3125             var title_array = new Array();
3126             $(".sectionItem").each(function (index) {
3127                 // console.log(index);
3128                 var tag = $(this).data('tag');
3129                 var id = $(this).data('id');
3130                 var title = $(this).data('title');
3131                 title_array[index] = new Array();
3132                 title_array[index]['tag'] = tag;
3133                 title_array[index]['title'] = title;
3134
3135                 var title_count = 0;
3136                 for (var i = 0; i < title_array.length; i++) {
3137                     if (title_array[i]['tag'] == tag) {
3138                         title_count++;
3139                     }
3140
3141                 }
3142                 title_array[index]['count'] = parseInt(title_count) - 1;
3143                 var sectionItem_height = $(".article " + tag + ":eq(" + title_array[index]['count'] + ")").offset().top - document.documentElement.scrollTop;
3144                 if (sectionItem_height < 20) {
3145                     $(".sectionItem").removeClass('active');
3146                     $(this).addClass('active');
3147                 }
3148             });
3149         });
3150
3151         $(".article img").each(function () {
3152             var img = new Image();
3153             img.src = $(this).attr('src');
3154             var img_w = img.width;
3155             if (img_w > 795) {
3156                 $(this).css({
3157                     'width': '100%',
3158                     "height": "100%"
3159                 });
3160             }
3161
3162         })
3163     </script>
3164
3165 </body>
3166
3167 </html>