{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" href="__CSS__/download.css" />
{/block}
{block name="main"}
<div class="orico_Page_download">
    <!-- 内容 -->
    <div class="downloadMain">
        <div class="topimg">
            <img src="__IMAGES__/banner_01.png" />
            <div class="banner_title">{:lang('attachment.software_drives')}</div>
        </div>
        <div class="contact_c">
            <!-- 搜索 -->
            <div class="search_all">
                <input type="text" name="textfield" placeholder="Search model" id="search_software">
                <div class="searchbtn" id="search-btn">
                    <img src="downloadImg/search.png" />
                </div>
            </div>
            <!-- tab切换 -->
            <div class="tab">
                <div class="tabit on">{:lang('attachment.software_download')}</div>
                <div class="tabit">{:lang('attachment.manual_download')}</div>
                <div class="tabit">{:lang('attachment.video')}</div>
            </div>
            <!-- 切换的内容 -->
            <div class="softlist">
                <div class="softit">
                    <div class="left_img"><img src="downloadImg/10G.jpg" alt=""></div>
                    <div>
                        <p class="title">Driver for USB-C 10Gb Ethernet Adapter</p>
                        <p class="sub_title">Supported Models: </p>
                        <p class="des">ORICO-REA-10</p>
                        <p class="sub_title">Supported Systems: </p>
                        <p class="des">Windows 10-11, Linux</p>
                        <p>
                            <a href="/uploads/download/2024/Linux-Driver.zip" data-cod="dl" data-id="332"
                                target="_blank"><span class="l_button">Linux</span></a>
                            <a href="/uploads/download/2024/Windows 10-11.zip" data-cod="dl" data-id="332"
                                target="_blank"><span class="l_button">Windows 10-11</span></a>
                        </p>
                    </div>
                </div>
                <div class="softit">
                    <div class="left_img"><img src="downloadImg/10G.jpg" alt=""></div>
                    <div>
                        <p class="title">Driver for USB-C 10Gb Ethernet Adapter</p>
                        <p class="sub_title">Supported Models: </p>
                        <p class="des">ORICO-REA-10</p>
                        <p class="sub_title">Supported Systems: </p>
                        <p class="des">Windows 10-11, Linux</p>
                        <p>
                            <a href="/uploads/download/2024/Linux-Driver.zip" data-cod="dl" data-id="332"
                                target="_blank"><span class="l_button">Linux</span></a>
                            <a href="/uploads/download/2024/Windows 10-11.zip" data-cod="dl" data-id="332"
                                target="_blank"><span class="l_button">Windows 10-11</span></a>
                        </p>
                    </div>
                </div>
                <div class="softit">
                    <div class="left_img"><img src="downloadImg/10G.jpg" alt=""></div>
                    <div>
                        <p class="title">Driver for USB-C 10Gb Ethernet Adapter</p>
                        <p class="sub_title">Supported Models: </p>
                        <p class="des">ORICO-REA-10</p>
                        <p class="sub_title">Supported Systems: </p>
                        <p class="des">Windows 10-11, Linux</p>
                        <p>
                            <a href="/uploads/download/2024/Linux-Driver.zip" data-cod="dl" data-id="332"
                                target="_blank"><span class="l_button">Linux</span></a>
                            <a href="/uploads/download/2024/Windows 10-11.zip" data-cod="dl" data-id="332"
                                target="_blank"><span class="l_button">Windows 10-11</span></a>
                        </p>
                    </div>
                </div>
                <div class="Page">
                    <span class="p_page">
                        <a class="a_prev"></a>
                        <em class="num">
                            <a class="a_cur">1</a>
                            <a>2</a>
                            <a>3</a>
                            <a>4</a>
                        </em>
                        <a class="a_next"></a>
                    </span>
                </div>
            </div>
            <!-- VIDEO 切换 -->
            <div class="vidotabs" style="display: none;">
                <div class="hd">
                    <ul>
                        <li class="vli von">Data Storage</li>
                        <li class="vli">Power Transmission</li>
                        <li class="vli">Smart Life</li>
                        <li class="vli">Accessories</li>
                    </ul>
                </div>
                <!-- 视频内容 -->
                <div class="bdconten">
                    <ul >
                        <dl class="video_hotul">
                            <dd>
                                <div class="hot1">
                                    <video preload="none" controls="controls">
                                        <source src="/uploads/uk/video/entertainment/RP1 .mp4" type="video/mp4">
                                    </video>
                                </div>
                                <div class="htit">
                                    <div class="htit1">ORICO RP1 Headphones</div>
                                    <div class="htit2"> ORICO RP1 in-ear music headphones, skin-friendly and
                                        comfortable for long time wearing; black, white, red and blue, four
                                        colors for you to choose. ORICO 2169U3 full mesh 2.5 inch hard drive
                                        enclosure, all-round heat-dissipation; compatible with SATA HDD below
                                        9.5mm. </div>
                                </div>
                            </dd>
                            <dd>
                                <div class="hot1">
                                    <video preload="none" controls="controls">
                                        <source src="/uploads/uk/video/entertainment/BS16.mp4" type="video/mp4">
                                    </video>
                                </div>
                                <div class="htit">
                                    <div class="htit1">ORICO BS16 Bluetooth Speaker</div>
                                    <div class="htit2"> ORICO BS16 unique and delicate pocket Bluetooth speaker,
                                        bring you beautiful music; smaller size, unprecedented endurance. ORICO
                                        2169U3 full mesh 2.5 inch hard drive enclosure, all-round
                                        heat-dissipation; compatible with SATA HDD below 9.5mm. </div>
                                </div>
                            </dd>
                            <div class="clear"></div>
                        </dl>
                        <div id="page39">
                            <!-- 分页  s -->
                            <!-- 分页  e -->
                        </div>
                    </ul>
                </div>
            </div>
            <!-- 如果切换的是 Videos-->
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
    $(document).ready(function() {
        // 为所有具有 tabitme 类的元素添加点击事件
        $('.tabit').click(function() {
            // 移除所有 tabitme 元素的 on 类
            $('.tabit').removeClass('on');
            // 为当前点击的元素添加 on 类
            $(this).addClass('on');
        });
        // 为所有具有 tabitme 类的元素添加点击事件
        $('.vli').click(function() {
            // 移除所有 tabitme 元素的 on 类
            $('.vli').removeClass('von');
            // 为当前点击的元素添加 on 类
            $(this).addClass('von');
        });
    });
</script>
{/block}