178 lines
8.2 KiB
PHTML
Executable File
178 lines
8.2 KiB
PHTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
{include file="include/head" /}
|
||
<script type="text/javascript">
|
||
var navID = "1";
|
||
</script>
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/css/subject/charger.css">
|
||
</head>
|
||
<body>
|
||
<div id="content">
|
||
<!--头部-->
|
||
{include file="include/top" /}
|
||
|
||
<!--banner-->
|
||
<div class="banner position_r img-responsives margin-top-90">
|
||
<img src="__PUBLIC__/m_web/images/charger/charger_banner.jpg">
|
||
<div class="charger charger_banner text_white">
|
||
<p class="big_title">差旅搭档</p>
|
||
<p class="des margin-top-10">美好旅途，</p>
|
||
<p class="des margin-top-10">从满满的电量开始</p>
|
||
</div>
|
||
</div>
|
||
<!--第二屏-->
|
||
<div class="m_Container text_black text_center">
|
||
<div class="title margin-top-50">薄轻颜美、电快量足</div>
|
||
<div class="subtitle margin-top-10">你旅途中的小确幸</div>
|
||
<div class="des margin-top-10 line-height-40 text_gray">手机功能越来越丰富，体积越来越轻薄，作为强力的续航后盾——移动电源在生活中充当的角色也越来越重要。<br>
|
||
轻薄无负的出行快感，单手可握的舒适手感，畅玩一周的饱满电量，以及即刻充满速度，让你对每一次出行，都充满了活力与期待。</div>
|
||
<video controls poster="__PUBLIC__/web/images/charger/charger_02_video.jpg" class="margin-top-14">
|
||
<source src="__PUBLIC__/web/images/charger/ORICO-K10P20P.mp4" type="video/mp4" />
|
||
您的浏览器不支持 video 标签。
|
||
Your browser does not support HTML5 video.
|
||
</video>
|
||
</div>
|
||
<!--第三屏-->
|
||
<div class="m_Container img-responsives text_black">
|
||
<ul class="list_two">
|
||
<li class="position_r">
|
||
<img src="__PUBLIC__/m_web/images/charger/charger_three_01.jpg">
|
||
<div class="special_title">ORICO FIREFLY-YC10</div>
|
||
<div class="buy des text_center buy_button">
|
||
<a href="https://detail.tmall.com/item.htm?id=581989383065" class="buy_margin" target="_blank">天猫购买</a>
|
||
<a href="https://item.jd.com/36818723893.html" target="_blank">京东购买</a>
|
||
</div>
|
||
</li>
|
||
<li class="position_r">
|
||
<img src="__PUBLIC__/m_web/images/charger/charger_three_02.jpg">
|
||
<div class="special_title">ORICO FIREFLY-M10</div>
|
||
<div class="buy des text_center buy_button">
|
||
<a href="https://detail.tmall.com/item.htm?id=581626046679" class="buy_margin" target="_blank">天猫购买</a>
|
||
<a href="https://item.jd.com/36419513320.html" target="_blank">京东购买</a>
|
||
</div>
|
||
</li>
|
||
<li class="position_r">
|
||
<img src="__PUBLIC__/m_web/images/charger/charger_three_03.jpg">
|
||
<div class="special_title">ORICO FIREFLY-W10000</div>
|
||
<div class="buy des text_center buy_button">
|
||
<a href="https://detail.tmall.com/item.htm?id=579053338659" class="buy_margin" target="_blank">天猫购买</a>
|
||
<a href="https://item.jd.com/34136415732.html" target="_blank">京东购买</a>
|
||
</div>
|
||
</li>
|
||
<li class="position_r">
|
||
<img src="__PUBLIC__/m_web/images/charger/charger_three_04.jpg">
|
||
<div class="special_title">ORICO FIREFLY-S5</div>
|
||
<div class="buy des text_center buy_button">
|
||
<a href="https://detail.tmall.com/item.htm?id=578664375404" class="buy_margin" target="_blank">天猫购买</a>
|
||
<a href="https://item.jd.com/33748667556.html" target="_blank">京东购买</a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--第四屏-->
|
||
<div class="banner position_r img-responsives margin-top-20">
|
||
<img src="__PUBLIC__/m_web/images/charger/charger_04.jpg">
|
||
<div class="charger charger_banner text_white">
|
||
<p class="big_title line-height-45">萤之光系列</p>
|
||
<p class="des margin-top-10">流萤之光，点亮黑暗</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!--第五屏-->
|
||
<div class="m_Container img-responsives text_black">
|
||
<ul class="list_two margin-top-10">
|
||
<li class="position_r">
|
||
<img src="__PUBLIC__/m_web/images/charger/charger_five_01.jpg">
|
||
<div class="special_title">ORICO FIREFLY-K10000</div>
|
||
<div class="buy des text_center buy_button">
|
||
<a href="https://detail.tmall.com/item.htm?id=564324743677" class="buy_margin" target="_blank">天猫购买</a>
|
||
<a href="https://item.jd.com/27427030780.html" target="_blank">京东购买</a>
|
||
</div>
|
||
</li>
|
||
<li class="position_r">
|
||
<img src="__PUBLIC__/m_web/images/charger/charger_five_02.jpg">
|
||
<div class="special_title">ORICO FIREFLY-C20</div>
|
||
<div class="buy des text_center buy_button">
|
||
<a href="https://detail.tmall.com/item.htm?id=582121176718" class="buy_margin" target="_blank">天猫购买</a>
|
||
<a href="https://item.jd.com/37256217725.html" target="_blank">京东购买</a>
|
||
</div>
|
||
</li>
|
||
<li class="position_r">
|
||
<img src="__PUBLIC__/m_web/images/charger/charger_five_03.jpg">
|
||
<div class="special_title">ORICO FIREFLY-M6</div>
|
||
<div class="buy des text_center buy_button">
|
||
<a href="https://detail.tmall.com/item.htm?id=581626046679" class="buy_margin" target="_blank">天猫购买</a>
|
||
<a href="https://item.jd.com/36404611548.html" target="_blank">京东购买</a>
|
||
</div>
|
||
</li>
|
||
<li class="position_r">
|
||
<img src="__PUBLIC__/m_web/images/charger/charger_five_04.jpg">
|
||
<div class="special_title">ORICO FIREFLY-C10</div>
|
||
<div class="buy des text_center buy_button">
|
||
<a href="https://detail.tmall.com/item.htm?id=582121176718" class="buy_margin" target="_blank">天猫购买</a>
|
||
<a href="https://item.jd.com/37256217724.html" target="_blank">京东购买</a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<ul class="list_one">
|
||
<li>
|
||
<img src="__PUBLIC__/m_web/images/charger/charger_five_05.jpg">
|
||
<div class="special_text">
|
||
<div class="title">萤火虫系列大容量超薄移动电源</div>
|
||
<div class="subtitle margin-top-14">ORICO FIREFLY-K10S</div>
|
||
<div class="buy_button des margin-top-40">
|
||
<a href="https://detail.tmall.com/item.htm?id=584178569065" class="buy_margin" target="_blank">天猫购买</a>
|
||
<a href="https://item.jd.com/39884105206.html" target="_blank">京东购买</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</div>
|
||
<!--第六屏-->
|
||
<div class="banner position_r img-responsives margin-top-20">
|
||
<img src="__PUBLIC__/m_web/images/charger/charger_06.jpg">
|
||
<div class="charger charger_06 text_white">
|
||
<p class="big_title line-height-45">移动电源+无线充<br>合二为一</p>
|
||
<p class="des margin-top-10">冲破传统与技术的桎梏</p>
|
||
</div>
|
||
</div>
|
||
<!--第七屏-->
|
||
<div class="banner position_r img-responsives margin-top-20">
|
||
<img src="__PUBLIC__/m_web/images/charger/charger_07.jpg">
|
||
<div class="charger charger_07 text_white">
|
||
<p class="big_title line-height-45">多重快充模式合体<br>智能切换</p>
|
||
<p class="des margin-top-10">18W电力传输，不想等，就要快</p>
|
||
</div>
|
||
</div>
|
||
<!--第八屏-->
|
||
<div class="m_Container img-responsives text_black">
|
||
<ul class="list_two margin-top-10">
|
||
<li class="position_r">
|
||
<img src="__PUBLIC__/m_web/images/charger/charger_three_01.jpg">
|
||
<div class="special_title">ORICO FIREFLY-K10000</div>
|
||
<div class="buy des text_center buy_button">
|
||
<a href="https://detail.tmall.com/item.htm?id=564324743677" class="buy_margin" target="_blank">天猫购买</a>
|
||
<a href="https://item.jd.com/27427030780.html" target="_blank">京东购买</a>
|
||
</div>
|
||
</li>
|
||
<li class="position_r">
|
||
<img src="__PUBLIC__/m_web/images/charger/charger_three_02.jpg">
|
||
<div class="special_title">ORICO FIREFLY-C20</div>
|
||
<div class="buy des text_center buy_button">
|
||
<a href="https://detail.tmall.com/item.htm?id=582121176718" class="buy_margin" target="_blank">天猫购买</a>
|
||
<a href="https://item.jd.com/37256217725.html" target="_blank">京东购买</a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<br class="bottom-margin">
|
||
|
||
<!--底部-->
|
||
{include file="include/bottom" /}
|
||
|
||
</div>
|
||
|
||
</body>
|
||
</html> |