feat: 模板区分pc与mobile

This commit is contained in:
2025-05-22 18:05:49 +08:00
parent 2423d876d7
commit eb6ead0b9c
147 changed files with 5108 additions and 14 deletions

View File

@@ -2,6 +2,10 @@
// +---------------------------------------------------------------------- // +----------------------------------------------------------------------
// | 模板设置 // | 模板设置
// +---------------------------------------------------------------------- // +----------------------------------------------------------------------
$view_deivce_name = 'pc';
if (request()->isMobile()) {
$view_deivce_name = 'mobile';
}
return [ return [
// 模板引擎类型使用Think // 模板引擎类型使用Think
@@ -9,7 +13,7 @@ return [
// 默认模板渲染规则 1 解析为小写+下划线 2 全部转换小写 3 保持操作方法 // 默认模板渲染规则 1 解析为小写+下划线 2 全部转换小写 3 保持操作方法
'auto_rule' => 1, 'auto_rule' => 1,
// 模板目录名 // 模板目录名
'view_dir_name' => 'view', 'view_dir_name' => "view/{$view_deivce_name}",
// 模板后缀 // 模板后缀
'view_suffix' => 'html', 'view_suffix' => 'html',
// 模板文件名分隔符 // 模板文件名分隔符
@@ -24,8 +28,8 @@ return [
'taglib_end' => '}', 'taglib_end' => '}',
// 模板输出替换 // 模板输出替换
'tpl_replace_string' => [ 'tpl_replace_string' => [
'__CSS__' => '/static/index/css', '__CSS__' => "/static/index/{$view_deivce_name}/css",
'__JS__' => '/static/index/js', '__JS__' => "/static/index/{$view_deivce_name}/js",
'__IMAGES__' => '/static/index/images', '__IMAGES__' => "/static/index/{$view_deivce_name}/images",
] ]
]; ];

View File

@@ -0,0 +1,470 @@
{extend name="public/base"/}
{block name="main"}
<div class="oricoEGapp">
<!--首页 -->
<div class="oricoEGapp-index">
<!-- banner-->
<div class="oidx-banner">
<div class="swiper-container bannerswiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="indeximg/banne1.png" alt="图片1">
</div>
<div class="swiper-slide">
<img src="indeximg/banne2.png" alt="图片1">
</div>
<div class="swiper-slide">
<img src="indeximg/banne3.png" alt="图片1">
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
</div>
</div>
<!-- 四大分类-->
<div class="oidx-cate">
<div class="cateit">
<img src="indeximg/sjcc.png" />
<span>数据存储</span>
</div>
<div class="cateit">
<img src="indeximg/zhcc.png" />
<span>智慧存储</span>
</div>
<div class="cateit">
<img src="indeximg/znjj.png" />
<span>智能家具</span>
</div>
<div class="cateit">
<img src="indeximg/3cpz.png" />
<span>3C配件</span>
</div>
</div>
<!-- 广告-->
<div class="oidx-gg">
<div class="index-img">
<img src="indeximg/yi-1.jpg">
<div class="Innew-text wow animated bounceInLeft animated">
<p class="title">固态存储</p>
<div class="more">
<a href="https://www.orico.cc/usmobile/product/subcatelists/id/167" target="_blank">
查看所有 <i class="icon-right-svg"></i>
</a>
</div>
</div>
</div>
<div class="index-img">
<img src="indeximg/yi-1.jpg">
<div class="Innew-text wow animated bounceInLeft animated">
<p class="title">固态存储</p>
<div class="more">
<a href="https://www.orico.cc/usmobile/product/subcatelists/id/167" target="_blank">
查看所有 <i class="icon-right-svg"></i>
</a>
</div>
</div>
</div>
</div>
<!-- 明星产品/热点产品-->
<div class="oidx-FP">
<div class="Inpro-text">
<p class="title"> 明星产品/热点产品</p>
</div>
<div class="m_Container">
<div class="swiper-container FPswiper">
<div class="swiper-wrapper text_center">
<div class="swiper-slide inproimg ">
<a><img src="indeximg/pt.jpg" alt="" /></a>
<div class="inprotext">
<p class="text_center title">M.2 2230 磁吸硬盘盒</p>
<p class="t-f16"></p>
<p class="timeblue">
<a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
src="indeximg/more-r.png">
</a>
</p>
</div>
</div>
<div class="swiper-slide inproimg ">
<a><img src="indeximg/pt.jpg" alt="" /></a>
<div class="inprotext">
<p class="text_center title">M.2 2230 磁吸硬盘盒</p>
<p class="t-f16"></p>
<p class="timeblue">
<a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
src="indeximg/more-r.png">
</a>
</p>
</div>
</div>
<div class="swiper-slide inproimg ">
<a><img src="indeximg/pt.jpg" alt="" /></a>
<div class="inprotext">
<p class="text_center title">M.2 2230 磁吸硬盘盒</p>
<p class="t-f16"></p>
<p class="timeblue">
<a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
src="indeximg/more-r.png">
</a>
</p>
</div>
</div>
<div class="swiper-slide inproimg ">
<a><img src="indeximg/pt.jpg" alt="" /></a>
<div class="inprotext">
<p class="text_center title">M.2 2230 磁吸硬盘盒</p>
<p class="t-f16"></p>
<p class="timeblue">
<a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
src="indeximg/more-r.png">
</a>
</p>
</div>
</div>
<div class="swiper-slide inproimg ">
<a><img src="indeximg/pt.jpg" alt="" /></a>
<div class="inprotext">
<p class="text_center title">M.2 2230 磁吸硬盘盒</p>
<p class="t-f16"></p>
<p class="timeblue">
<a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
src="indeximg/more-r.png">
</a>
</p>
</div>
</div>
<div class="swiper-slide inproimg ">
<a><img src="indeximg/pt.jpg" alt="" /></a>
<div class="inprotext">
<p class="text_center title">M.2 2230 磁吸硬盘盒</p>
<p class="t-f16"></p>
<p class="timeblue">
<a href="http://www.orico.cc/usmobile/product/detail/id/8375"> 了解更多 <img
src="indeximg/more-r.png">
</a>
</p>
</div>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<!--专题图片展示-->
<div class="oidx-ztpictureshow">
<!--视频-->
<div class="vedio_in">
<img src="indeximg/mobile-video.jpg">
<iframe class="margin-top-20" width="100%" style="z-index:9999;"
src="https://www.youtube.com/embed/MgTbmc1amfQ" title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen="" id="videoElement"></iframe>
</div>
<div class="indocking">
<a><img src="indeximg/Office-2.jpg"></a>
<div class="position_a text_center wow animated bounceInLeft">
<p class="f_weight_500 timetitle">5合1便携插座 </p>
<p class=" margin-top-14 f_weight_100 timedesin">小巧玲珑,匠心独蕴。</p>
<p class=" margin-top-20 f_weight_100">
<a class="timeblue"> 了解更多 <img src="indeximg/more-r.png"></a>
</p>
</div>
</div>
<div class="indocking">
<a><img src="indeximg/Office-2.jpg"></a>
<div class="position_a text_center wow animated bounceInLeft">
<p class="f_weight_500 timetitle">5合1便携插座 </p>
<p class=" margin-top-14 f_weight_100 timedesin">小巧玲珑,匠心独蕴。</p>
<p class=" margin-top-20 f_weight_100">
<a class="timeblue"> 了解更多 <img src="indeximg/more-r.png"></a>
</p>
</div>
</div>
</div>
<!--orico技术-->
<div class="oidx-tcly">
<div class="Tech-text">
<h3>Orico 技术</h3>
<p>强大功能、简单使用</p>
</div>
<div class="section section-blends section-full">
<div class="section-stack section-stack--center ">
<div class="section-stack__main">
<div class="before-after shadow text-custom ba-slider">
<img src="indeximg/back-img01.jpg">
<div class="resize">
<img src="indeximg/back-img02.jpg" style="width: 390px;">
</div>
<span class="handle"></span>
</div>
</div>
</div>
</div>
</div>
<!--时间轴效果-->
<div class="oidx-times">
<section class="cd-horizontal-timeline loaded">
<div class="events-content">
<ul>
<li class="selected">
<img src="indeximg/about-1.jpg">
<div class="position_a text_center">
<p class=" timetitle">关于我们 </p>
<p class=" margin-top-14 f_weight_100 timedesin">
深圳市奥睿科科技有限公司成立于2009年是一家具有自主知识产权、自主品牌、自主柔性生产链的新型互联网制造企业。因其强大的专业能力严谨的合作态度高水准的产品而受到业内伙伴的一致认可。
</p>
<p class=" margin-top-20 f_weight_100">
<span class=" timeblue">
<a> 了解更多 <img src="indeximg/more-r.png">
</a>
</span>
</p>
</div>
</li>
<li>
<img src="indeximg/about-2.jpg">
<div class="position_a text_center">
<p class=" timetitle">全新使命</p>
<p class=" margin-top-14 f_weight_100 timedesin">
未来Orico将依托NAS拓展坞快闪U盘数据线等系列产品线和全面的产品组合满足全球市场的个性化的数据存储、传输、同步需求。我们也将承担社会责任实现可持续发展和绿色创新。
</p>
<p class=" margin-top-20 f_weight_100">
<span class=" timeblue">
<a> 了解更多 <img src="indeximg/more-r.png">
</a>
</span>
</p>
</div>
</li>
<li>
<img src="indeximg/about-2.jpg">
<div class="position_a text_center">
<p class=" timetitle">全新使命</p>
<p class=" margin-top-14 f_weight_100 timedesin">
未来Orico将依托NAS拓展坞快闪U盘数据线等系列产品线和全面的产品组合满足全球市场的个性化的数据存储、传输、同步需求。我们也将承担社会责任实现可持续发展和绿色创新。
</p>
<p class=" margin-top-20 f_weight_100">
<span class=" timeblue">
<a> 了解更多 <img src="indeximg/more-r.png">
</a>
</span>
</p>
</div>
</li>
</ul>
</div>
<!-- .events-content -->
<div class="timeline">
<div class="events-wrapper">
<div class="events">
<ol>
<li>
<a class="selected">2021</a>
</li>
<li>
<a>2022</a>
</li>
<li>
<a>2023</a>
</li>
</ol>
<span class="filling-line"></span>
</div>
</div>
</div>
</section>
</div>
<!--number-->
<div class="oidx-total">
<div class="num-bg clearfix">
<ul>
<li>
<h3>200000000</h3>
<p>三年内订单</p>
</li>
<li>
<h3>20</h3>
<p>国际荣誉</p>
</li>
<li>
<h3>70</h3>
<p>畅销国家</p>
</li>
</ul>
</div>
</div>
<!-- 图片切换 -->
<div class="oidx-imgqh">
<div class="swiper-container imgqhswiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a>
<div class="title pos-text">ORICO DataMatrix Crowdfunding Will Kick off July 2 on
Kickstarter, 1st Real-Time Hybrid Storage for Post-Production</div>
<img src="indeximg/1 - 副本.png" alt="图片1">
</a>
</div>
<div class="swiper-slide">
<a>
<div class="title pos-text">ORICO DataMatrix Crowdfunding Will Kick off July 2 on
Kickstarter, 1st Real-Time Hybrid Storage for Post-Production</div>
<img src="indeximg/1 - 副本.png" alt="图片1">
</a>
</div>
<div class="swiper-slide">
<a>
<div class="title pos-text">ORICO DataMatrix Crowdfunding Will Kick off July 2 on
Kickstarter, 1st Real-Time Hybrid Storage for Post-Production</div>
<img src="indeximg/1 - 副本.png" alt="图片1">
</a>
</div>
<div class="swiper-slide">
<a>
<div class="title pos-text">ORICO DataMatrix Crowdfunding Will Kick off July 2 on
Kickstarter, 1st Real-Time Hybrid Storage for Post-Production</div>
<img src="indeximg/1 - 副本.png" alt="图片1">
</a>
</div>
<div class="swiper-slide">
<a>
<div class="title pos-text">ORICO DataMatrix Crowdfunding Will Kick off July 2 on
Kickstarter, 1st Real-Time Hybrid Storage for Post-Production</div>
<img src="indeximg/1 - 副本.png" alt="图片1">
</a>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
</div>
</div>
<!-- 常见问题-->
<div class="oidx-fqa">
<div class="faq">
<div class="faq-title ">
<h3>常见问题</h3>
<h5>回答您最关心的问题</h5>
<p>客服团队的工作时间周一到周五早9点到晚6点 平均应答时间24小时内</p>
</div>
<dl>
<dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
</dt>
<dd>您好orico都是采用的进口控制芯片IC原器件自己研发的PCBA电路板以及所有模具外观均是ORICO研发生产!这种便宜的产品不是使用控制芯片而是使用一种叫邦定的技术一个PCBA如果使用邦定成本很低但是用个十来天就会出现问题!ORICO全部使用贴片元器件所以从用料上完全不一样!
</dd>
</dl>
<dl>
<dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
</dt>
<dd>您好orico都是采用的进口控制芯片IC原器件自己研发的PCBA电路板以及所有模具外观均是ORICO研发生产!这种便宜的产品不是使用控制芯片而是使用一种叫邦定的技术一个PCBA如果使用邦定成本很低但是用个十来天就会出现问题!ORICO全部使用贴片元器件所以从用料上完全不一样!
</dd>
</dl>
<dl>
<dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
</dt>
<dd>您好orico都是采用的进口控制芯片IC原器件自己研发的PCBA电路板以及所有模具外观均是ORICO研发生产!这种便宜的产品不是使用控制芯片而是使用一种叫邦定的技术一个PCBA如果使用邦定成本很低但是用个十来天就会出现问题!ORICO全部使用贴片元器件所以从用料上完全不一样!
</dd>
</dl>
<dl>
<dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
</dt>
<dd>您好orico都是采用的进口控制芯片IC原器件自己研发的PCBA电路板以及所有模具外观均是ORICO研发生产!这种便宜的产品不是使用控制芯片而是使用一种叫邦定的技术一个PCBA如果使用邦定成本很低但是用个十来天就会出现问题!ORICO全部使用贴片元器件所以从用料上完全不一样!
</dd>
</dl>
<dl>
<dt class="cursor_p">同行产品品牌对比<i class="rotate icon-add-svg"></i>
</dt>
<dd>您好orico都是采用的进口控制芯片IC原器件自己研发的PCBA电路板以及所有模具外观均是ORICO研发生产!这种便宜的产品不是使用控制芯片而是使用一种叫邦定的技术一个PCBA如果使用邦定成本很低但是用个十来天就会出现问题!ORICO全部使用贴片元器件所以从用料上完全不一样!
</dd>
</dl>
</div>
</div>
</div>
</div>
{/block}
{block name="script"}
<script src="__JS__/before-after.min.js" type="text/javascript"></script>
<script type="text/javascript">
//banner轮播
var bannerswiper = new Swiper('.bannerswiper', {
// 配置选项
loop: true,
autoplay: {
delay: 3000,
},
pagination: {
el: '.swiper-pagination',
}
});
// 分类轮播
var FPswiper = new Swiper(".FPswiper", {
loop: true, //允许从第一张到最后一张,或者从最后一张到第一张 循环属性
slidesPerView: 2, // 设置显示一张
centeredSlides: true, //使当前图片居中显示
centeredSlidesBounds: true, //使左右两边的图片始终贴合边缘
autoplay: true, //可选选项,自动滑动
initialSlide: 0, //默认显示第二张图片索引从0开始
speed: 2000, //设置过度时间
autoplay: false,
});
// 图片切换
var imgqhswiper = new Swiper('.imgqhswiper', {
loop: true, //允许从第一张到最后一张,或者从最后一张到第一张 循环属性
effect: 'coverflow', //轮播效果coverflow覆盖流效果
slidesPerView: 2,
centeredSlides: true,
slidesOffsetBefore: 0, //偏移使第一张图片向右偏移150px */
autoplay: true, //可选选项,自动滑动
speed: 2000, //设置过度时间
autoplay: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
dynamicBullets: true,
},
});
$(function() {
//视频播放
var videos = $(".vedio_in");
videos.on("click", function() {
var elm = $(this),
conts = elm.contents(),
le = conts.length,
ifr = null;
for (var i = 0; i < le; i++) {
if (conts[i].nodeType == 8) ifr = conts[i].textContent;
}
elm.addClass("player").html(ifr);
elm.off("click");
});
// 图片覆盖左右移动
$('.before-after').beforeAfter();
// 为日期链接添加点击事件处理函数
$('.events a').on('click', function() {
// 移除所有日期链接的 selected 类
$('.events a').removeClass('selected');
// 移除所有内容列表项的 selected 类
$('.events-content li').removeClass('selected');
// 为当前点击的日期链接添加 selected 类
$(this).addClass('selected');
// 获取当前点击链接的索引
var index = $('.events a').index(this);
// 为对应的内容列表项添加 selected 类
$('.events-content li').eq(index).addClass('selected');
});
// fqa
// 为所有带有 cursor_p 类的 dt 元素添加点击事件处理函数
$('.cursor_p').on('click', function() {
// 切换对应的 dd 元素的显示和隐藏状态
$(this).next('dd').slideToggle(400);
// 获取当前 dt 元素内的图标元素
var icon = $(this).find('i');
// 切换图标类名
if (icon.hasClass('icon-add-svg')) {
icon.removeClass('icon-add-svg').addClass('icon-jian-svg');
} else {
icon.removeClass('icon-jian-svg').addClass('icon-add-svg');
}
});
});
</script>
{/block}

View File

@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
{block name="title"}<title>{$basic_config['website_seo_title']['value']}</title>{/block}
{block name="seo"}
<meta name="keywords" content="{$basic_config['website_seo_keyword']['value']}" />
<meta name="description" content="{$basic_config['website_seo_description']['value']}" />
{/block}
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" type="text/css" href="__CSS__/public.css" />
<link rel="stylesheet" type="text/css" href="__CSS__/style.css" />
<link rel="stylesheet" type="text/css" href="__CSS__/fonts.css" />
<link rel="stylesheet" type="text/css" href="__CSS__/header.css" />
<link rel="stylesheet" type="text/css" href="__CSS__/fonter.css" />
{block name="style"}{/block}
<link rel="stylesheet" href="https://unpkg.com/swiper@9/swiper-bundle.min.css">
</head>
<body>
{block name="header"}
{include file="public/header"/}
{/block}
{block name="main"}{/block}
{block name="footer"}
{include file="public/footer"/}
{/block}
<script type="text/javascript" src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
<script src="https://unpkg.com/swiper@9.4.1/swiper-bundle.min.js"></script>
{block name="script"}{/block}
</body>
</html>

View File

@@ -0,0 +1,62 @@
<footer class="oircoEgapp-foot">
<div class="footer">
<div class="logo-white"><img src="img/logo-white.png"></div>
<!--div class="logo-text">Sign up for news, updates & 10% off your first order.</div>
<div class="foot-in"><input type="text" name="E-mail" placeholder="E-mail" class="logo-input"><div class="logo-arr"><img src="img/arriow-r.png" ></div-->
<div class="foot-cate">
<ul class="clearfix">
<li>
<h3>产品</h3>
<p><a>数据存储</a></p>
<p><a>智慧存储</a></p>
<p><a>智能家居</a></p>
<p><a>3C配件</a></p>
</li>
<li>
<h3>关于我们</h3>
<p>
<a target="_blank" class="inline-block link-faded break-all">关于我们</a>
</p>
<p>
<a target="_blank" class="inline-block link-faded break-all">联系我们</a>
</p>
<p>
<a target="_blank" class="inline-block link-faded break-all">问答中心</a>
</p>
</li>
<li>
<h3>服务与支持</h3>
<p>
<a class="inline-block link-faded break-all">技术支持</a>
</p>
<p>
<a class="inline-block link-faded break-all">售后政策</a>
</p>
<p>
<a class="inline-block link-faded break-all">ORICO粉丝群</a>
</p>
</li>
<li>
<h3>联系方式</h3>
<p>邮箱: supports@orico.com.cn</p>
<p>周一至周五:北京时间 9:00- 18:00 </p>
</li>
</ul>
</div>
<div class="foot-wei">
<div class="m_footer text_white m-in-top clearfix">
<div class="left">
<a target="_blank"><img src="img/icon-4-04.png"></a>
<a target="_blank"><img src="img/icon-4-03.png"></a>
<a target="_blank"><img src="img/icon-4-01.png"></a>
</div>
<div class="right mask-up img-responsive foot-con">
<img class="right-country" src="img/china-img.png">
<span>中国</span>
<img src="img/downicon.png">
</div>
</div>
</div>
<div class="copy-text">2015 ORICO Technologies Co.,Ltd 版权所有粤ICP备15025109号</div>
</div>
</footer>

View File

@@ -0,0 +1,153 @@
<header class="oircoEgapp-head">
<div class="headtop">
<a><img src="img/logo.png" class="headerlogimg" /></a>
<div class="action-r">
<div class="right img-responsive cursor_p">
<span class="icon-category cursor_p"> <i class="icon-menu-svg"></i></span>
<span class="icon-keyword cursor_p"><i class="icon-search-svg"></i></span>
<span class="mask-up cursor_p "><i class="icon-lag-svg"></i></span>
</div>
</div>
</div>
<!-- 顶部菜单-->
<div class="top-menu">
<div class="it-ct">
<div class="it-1"><a href="http://www.orico.cc/usmobile">首页</a></div>
</div>
<div class="it-ct">
<div class="it-1">
<div class="it-1-more">产品列表<i class="icon-arrow"></i></div>
<div class="it-1-2"><a>数据存储</a></div>
<div class="it-1-2"><a>智慧存储</a></div>
<div class="it-1-2"><a>智能家居</a></div>
<div class="it-1-2"><a>3C配件</a></div>
<div class="it-1-2"><a>特色产品</a></div>
</div>
</div>
<div class="it-ct">
<div class="it-1"><a href="http://www.orico.cc/usmobile">新品上市</a></div>
</div>
<div class="it-ct">
<div class="it-1"><a href="http://www.orico.cc/usmobile">SSD</a></div>
</div>
<div class="it-ct">
<div class="it-1"><a href="http://www.orico.cc/usmobile">PSSD</a></div>
</div>
<div class="it-ct">
<div class="it-1">
<div class="it-1-more">NAS<i class="icon-arrow"></i></div>
<div class="it-1-2"><a>解决方案</a></div>
<div class="it-1-2"><a>产品体验</a></div>
<div class="it-1-2"><a>客户合作</a></div>
<div class="it-1-2"><a>软件下载</a></div>
<div class="it-1-2"><a>帮助中心</a></div>
</div>
</div>
<div class="it-ct">
<div class="it-1">
<div class="it-1-more">加盟合作<i class="icon-arrow"></i></div>
<div class="it-1-2"><a>ODM 定制服务</a></div>
<div class="it-1-2"><a>批量购买</a></div>
<div class="it-1-2"><a>成为经销商</a></div>
</div>
</div>
<div class="it-ct">
<div class="it-1">
<div class="it-1-more">技术支持<i class="icon-arrow"></i></div>
<div class="it-1-2"><a>产品指南</a></div>
<div class="it-1-2"><a>联系我们</a></div>
<div class="it-1-2"><a>防伪查询</a></div>
</div>
</div>
<div class="it-ct">
<div class="it-1">
<div class="it-1-more">关于我们<i class="icon-arrow"></i></div>
<div class="it-1-2"><a>品牌故事</a></div>
<div class="it-1-2"><a>品牌里程</a></div>
<div class="it-1-2"><a>品牌动态</a></div>
</div>
</div>
</div>
<!-- 顶部搜索-->
<div class="top-search">
<div class="marsk-container">
<div class="popup-quick">
<div class="ac-close float_r "><img src="img/close.png"></div>
<div class="search-in">
<input type="text" placeholder="产品 USB 2.0...">
<button id="search-btnput" class="search-button">搜索</button>
<div class="title-text">
<p><a href="#">搜索历史</a></p>
</div>
</div>
</div>
</div>
</div>
<!-- 顶部国家选择-->
<div class="top-country">
<div class="mask"></div>
<div class="action-sheet">
<div class="menu-title">
<div class="menu-name">SELECT A REGION</div>
<div class="close-icon">
<img src="img/close.png">
</div>
</div>
<ul>
<li><a href="https://www.orico.com.cn/" target="_blank"> <img src="img/china-img.png">China-
中文简体</a></li>
<li><a href="https://www.orico.cc/us" target="_blank"><img src="img/US.png">USA - English</a>
</li>
<li><a href="https://www.oricobr.com" target="_blank"><img src="img/BR.png">Brazil -
portugues</a></li>
<li><a href="https://www.ORICOPERU.com" target="_blank"><img src="img/PE.png">Peru - espafol</a>
</li>
<li><a href="https://www.orico.cc/th" target="_blank"><img src="img/TH.png">Thailand - ไทย</a>
</li>
<li><a href="https://www.orico.cc/id" target="_blank"><img src="img/ID.png">Indonesia - bahasa
Indonesia</a></li>
<li><a href="https://www.orico.cc/vn" target="_blank"><img src="img/VN.png">Vietnam - Tiếng
Việt</a></li>
<li><a href="https://www.orico.shop/" target="_blank"><img src="img/NL.png">Netherlands -
English</a></li>
<li><a href="http://www.oricoturkiye.com/" target="_blank"><img src="img/TR.png">Turkiye -
Türkçe</a></li>
<li><a href="https://www.oricoiran.com" target="_blank"><img src="img/IR.png">Iran - فارسی</a>
</li>
<li><a href="https://www.orico.com.au" target="_blank"><img src="img/AU.png">Australia -
English</a></li>
<li><a href="https://orico-russia.ru" target="_blank"><img src="img/RU.png">Russia - Россия</a>
</li>
</ul>
</div>
</div>
</header>
<script type="text/javascript">
$(function() {
// 点击顶部菜单
$(".icon-menu-svg").click(function() {
$(".top-menu").slideToggle(800);
})
// 点击一级菜单显示二级菜单
$(".it-1-more").on("click", function() {
$('.it-1-2').hide();
$('.icon-arrow').removeClass('rotate');
$(this).siblings('.it-1-2').slideToggle(800);
$(this).find('.icon-arrow').addClass('rotate');
});
//点击搜索
$('.icon-search-svg').click(function() {
$(".marsk-container").show();
})
$('.ac-close').click(function() {
$(".marsk-container").hide();
})
// 顶部国家选择
$('.icon-lag-svg').click(function(){
$(".mask,.action-sheet").show();
})
$('.top-country .close-icon').click(function(){
$(".mask,.action-sheet").hide();
})
})
</script>

View File

@@ -10,14 +10,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="__CSS__/public.css" /> <link rel="stylesheet" type="text/css" href="__CSS__/public.css" />
<link rel="stylesheet" type="text/css" href="__CSS__/fonts.css" /> <link rel="stylesheet" type="text/css" href="__CSS__/fonts.css" />
<link rel="stylesheet" type="text/css" href="__CSS__/orico_header.css" /> <link rel="stylesheet" type="text/css" href="__CSS__/orico_header.css" />
<link rel="stylesheet" type="text/css" href="__CSS__/orico_footer.css" /> <link rel="stylesheet" type="text/css" href="__CSS__/orico_footer.css" />
{block name="style"}{/block} {block name="style"}{/block}
<link rel="stylesheet" href="https://unpkg.com/swiper@9/swiper-bundle.min.css"> <link rel="stylesheet" href="https://unpkg.com/swiper@9/swiper-bundle.min.css">
<script type="text/javascript" src='https://code.jquery.com/jquery-3.6.0.min.js'></script> <script type="text/javascript" src='https://code.jquery.com/jquery-3.6.0.min.js'></script>
<script type="text/javascript" src="https://unpkg.com/swiper@9.4.1/swiper-bundle.min.js"></script> <script type="text/javascript" src="https://unpkg.com/swiper@9.4.1/swiper-bundle.min.js"></script>
<script type="text/javascript" src="/static/index/js/before-after.min.js"></script> <script type="text/javascript" src="__JS__/before-after.min.js"></script>
<script type="text/javascript" src="/static/index/js/large.js"></script> <script type="text/javascript" src="__JS__/large.js"></script>
</head> </head>
<body> <body>
{block name="header"} {block name="header"}

Binary file not shown.

View File

@@ -0,0 +1,12 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="icomoon" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
<glyph unicode="&#xe900;" glyph-name="Collected" d="M1003.52 569.173c-6.827 20.48-23.893 34.133-44.373 37.547l-273.067 42.667-122.88 261.12c-8.533 20.48-29.013 32.427-51.2 32.427s-40.96-11.947-51.2-32.427l-122.88-261.12-273.067-40.96c-20.48-3.413-37.547-17.067-44.373-37.547s-1.707-42.667 13.653-56.32l199.68-204.8-47.787-288.427c-3.413-20.48 5.12-42.667 23.893-54.613 17.067-11.947 40.96-13.653 59.733-3.413l242.347 131.413 244.053-136.533c8.533-3.413 17.067-6.827 25.6-6.827 30.72 0 56.32 25.6 56.32 56.32 0 6.827-1.707 11.947-3.413 17.067l-44.373 279.893 199.68 204.8c15.36 17.067 20.48 39.253 13.653 59.733z" />
<glyph unicode="&#xe907;" glyph-name="colleciton" d="M214.602-37.832c-0.006 0-0.014 0-0.022 0-6.797 0-13.078 2.206-18.168 5.94l0.086-0.060c-7.699 5.659-12.64 14.681-12.64 24.857 0 1.848 0.163 3.659 0.475 5.417l-0.027-0.186 54.040 313.832-228.984 222.264c-5.76 5.593-9.335 13.409-9.335 22.061 0 15.422 11.358 28.191 26.166 30.399l0.168 0.021 316.576 45.84 141.552 285.584c10.328 20.928 44.736 20.928 55.064 0l141.592-285.584 316.56-45.84c14.976-2.228 26.335-14.997 26.335-30.419 0-8.651-3.574-16.468-9.327-22.054l-0.008-0.007-228.992-222.264 54.072-313.832c0.283-1.569 0.445-3.375 0.445-5.219 0-10.177-4.936-19.201-12.545-24.809l-0.085-0.060c-5.017-3.664-11.306-5.862-18.109-5.862-5.211 0-10.12 1.29-14.427 3.567l0.168-0.081-283.208 148.232-283.168-148.224c-4.135-2.206-9.043-3.505-14.254-3.512h-0.002zM512.026 179.36c4.896 0 9.792-1.168 14.264-3.512l242.344-126.84-46.272 268.512c-0.287 1.576-0.451 3.39-0.451 5.243 0 8.647 3.577 16.459 9.331 22.037l0.008 0.008 195.784 190.016-270.688 39.216c-10.196 1.507-18.641 7.847-23.040 16.576l-0.080 0.176-121.2 244.464-121.176-244.464c-4.479-8.905-12.924-15.245-22.953-16.732l-0.167-0.020-270.704-39.208 195.784-190.016c5.761-5.592 9.336-13.408 9.336-22.059 0-1.847-0.163-3.657-0.476-5.415l0.027 0.186-46.232-268.52 242.296 126.832c4.136 2.215 9.048 3.518 14.263 3.52h0.001z" />
</font></defs></svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@@ -0,0 +1,19 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="icomoon" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
<glyph unicode="&#xe900;" glyph-name="search" horiz-adv-x="1138" d="M390.94 782.734c163.612 65.991 364.544-42.098 407.097-211.172 34.588-101.035 0.228-211.399-64.626-291.954 59.847-71.68 163.84-119.239 183.182-215.95-91.25 32.085-141.767 124.245-213.447 184.548-144.725-129.252-395.947-85.561-483.328 88.974-96.711 160.427-5.916 389.575 171.122 445.554zM438.5 751.104c-77.141-17.522-145.863-69.404-182.272-139.719-68.267-122.425-16.839-289.678 105.131-356.807 146.773-89.202 362.268-1.138 396.402 169.301 53.020 184.092-133.575 374.784-319.26 327.225z" />
<glyph unicode="&#xe901;" glyph-name="1" d="M736 832c123.52 0 224-99.584 224-221.952 0-188.64-296.928-430.208-448.032-533.344-151.104 102.976-447.968 344.352-447.968 533.344 0 122.368 100.48 221.952 224 221.952 67.968 0 131.52-30.176 174.368-82.816l49.632-60.96 49.632 60.96c41.377 50.702 103.868 82.817 173.86 82.817 0.178 0 0.357 0 0.535-0.001h-0.027zM736 896c-0.117 0-0.255 0-0.394 0-89.995 0-170.355-41.255-223.198-105.886l-0.408-0.515c-53.251 65.145-133.611 106.4-223.606 106.4-0.139 0-0.277 0-0.416 0h0.022c-159.072 0-288-128.032-288-285.952 0-284.64 512-610.048 512-610.048s512 325.408 512 610.048c0 157.92-128.928 285.952-288 285.952z" />
<glyph unicode="&#xe902;" glyph-name="uniE902" d="M726.578 12.893h-419.266c-30.607 0-55.51 25.003-55.51 55.736v758.741c0 30.733 24.903 55.736 55.51 55.736h419.266c30.607 0 55.51-25.003 55.51-55.736v-758.741c0-30.733-24.903-55.736-55.51-55.736zM307.312 855.912c-15.616 0-28.316-12.807-28.316-28.542v-758.741c0-15.735 12.701-28.542 28.316-28.542h419.266c15.616 0 28.316 12.807 28.316 28.542v758.741c0 15.735-12.701 28.542-28.316 28.542h-419.266zM432.38 797.686h162.706v-27.629h-162.706v27.629zM519.159 74.081c-26.239 0-47.59 21.351-47.59 47.59s21.351 47.59 47.59 47.59c26.239 0 47.59-21.351 47.59-47.59s-21.352-47.59-47.59-47.59zM519.159 155.663c-18.743 0-33.993-15.25-33.993-33.993s15.25-33.993 33.993-33.993c18.743 0 33.993 15.25 33.993 33.993s-15.251 33.993-33.993 33.993zM242.045 702.519h27.629v-54.235h-27.629v54.235zM242.045 634.981h27.629v-55.259h-27.629v55.259z" />
<glyph unicode="&#xe903;" glyph-name="uniE903" d="M546.133 477.867l-418.133 418.133c-12.8 12.8-32 12.8-44.8 0s-12.8-32 0-44.8l394.667-394.667-394.667-394.667c-12.8-12.8-12.8-32 0-44.8 6.4-6.4 14.933-8.533 23.467-8.533s17.067 2.133 23.467 8.533l418.133 418.133c8.533 8.533 8.533 29.867-2.133 42.667zM964.267 477.867l-418.133 418.133c-12.8 12.8-32 12.8-44.8 0s-12.8-32 0-44.8l394.667-394.667-394.667-394.667c-12.8-12.8-12.8-32 0-44.8 6.4-6.4 14.933-8.533 23.467-8.533s17.067 2.133 23.467 8.533l418.133 418.133c6.4 8.533 6.4 29.867-2.133 42.667z" />
<glyph unicode="&#xe907;" glyph-name="-" d="M531.2 618.667l-360.533-362.667c-8.533-8.533-21.333-8.533-29.867 0s-8.533 21.333 0 29.867l362.667 362.667c8.533 8.533 21.333 8.533 29.867 0 6.4-8.533 6.4-21.333-2.133-29.867zM864 256l-362.667 362.667c-8.533 8.533-8.533 21.333 0 29.867s21.333 8.533 29.867 0l362.667-362.667c8.533-8.533 8.533-21.333 0-29.867-6.4-6.4-21.333-6.4-29.867 0z" />
<glyph unicode="&#xe91e;" glyph-name="uniE91E" d="M1009.521 542.915l-100.096 285.082-0.829 2.017c-16.108 33.823-38.502 65.126-92.785 65.126h-611.85c-54.282 0-76.667-31.304-92.785-65.126l-100.936-287.099 6.42-2.253h-3.727c0-47.688 38.799-86.477 86.477-86.477 8.806 0 17.306 1.341 25.324 3.799v-325.714c0-53.637 41.155-97.28 91.73-97.28h586.844c50.575 0 91.73 43.643 91.73 97.28v325.714c7.571-2.41 16.279-3.799 25.312-3.799 0.004 0 0.008 0 0.013 0h-0.001c47.688 0 86.477 38.789 86.477 86.477h-3.727l6.41 2.253zM854.077 132.27c0-31.048-22.784-56.32-50.77-56.32h-586.844c-27.996 0-50.77 25.272-50.77 56.32v352h-0.87c1.044 1.198 2.028 2.447 3 3.707 15.831-20.5 40.571-33.782 68.413-33.782s52.582 13.281 68.413 33.782c15.831-20.5 40.571-33.782 68.413-33.782s52.582 13.281 68.413 33.782c15.831-20.5 40.571-33.782 68.413-33.782s52.582 13.281 68.413 33.782c15.831-20.5 40.571-33.782 68.413-33.782s52.593 13.281 68.413 33.782c15.831-20.5 40.571-33.782 68.413-33.782s52.582 13.281 68.413 33.782c0.973-1.26 1.966-2.499 3-3.707h-0.87v-352zM920.351 495.145c-25.122 0.035-45.477 20.394-45.507 45.514v0.003h-45.804c-0.029-25.123-20.384-45.482-45.503-45.517h-0.003c-25.126 0.029-45.488 20.39-45.517 45.514v0.003h-45.793c-0.029-25.126-20.39-45.488-45.514-45.517h-0.003c-25.122 0.035-45.477 20.394-45.507 45.514v0.003h-45.804c-0.029-25.123-20.384-45.482-45.503-45.517h-0.003c-25.126 0.029-45.488 20.39-45.517 45.514v0.003h-45.793c0-25.098-20.419-45.517-45.517-45.517s-45.517 20.419-45.517 45.517h-45.793c0-25.098-20.419-45.517-45.517-45.517s-45.517 20.419-45.517 45.517h-45.793c0-25.098-20.419-45.517-45.517-45.517s-45.517 20.419-45.517 45.517h-1.034l95.754 272.712c15.053 31.252 28.099 40.817 55.337 40.817h611.86c27.238 0 40.294-9.564 55.337-40.806l95.754-272.712h-1.034c-0.017-25.133-20.384-45.504-45.515-45.527h-0.002zM236.237 716.278h547.297v-40.96h-547.297z" />
<glyph unicode="&#xe921;" glyph-name="6" d="M908.4 409c3.6 30.8-68.7 140.1-104 234s-100.3 221-325 221c-224.7 0-364-194.9-364-325 0-175.8 117.5-285.3 117-325 0-0.6 0-169 0-169s4.9-13 17.1-13c16.6 0 21.9 13 21.9 13v169c0 50.5-116.3 183.1-117 325-0.8 153 165.4 278.6 312 285.7v-247.4c-61.3-7.3-104-65.6-104-129.2 0-68 51.8-118.2 120.1-118.2 27.6 0 53 9.2 73.6 24.4l63.5-45.1c-0.3-1.8-0.5-3.5-0.5-5.3 0-21.5 17.5-38.9 39-38.9 21.6 0 39 17.4 39 38.9s-17.5 38.9-39 38.9c-5.2 0-10-1.1-14.5-2.8l-59.8 42.5c14.1 20 22.4 44.3 22.4 70.6 0 59.2-44.2 109.9-100.6 122.2v248.6c191.9-10.9 243.4-140.7 259.9-193.9 17.4-56.3 104.3-192.4 104-208-0.3-15.8-91-52-91-52v-104c0 0-0.1-25.5-26-52-24.2-24.8-78-26-78-26h-52v-143c0 0 5-13 17.9-13 18.8 0 21.1 13 21.1 13v104c0 0 54-5.7 104 26 53.2 33.8 52 91 52 91v78c25.7 8.3 87.4 34.2 90.9 65zM567 453c0-46.5-37.9-84.3-84.5-84.3-46.7 0-84.5 37.7-84.5 84.3s37.8 84.3 84.5 84.3c46.7-0.1 84.5-37.8 84.5-84.3z" />
<glyph unicode="&#xe922;" glyph-name="3" d="M785.053 191.98l-28.387 42.667c68.84 45.94 114.213 124.287 114.213 213.253 0 88.98-45.373 167.313-114.213 213.267l28.387 42.653c82.627-55.14 137.087-149.147 137.087-255.92s-54.46-200.793-137.087-255.92zM699.793 319.98l-28.4 42.653c27.54 18.387 45.707 49.687 45.707 85.28 0 35.607-18.167 66.907-45.707 85.293l28.4 42.64c41.313-27.573 68.553-74.533 68.553-127.933s-27.24-100.373-68.553-127.933zM550.507 37.82h-38.453v2.1l-223.94 177.313h-134.893c-28.313 0-51.26 22.94-51.26 51.26v358.82c0 28.313 22.953 51.26 51.26 51.26h134.933l223.9 177.087v2.32h38.453c7.073 0 12.807-5.747 12.807-12.82v-794.527c0.007-7.080-5.733-12.813-12.807-12.813zM307.007 627.313h-153.78v-358.82h153.78l205.047-162.933v684.693l-205.047-162.94z" />
<glyph unicode="&#xe924;" glyph-name="category" horiz-adv-x="1138" d="M57.799 753.607c58.254 2.731 116.964 2.731 175.218 0.228-39.822-55.296-133.803-52.11-175.218-0.228zM248.263 753.607c278.073 0.91 556.601 6.372 834.446-2.503-46.649-47.332-114.916-32.313-174.308-34.133-196.38 1.365-392.988-0.455-589.141 0.455-29.355-0.683-53.020 11.378-70.997 36.181zM64.853 483.499c79.417 0.91 159.289 9.33 238.023-1.593l12.743-18.887-15.246-23.666c-70.77-8.192-142.222-2.048-213.22-4.324-5.461 12.288-16.612 36.409-22.3 48.469zM350.208 484.864c186.596 3.413 373.191 0 559.559 1.82 59.392-0.228 121.287 5.916 175.673-23.666-15.019-6.599-45.284-19.797-60.302-26.396-218.681-0.455-437.817-3.641-656.27 1.593-4.779 11.833-13.881 35.044-18.66 46.649zM65.764 186.084c53.248 37.092 124.018 13.653 185.003 20.252 58.027-8.647 144.27 27.534 171.804-45.511-111.957-11.378-226.418-14.791-338.148-2.276l-18.66 27.534zM456.021 202.695c136.078 8.192 272.839 0.455 409.145 3.413 73.5-2.048 149.959 9.785 220.046-19.115-54.613-51.428-130.389-31.403-197.291-35.044-145.408 4.779-291.726-7.737-436.679 6.599 1.138 10.923 3.413 32.996 4.779 44.146z" />
</font></defs></svg>

After

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@@ -1,8 +1,8 @@
@font-face { @font-face {
font-family: 'icomoon'; font-family: 'icomoon';
src: url('fonts/icomoon/icomoon.eot?ujw7hy'); src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy');
src: url('fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'), src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('/static/common/fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
url('fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg'); url('/static/common/fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('/static/common/fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }

View File

@@ -0,0 +1,34 @@
.oircoEgapp-foot .logo-white img {
margin: 0 auto;
}
.oircoEgapp-foot .m_footer {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.oircoEgapp-foot .m_footer .left,
.oircoEgapp-foot .foot-con {
display: flex;
flex-direction: row;
align-items: center;
}
.oircoEgapp-foot .m_footer .right {
max-width: 55%;
}
.oircoEgapp-foot .m_footer .left {
max-width: 40%;
justify-content: end;
margin-right: 4%;
}
.oircoEgapp-foot .foot-con span {
width: auto;
padding: 0 0.625rem;
}
.oircoEgapp-foot .foot-cate .clearfix li h3 {
margin-bottom: 10px;
}
.oircoEgapp-foot .foot-cate .clearfix li p,
.oircoEgapp-foot .foot-cate .clearfix li p a {
font-size: 12px;
}

View File

@@ -0,0 +1,60 @@
.oircoEgapp-head {
display: flex;
flex-direction: column;
width: 100%;
height: auto;
position: fixed;
top: 0;
z-index: 10;
width: -webkit-fill-available;
}
.oircoEgapp-head .headtop {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 1rem;
height: 3.5rem;
background: #fff;
}
.oircoEgapp-head .headtop .headerlogimg {
width: 8.75rem;
height: 2.25rem;
}
.oircoEgapp-head .top-menu {
background-color: #fff;
overflow: hidden;
width: 100%;
color: #000;
display: none;
}
.oircoEgapp-head .top-menu .it-ct {
font-family: "Montserrat-SemiBold";
font-weight: bold;
}
.oircoEgapp-head .top-menu .it-ct .it-1 {
padding: 1rem 3.5% 0.65rem;
border-bottom: 1px solid #e5e5e5;
font-size: 12px;
position: relative;
}
.oircoEgapp-head .top-menu .it-ct .it-1-more {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-bottom: 1.5%;
}
.oircoEgapp-head .top-menu .it-ct .it-1-more i {
font-weight: bold;
}
.oircoEgapp-head .top-menu .it-ct .it-1-2 {
padding-left: 1rem;
font-size: 12px;
line-height: 1.8rem;
font-weight: 100;
font-weight: bold;
display: none;
}
.oircoEgapp-head .top-menu .it-ct .it-1-2 a {
color: #666;
}

View File

@@ -0,0 +1,88 @@
@font-face {
font-family: "Montserrat";
src: url("/static/common/fonts/Montserrat-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Montserrat-Bold";
src: url("/static/common/fonts/Montserrat-Bold.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Montserrat-Medium";
src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
* {
margin: 0;
padding: 0;
/* font-family: 'Montserrat'; */
-ms-overflow-style: none;
/* IE 和 Edge */
scrollbar-width: none;
/* Firefox */
}
::-webkit-scrollbar {
display: none;
}
*:hover {
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
body {
font-size: 1.2em;
font-weight: 400;
color: #333;
}
select,
input,
textarea,
button {
outline: none;
font-size: 0.875rem;
border-radius: 0;
-webkit-border-radius: 0;
color: #414446;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
a {
color: #000;
cursor: pointer;
text-decoration: none;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img {
display: block;
}
ul li {
/* padding: 2px 0; */
list-style-type: none;
}
ol,
ul,
a {
list-style: none;
}
body {
font-family: 'Montserrat-SemiBold';
}

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,220 @@
@font-face {
font-family: 'icomoon';
src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy');
src: url('/static/common/fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('/static/common/fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'),
url('/static/common/fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('/static/common/fonts/icomoon/icomoon.svg?ujw7hy#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^='icon-'],
[class*=' icon-'] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-Collection:before {
content: '\e900';
}
.icon-culture-P:before {
content: '\e901';
}
.icon-facebook:before {
content: '\e902';
}
.icon-in:before {
content: '\e903';
}
.icon-twitter:before {
content: '\e904';
}
.icon-youtobe:before {
content: '\e905';
}
.icon-country:before {
content: '\e90a';
}
.icon-menu:before {
content: '\e906';
}
.icon-arrow:before {
content: '\e907';
}
.icon-r-arrow:before {
content: '\e907';
}
.icon-close:before {
content: '\e909';
}
.icon-search:before {
content: '\e908';
}
.icon-B-arrow:before {
content: '\e90b';
}
.icon-qq1:before {
content: '\e90c';
}
.icon-wx1:before {
content: '\e90d';
}
.icon-ys1:before {
content: '\e90e';
}
.icon-kf1:before {
content: '\e90f';
}
.icon-top1:before {
content: '\e910';
}
.icon-QQ:before {
content: '\e911';
color: rgba(0, 0, 0, 0.3);
margin-right: 10px;
}
.icon-xl:before {
content: '\e919';
}
.icon-QQ1:before {
content: '\e91c';
}
.icon-PYQ:before {
content: '\e91d';
}
.icon-Under-line:before {
content: '\e91e';
}
.icon-On-line:before {
content: '\e91f';
}
.icon-contect:before {
content: '\e920';
}
.icon-support:before {
content: '\e921';
}
.icon-media:before {
content: '\e922';
}
.icon-join:before {
content: '\e923';
}
@font-face {
font-family: 'icomoon01';
src: url('fonts-20190124/icomoon.eot?ll2528');
src: url('fonts-20190124/icomoon.eot?ll2528#iefix') format('embedded-opentype'),
url('fonts-20190124/icomoon.ttf?ll2528') format('truetype'), url('fonts-20190124/icomoon.woff?ll2528') format('woff'),
url('fonts-20190124/icomoon.svg?ll2528#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^='icons-'],
[class*=' icons-'] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon01' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icons-weixin:before {
content: '\e903';
color: #fff;
}
.icons-Forum:before {
content: '\e900';
color: #fff;
}
.icons-sina:before {
content: '\e901';
color: #fff;
}
.icons-toutiao:before {
content: '\e902';
color: #fff;
}
.icons-douyin:before {
content: '\e904';
color: #fff;
}
@font-face {
font-family: 'icomoon02';
src: url('fonts/other/icomoon.eot?ujw7hy');
src: url('fonts/other/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('fonts/other/icomoon.ttf?ujw7hy') format('truetype'),
url('fonts/other/icomoon.woff?ujw7hy') format('woff'), url('fonts/other/icomoon.svg?ujw7hy#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^='icona-'],
[class*=' icona-'] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon02' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icona-zhihu:before {
content: '\e904';
color: #fff;
}
@font-face {
font-family: 'icomoon05';
src: url('fonts-20220322/icomoon.eot?cdcz43');
src: url('fonts-20220322/icomoon.eot?cdcz43#iefix') format('embedded-opentype'),
url('fonts-20220322/icomoon.ttf?cdcz43') format('truetype'), url('fonts-20220322/icomoon.woff?cdcz43') format('woff'),
url('fonts-20220322/icomoon.svg?cdcz43#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^='iconb-'],
[class*='iconb-'] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon05' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.iconb-caret-down:before {
content: '\e900';
}
.iconb-caret-up:before {
content: '\e901';
}

View File

@@ -1,20 +1,20 @@
@font-face { @font-face {
font-family: "Montserrat"; font-family: "Montserrat";
src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); src: url("/static/common/fonts/Montserrat-Regular.ttf") format("truetype");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "Montserrat-Bold"; font-family: "Montserrat-Bold";
src: url("../fonts/Montserrat-Bold.ttf") format("truetype"); src: url("/static/common/fonts/Montserrat-Bold.ttf") format("truetype");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: "Montserrat-Medium"; font-family: "Montserrat-Medium";
src: url("../fonts/Montserrat-Medium.ttf") format("truetype"); src: url("/static/common/fonts/Montserrat-Medium.ttf") format("truetype");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }

View File

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

Before

Width:  |  Height:  |  Size: 322 KiB

After

Width:  |  Height:  |  Size: 322 KiB

View File

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

View File

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

View File

Before

Width:  |  Height:  |  Size: 2.4 MiB

After

Width:  |  Height:  |  Size: 2.4 MiB

Some files were not shown because too many files have changed in this diff Show More