diff --git a/app/admin/controller/v1/BannerItem.php b/app/admin/controller/v1/BannerItem.php index f3a9ab18..d949bcd9 100644 --- a/app/admin/controller/v1/BannerItem.php +++ b/app/admin/controller/v1/BannerItem.php @@ -70,7 +70,7 @@ class BannerItem { $id = request()->param('id'); - $banner_item = SysBannerItemModel::with('prod_mapping.category') + $banner_item = SysBannerItemModel::with('prodMapping.category') ->withoutField([ 'created_at', 'updated_at', diff --git a/app/admin/controller/v1/System.php b/app/admin/controller/v1/System.php index 5dabf6a3..d53350ce 100644 --- a/app/admin/controller/v1/System.php +++ b/app/admin/controller/v1/System.php @@ -8,6 +8,7 @@ use app\admin\model\v1\ArticleModel; use app\admin\model\v1\ProductCategoryModel; use app\admin\model\v1\ProductModel; use think\facade\Db; +use think\facade\Route; class System { @@ -224,15 +225,28 @@ class System { if ('custom' == $link_to) return []; - $data = []; - $url = parse_url($link, PHP_URL_QUERY); - if (empty($url)) return []; - - parse_str($url, $params); + $data = []; + $params = []; + $url = parse_url($link, PHP_URL_QUERY); + if (empty($url)) { + $parts = explode('/', trim($link, '/')); + $params['id'] = (int)str_replace('.html', '', end($parts)); + } else { + parse_str($url, $params); + } + + if (empty($params['id'])) return []; + switch ($link_to) { + case 'article_category': + $data = ArticleCategoryModel::field(['id', 'name'])->bypk($params['id'])->find(); + break; case 'article': $data = ArticleModel::field(['id', 'title' => 'name'])->bypk($params['id'])->find(); break; + case 'product_category': + $data = ProductCategoryModel::field(['id', 'name'])->bypk($params['id'])->find(); + break; case 'product': $data = ProductModel::field(['id', 'name'])->bypk($params['id'])->find(); break; diff --git a/app/admin/model/v1/SysBannerItemModel.php b/app/admin/model/v1/SysBannerItemModel.php index 1e323de1..e06dd586 100644 --- a/app/admin/model/v1/SysBannerItemModel.php +++ b/app/admin/model/v1/SysBannerItemModel.php @@ -20,7 +20,7 @@ class SysBannerItemModel extends SysBannerItemBaseModel // 绑定产品分类关联模型中字段到父模型 protected $append = ['rel_prod_cate_id', 'rel_prod_cate_name']; // 要隐藏的字段或关联模型数据字段 - protected $hidden = ['prod_mapping']; + protected $hidden = ['prodMapping']; // 关联分类 public function banner() diff --git a/app/admin/validate/v1/ArticleValidate.php b/app/admin/validate/v1/ArticleValidate.php index 8004843b..9dcc355d 100644 --- a/app/admin/validate/v1/ArticleValidate.php +++ b/app/admin/validate/v1/ArticleValidate.php @@ -16,10 +16,10 @@ class ArticleValidate extends Validate protected $rule = [ 'language_id' => 'require|integer', 'category_id' => 'require|integer', - 'title' => 'require|max:64', + 'title' => 'require|max:128', 'image' => 'max:125', 'link' => 'max:255', - 'desc' => 'max:255', + 'desc' => 'max:512', 'sort' => 'integer', 'recommend' => 'require|in:0,1', 'release_time' => 'dateFormat:Y-m-d H:i:s', diff --git a/app/common/model/ProductSkuBaseModel.php b/app/common/model/ProductSkuBaseModel.php index fba8df29..10546e25 100644 --- a/app/common/model/ProductSkuBaseModel.php +++ b/app/common/model/ProductSkuBaseModel.php @@ -21,7 +21,7 @@ class ProductSkuBaseModel extends BaseModel 'product_id' => 'int', 'sku' => 'string', 'main_image' => 'string', - 'photo_album' => 'string', + 'photo_album' => 'json', 'sort' => 'int', 'created_at' => 'datetime', 'updated_at' => 'datetime' diff --git a/app/common/model/SysBannerItemBaseModel.php b/app/common/model/SysBannerItemBaseModel.php index a3961a29..964f89f2 100644 --- a/app/common/model/SysBannerItemBaseModel.php +++ b/app/common/model/SysBannerItemBaseModel.php @@ -23,7 +23,7 @@ class SysBannerItemBaseModel extends BaseModel 'title_txt_color' => 'string', 'desc' => 'string', 'desc_txt_color' => 'string', - 'type' => 'int', + 'type' => 'string', 'image' => 'string', 'video' => 'string', 'link_to' => 'string', diff --git a/app/index/config/lang.php b/app/index/config/lang.php new file mode 100644 index 00000000..f5055ebb --- /dev/null +++ b/app/index/config/lang.php @@ -0,0 +1,30 @@ + env('DEFAULT_LANG', 'zh-cn'), + // 允许的语言列表 + 'allow_lang_list' => ['zh-cn', 'en-us'], + // 多语言自动侦测变量名 + 'detect_var' => 'lang', + // 是否使用Cookie记录 + 'use_cookie' => true, + // 多语言cookie变量 + 'cookie_var' => 'think_lang', + // 多语言header变量 + 'header_var' => 'think-lang', + // 扩展语言包 + 'extend_list' => [ + 'en-us' => app()->getAppPath() . '/lang/en-us/' . (request()->isMobile() ? 'mobile' : 'pc') . '.php', + 'zh-cn' => app()->getAppPath() . '/lang/zh-cn/' . (request()->isMobile() ? 'mobile' : 'pc') . '.php', + ], + // Accept-Language转义为对应语言包名称 + 'accept_language' => [ + 'zh-hans-cn' => 'zh-cn', + ], + // 是否支持语言分组 + 'allow_group' => true, +]; diff --git a/app/index/config/view.php b/app/index/config/view.php index f834a367..ea481a58 100644 --- a/app/index/config/view.php +++ b/app/index/config/view.php @@ -2,6 +2,10 @@ // +---------------------------------------------------------------------- // | 模板设置 // +---------------------------------------------------------------------- +$view_deivce_name = 'pc'; +if (request()->isMobile()) { + $view_deivce_name = 'mobile'; +} return [ // 模板引擎类型使用Think @@ -9,7 +13,7 @@ return [ // 默认模板渲染规则 1 解析为小写+下划线 2 全部转换小写 3 保持操作方法 'auto_rule' => 1, // 模板目录名 - 'view_dir_name' => 'view', + 'view_dir_name' => "view/{$view_deivce_name}", // 模板后缀 'view_suffix' => 'html', // 模板文件名分隔符 @@ -24,8 +28,8 @@ return [ 'taglib_end' => '}', // 模板输出替换 'tpl_replace_string' => [ - '__CSS__' => '/static/index/css', - '__JS__' => '/static/index/js', - '__IMAGES__' => '/static/index/images', + '__CSS__' => "/static/index/{$view_deivce_name}/css", + '__JS__' => "/static/index/{$view_deivce_name}/js", + '__IMAGES__' => "/static/index/{$view_deivce_name}/images", ] ]; diff --git a/app/index/lang/en-us/mobile.php b/app/index/lang/en-us/mobile.php new file mode 100644 index 00000000..06329045 --- /dev/null +++ b/app/index/lang/en-us/mobile.php @@ -0,0 +1,20 @@ + 'Search', + '搜索历史' => 'Search History', + '请择地区' => 'SELECT A REGION', + '首页' => 'Home', + '产品列表' => 'Products', + '产品' => 'Product', + '联系方式' => 'Contact', + '查看所有' => 'View All', + '查看全部' => 'View All', + '明星产品/热点产品' => 'Featured Products', + '了解更多' => 'Learn More', + 'Orico 技术' => 'ORICO Technology', + '强大功能、简单使用' => 'designed to be just as easy to learn as iPhone. chatting with friends.', + '常见问题' => 'FAQ', + '回答您最关心的问题' => 'What are you most concerned about', + '客服团队的工作时间:周一到周五,早9点到晚6点 平均应答时间:24小时内' => 'Our customer support is available Monday to Friday: 9am-6:00pm. Average answer time: 24h', +]; \ No newline at end of file diff --git a/app/index/lang/en-us.php b/app/index/lang/en-us/pc.php similarity index 100% rename from app/index/lang/en-us.php rename to app/index/lang/en-us/pc.php diff --git a/app/index/lang/zh-cn.php b/app/index/lang/zh-cn/pc.php similarity index 100% rename from app/index/lang/zh-cn.php rename to app/index/lang/zh-cn/pc.php diff --git a/app/index/middleware.php b/app/index/middleware.php index fb3c3fa6..90a6ad68 100644 --- a/app/index/middleware.php +++ b/app/index/middleware.php @@ -2,5 +2,5 @@ // 这是系统自动生成的middleware定义文件 return [ // 启用多语言支持 - 'think\middleware\LoadLangPack', + think\middleware\LoadLangPack::class, ]; diff --git a/app/index/view/mobile/index/index.html b/app/index/view/mobile/index/index.html new file mode 100644 index 00000000..e02d1297 --- /dev/null +++ b/app/index/view/mobile/index/index.html @@ -0,0 +1,315 @@ +{extend name="public/base"/} +{block name="style"} + +{/block} +{block name="main"} +
+ +
+ +
+ {notempty name="focus_images"} +
+
+ {volist name="focus_images" id="fi"} +
+ {$fi.title} +
+ {/volist} +
+ +
+
+ {/notempty} +
+ + {notempty name="product_categorys"} +
+ {volist name="product_categorys" id="pct"} + + {/volist} +
+ {/notempty} + + {notempty name="featured_topics"} +
+ {volist name="featured_topics" id="ft"} +
+ +
+

{$ft.title}

+ +
+
+ {/volist} +
+ {/notempty} + + {notempty name="featured_products"} +
+
+

{:lang('明星产品/热点产品')}

+
+
+
+
+ {volist name="featured_products" id="fp"} +
+ +
+

{$fp.name}

+

+

+ + {:lang('了解更多')} + +

+
+
+ {/volist} +
+ +
+
+
+
+ {/notempty} + +
+ + {notempty name="video"} +
+ + +
+ {/notempty} + {notempty name="scenes"} + {volist name="scenes" id="sc"} +
+ +
+

$sc['title_txt_color']])}>{$sc.title}

+

$sc['desc_txt_color']])}>{$sc.desc}

+

+ {:lang('了解更多')} +

+
+
+ {/volist} + {/notempty} +
+ +
+
+

{:lang('Orico 技术')}

+

{:lang('强大功能、简单使用')}

+
+
+
+
+
+ +
+ +
+ +
+
+
+
+
+ + {notempty name="brand_story"} +
+
+
+
    + {volist name="brand_story" id="bs" key="k"} +
  • + +
    +

    $bs['title_txt_color']])}>{$bs.title}

    +

    $bs['desc_txt_color']])}>{$bs.desc}

    +

    + + {:lang('了解更多')} + +

    +
    +
  • + {/volist} +
+
+
+
+
+
    + {volist name="brand_story" id="bs" key="k"} +
  1. + {$bs.year} +
  2. + {/volist} +
+ +
+
+
+
+
+ {/notempty} + + {notempty name="data_statistics"} +
+
+
    + {volist name="data_statistics" id="ds"} +
  • +

    $ds['desc_txt_color']])}>{$ds.desc|raw}

    +

    $ds['title_txt_color']])}>{$ds.title}

    +
  • + {/volist} +
+
+
+ {/notempty} + + {notempty name="recommend_articles"} +
+
+
+ {volist name="recommend_articles" id="ra"} + + {/volist} +
+ +
+
+
+ {/notempty} + + {notempty name="recommend_faq"} +
+
+
+

{:lang('常见问题')}

+
{:lang('回答您最关心的问题')}
+

{:lang('客服团队的工作时间:周一到周五,早9点到晚6点 平均应答时间:24小时内')}

+
+ {volist name="recommend_faq" id="rq"} +
+
+ {$rq.question} +
+
{$rq.answer|raw}
+
+ {/volist} +
+
+ {/notempty} +
+
+{/block} +{block name="script"} + + +{/block} \ No newline at end of file diff --git a/app/index/view/mobile/product/category.html b/app/index/view/mobile/product/category.html new file mode 100644 index 00000000..04702b45 --- /dev/null +++ b/app/index/view/mobile/product/category.html @@ -0,0 +1,93 @@ +{extend name="public/base" /} +{block name="style"} + +{/block} +{block name="main"} +
+ + {notempty name="focus_image"} +
+ {volist name="focus_image" id="fi"} + + + + {/volist} +
+ {/notempty} +
+ +
+
+ +
+
+ + {volist name="list" id="vo"} +
+ +
+ {notempty name="vo.products"} + + {/notempty} +
+
+ {/volist} +
+
+{/block} +{block name="script"} + +{/block} \ No newline at end of file diff --git a/app/index/view/mobile/product/subcategory.html b/app/index/view/mobile/product/subcategory.html new file mode 100644 index 00000000..2a520cf1 --- /dev/null +++ b/app/index/view/mobile/product/subcategory.html @@ -0,0 +1,74 @@ +{extend name="public/base" /} +{block name="style"} + +{/block} +{block name="main"} +
+ + {notempty name="focus_image"} +
+ {volist name="focus_image" id="fi"} + + + + {/volist} +
+ {/notempty} + +
+
+ {notempty name="categorys_data"} +
+
    + {assign name="products" value=":\think\helper\Arr::flatMap(fn($pro) => $pro['products'], $categorys_data)" /} + {volist name="products" id="pr"} +
  • + {notempty name="pr.sku"} + + {volist name="pr.sku" id="ps" key="pk"} + + {/volist} + + {/notempty} + + {$pr.name} + {$pr.spu} + + {notempty name="pr.colors"} +
    +
      + {volist name="pr.colors" id="pc"} +
    • +
      + {assign name="color_type" value=":rgb_or_image($pc.attr_value)" /} + {eq name="color_type" value="IMAGE"} + + {elseif condition="$color_type == 'RGB'" /} + $pc.attr_value])}> + {/eq} +
      +
    • + {/volist} +
    +
    + {/notempty} +
  • + {/volist} +
+
+ {/notempty} +
+
+
+{/block} +{block name="script"} + +{/block} \ No newline at end of file diff --git a/app/index/view/mobile/public/base.html b/app/index/view/mobile/public/base.html new file mode 100644 index 00000000..3c7fc1d4 --- /dev/null +++ b/app/index/view/mobile/public/base.html @@ -0,0 +1,32 @@ + + + + + {block name="title"}{$basic_config['website_seo_title']['value']}{/block} + {block name="seo"} + + + {/block} + + + + + + + + {block name="style"}{/block} + + + + + + {block name="header"} + {include file="public/header"/} + {/block} + {block name="main"}{/block} + {block name="footer"} + {include file="public/footer"/} + {/block} + {block name="script"}{/block} + + \ No newline at end of file diff --git a/app/index/view/mobile/public/footer.html b/app/index/view/mobile/public/footer.html new file mode 100644 index 00000000..9c8d1a8b --- /dev/null +++ b/app/index/view/mobile/public/footer.html @@ -0,0 +1,70 @@ + \ No newline at end of file diff --git a/app/index/view/mobile/public/header.html b/app/index/view/mobile/public/header.html new file mode 100644 index 00000000..bd269576 --- /dev/null +++ b/app/index/view/mobile/public/header.html @@ -0,0 +1,109 @@ +
+
+ +
+
+ + + +
+
+
+ +
+ +
+
+
{:lang('产品列表')}
+ {notempty name="header_categorys"} + {volist name="header_categorys" id="ca"} + + {/volist} + {/notempty} +
+
+ {notempty name="header_navigation"} + {volist name="header_navigation" id="nav"} +
+
+ {empty name="nav.children"} + {$nav.name} + {else/} +
{$nav.name}
+ {volist name="nav.children" id="ch"} + + {/volist} + {/empty} +
+
+ {/volist} + {/notempty} +
+ + + +
+
+
+ + +
+
+
+ \ No newline at end of file diff --git a/app/index/view/about_us/culture.html b/app/index/view/pc/about_us/culture.html similarity index 100% rename from app/index/view/about_us/culture.html rename to app/index/view/pc/about_us/culture.html diff --git a/app/index/view/about_us/introduction.html b/app/index/view/pc/about_us/introduction.html similarity index 100% rename from app/index/view/about_us/introduction.html rename to app/index/view/pc/about_us/introduction.html diff --git a/app/index/view/about_us/mileage.html b/app/index/view/pc/about_us/mileage.html similarity index 100% rename from app/index/view/about_us/mileage.html rename to app/index/view/pc/about_us/mileage.html diff --git a/app/index/view/about_us/policy.html b/app/index/view/pc/about_us/policy.html similarity index 100% rename from app/index/view/about_us/policy.html rename to app/index/view/pc/about_us/policy.html diff --git a/app/index/view/about_us/story.html b/app/index/view/pc/about_us/story.html similarity index 100% rename from app/index/view/about_us/story.html rename to app/index/view/pc/about_us/story.html diff --git a/app/index/view/article/detail.html b/app/index/view/pc/article/detail.html similarity index 100% rename from app/index/view/article/detail.html rename to app/index/view/pc/article/detail.html diff --git a/app/index/view/article/index.html b/app/index/view/pc/article/index.html similarity index 100% rename from app/index/view/article/index.html rename to app/index/view/pc/article/index.html diff --git a/app/index/view/attachment/index.html b/app/index/view/pc/attachment/index.html similarity index 100% rename from app/index/view/attachment/index.html rename to app/index/view/pc/attachment/index.html diff --git a/app/index/view/attachment/video.html b/app/index/view/pc/attachment/video.html similarity index 100% rename from app/index/view/attachment/video.html rename to app/index/view/pc/attachment/video.html diff --git a/app/index/view/contact_us/bulkbuy.html b/app/index/view/pc/contact_us/bulkbuy.html similarity index 100% rename from app/index/view/contact_us/bulkbuy.html rename to app/index/view/pc/contact_us/bulkbuy.html diff --git a/app/index/view/contact_us/distributor.html b/app/index/view/pc/contact_us/distributor.html similarity index 100% rename from app/index/view/contact_us/distributor.html rename to app/index/view/pc/contact_us/distributor.html diff --git a/app/index/view/contact_us/index.html b/app/index/view/pc/contact_us/index.html similarity index 100% rename from app/index/view/contact_us/index.html rename to app/index/view/pc/contact_us/index.html diff --git a/app/index/view/contact_us/message.html b/app/index/view/pc/contact_us/message.html similarity index 100% rename from app/index/view/contact_us/message.html rename to app/index/view/pc/contact_us/message.html diff --git a/app/index/view/faq/index.html b/app/index/view/pc/faq/index.html similarity index 100% rename from app/index/view/faq/index.html rename to app/index/view/pc/faq/index.html diff --git a/app/index/view/index/index.html b/app/index/view/pc/index/index.html similarity index 94% rename from app/index/view/index/index.html rename to app/index/view/pc/index/index.html index 1beb6ecd..285ca03c 100644 --- a/app/index/view/index/index.html +++ b/app/index/view/pc/index/index.html @@ -29,7 +29,7 @@
{volist name="product_categorys" id="cate"} - + {$cate.title} @@ -49,7 +49,7 @@

{$topic.title}

- {:lang('index.view_all')} > + {:lang('index.view_all')}
@@ -92,8 +92,8 @@
- - + +
@@ -137,10 +137,10 @@ {:lang('index.orico_technology_desc')}
- +
- +
@@ -175,8 +175,8 @@ {/volist}
- - + +
@@ -202,19 +202,19 @@
{volist name="recommend_articles" id="article"}
- + - {$article.title} + {$article.title|raw}
{/volist}
- - + +
diff --git a/app/index/view/product/category.html b/app/index/view/pc/product/category.html similarity index 93% rename from app/index/view/product/category.html rename to app/index/view/pc/product/category.html index 46bfd49b..397c1b0f 100644 --- a/app/index/view/product/category.html +++ b/app/index/view/pc/product/category.html @@ -22,7 +22,7 @@
{$vo.name}
{:lang('product_newpro.view_all')} - + {notempty name="vo.products"} diff --git a/app/index/view/product/detail.html b/app/index/view/pc/product/detail.html similarity index 100% rename from app/index/view/product/detail.html rename to app/index/view/pc/product/detail.html diff --git a/app/index/view/product/newpro.html b/app/index/view/pc/product/newpro.html similarity index 100% rename from app/index/view/product/newpro.html rename to app/index/view/pc/product/newpro.html diff --git a/app/index/view/product/search.html b/app/index/view/pc/product/search.html similarity index 100% rename from app/index/view/product/search.html rename to app/index/view/pc/product/search.html diff --git a/app/index/view/product/subcategory.html b/app/index/view/pc/product/subcategory.html similarity index 100% rename from app/index/view/product/subcategory.html rename to app/index/view/pc/product/subcategory.html diff --git a/app/index/view/public/base.html b/app/index/view/pc/public/base.html similarity index 78% rename from app/index/view/public/base.html rename to app/index/view/pc/public/base.html index 829b6c34..82fd15d2 100644 --- a/app/index/view/public/base.html +++ b/app/index/view/pc/public/base.html @@ -10,14 +10,14 @@ - - + + {block name="style"}{/block} - - + + {block name="header"} diff --git a/app/index/view/public/footer.html b/app/index/view/pc/public/footer.html similarity index 100% rename from app/index/view/public/footer.html rename to app/index/view/pc/public/footer.html diff --git a/app/index/view/public/header.html b/app/index/view/pc/public/header.html similarity index 100% rename from app/index/view/public/header.html rename to app/index/view/pc/public/header.html diff --git a/app/index/view/public/nas_base.html b/app/index/view/pc/public/nas_base.html similarity index 100% rename from app/index/view/public/nas_base.html rename to app/index/view/pc/public/nas_base.html diff --git a/app/index/view/public/nas_footer.html b/app/index/view/pc/public/nas_footer.html similarity index 100% rename from app/index/view/public/nas_footer.html rename to app/index/view/pc/public/nas_footer.html diff --git a/app/index/view/public/nas_header.html b/app/index/view/pc/public/nas_header.html similarity index 100% rename from app/index/view/public/nas_header.html rename to app/index/view/pc/public/nas_header.html diff --git a/app/index/view/topic_nas/cooperation.html b/app/index/view/pc/topic_nas/cooperation.html similarity index 100% rename from app/index/view/topic_nas/cooperation.html rename to app/index/view/pc/topic_nas/cooperation.html diff --git a/app/index/view/topic_nas/download.html b/app/index/view/pc/topic_nas/download.html similarity index 100% rename from app/index/view/topic_nas/download.html rename to app/index/view/pc/topic_nas/download.html diff --git a/app/index/view/topic_nas/help.html b/app/index/view/pc/topic_nas/help.html similarity index 100% rename from app/index/view/topic_nas/help.html rename to app/index/view/pc/topic_nas/help.html diff --git a/app/index/view/topic_nas/help_detail.html b/app/index/view/pc/topic_nas/help_detail.html similarity index 100% rename from app/index/view/topic_nas/help_detail.html rename to app/index/view/pc/topic_nas/help_detail.html diff --git a/app/index/view/topic_nas/index.html b/app/index/view/pc/topic_nas/index.html similarity index 100% rename from app/index/view/topic_nas/index.html rename to app/index/view/pc/topic_nas/index.html diff --git a/app/index/view/topic_nas/product.html b/app/index/view/pc/topic_nas/product.html similarity index 100% rename from app/index/view/topic_nas/product.html rename to app/index/view/pc/topic_nas/product.html diff --git a/app/openapi/middleware/Auth.php b/app/openapi/middleware/Auth.php index 52a20cc4..5df2c101 100644 --- a/app/openapi/middleware/Auth.php +++ b/app/openapi/middleware/Auth.php @@ -23,7 +23,12 @@ class Auth $token = $oauth->getBearerToken(); $oauth->verifyAccessToken($token); } catch (OAuth2ServerException $e) { - return error('Unauthorized', $e->sendHttpResponse(), 401); + return json(json_decode($e->getHttpResponse()->getContent(), true), 401); + } catch (\Throwable $th) { + return json([ + 'error' => 'invalid_token', + 'error_description' => $th->getMessage() + ], 401); } return $next($request); diff --git a/public/static/index/images/AU.png b/public/static/common/images/langs/AU.png similarity index 100% rename from public/static/index/images/AU.png rename to public/static/common/images/langs/AU.png diff --git a/public/static/index/images/BR.png b/public/static/common/images/langs/BR.png similarity index 100% rename from public/static/index/images/BR.png rename to public/static/common/images/langs/BR.png diff --git a/public/static/index/images/CN.png b/public/static/common/images/langs/CN.png similarity index 100% rename from public/static/index/images/CN.png rename to public/static/common/images/langs/CN.png diff --git a/public/static/index/images/ID.png b/public/static/common/images/langs/ID.png similarity index 100% rename from public/static/index/images/ID.png rename to public/static/common/images/langs/ID.png diff --git a/public/static/index/images/IR.png b/public/static/common/images/langs/IR.png similarity index 100% rename from public/static/index/images/IR.png rename to public/static/common/images/langs/IR.png diff --git a/public/static/index/images/MX.png b/public/static/common/images/langs/MX.png similarity index 100% rename from public/static/index/images/MX.png rename to public/static/common/images/langs/MX.png diff --git a/public/static/index/images/NL.png b/public/static/common/images/langs/NL.png similarity index 100% rename from public/static/index/images/NL.png rename to public/static/common/images/langs/NL.png diff --git a/public/static/index/images/TH.png b/public/static/common/images/langs/TH.png similarity index 100% rename from public/static/index/images/TH.png rename to public/static/common/images/langs/TH.png diff --git a/public/static/index/images/TR.png b/public/static/common/images/langs/TR.png similarity index 100% rename from public/static/index/images/TR.png rename to public/static/common/images/langs/TR.png diff --git a/public/static/index/images/US.png b/public/static/common/images/langs/US.png similarity index 100% rename from public/static/index/images/US.png rename to public/static/common/images/langs/US.png diff --git a/public/static/index/images/VN.png b/public/static/common/images/langs/VN.png similarity index 100% rename from public/static/index/images/VN.png rename to public/static/common/images/langs/VN.png diff --git a/public/static/index/mobile/css/font.css b/public/static/index/mobile/css/font.css new file mode 100755 index 00000000..fc4588f9 --- /dev/null +++ b/public/static/index/mobile/css/font.css @@ -0,0 +1,128 @@ +@font-face { + font-family: 'icomoon'; + src: url('../fonts/icomoon/icomoon.eot?11cuay'); + src: url('../fonts/icomoon/icomoon.eot?11cuay#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.ttf?11cuay') format('truetype'), + url('../fonts/icomoon/icomoon.woff?11cuay') format('woff'), url('../fonts/icomoon/icomoon.svg?11cuay#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' !important; + 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-search:before { + content: '\e900'; +} +/* .icon-category:before { + content: "\e924"; +} */ +.icon-Under-line:before { + content: '\e91e'; +} +.icon-On-line:before { + content: '\e902'; +} +.icon-support:before { + content: '\e921'; +} +.icon-media:before { + content: '\e922'; +} +.icon-join:before { + content: '\e901'; +} +.icon-arrow:before { + content: '\e907'; +} +.icon-Double-Arrow:before { + content: '\e903'; +} + +@font-face { + font-family: 'colleciton'; + src: url('../fonts/icomoon/colleciton/icomoon.eot?11cuay'); + src: url('../fonts/icomoon/colleciton/icomoon.eot?11cuay#iefix') format('embedded-opentype'), + url('../fonts/icomoon/colleciton/icomoon.ttf?11cuay') format('truetype'), url('../fonts/icomoon/colleciton/icomoon.woff?11cuay') format('woff'), + url('../fonts/icomoon/colleciton/icomoon.svg?11cuay#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} + +[class^='ic-'], +[class*=' ic-'] { + /* use !important to prevent issues with browser extensions that change ../fonts */ + font-family: 'colleciton' !important; + 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; +} +.ic-collect:before { + content: '\e907'; +} +.ic-collected:before { + content: '\e900'; +} +@font-face { + font-family: 'icomoon'; + src: url('../fonts/icomoon/icomoona.eot?c46hgi'); + src: url('../fonts/icomoon/icomoona.eot?c46hgi#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoona.ttf?c46hgi') format('truetype'), + url('../fonts/icomoon/icomoona.woff?c46hgi') format('woff'), url('../fonts/icomoon/icomoona.svg?c46hgi#icomoon') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +[class^='icon-'], +[class*=' icon-'] { + /* use !important to prevent issues with browser extensions that change ../fonts */ + font-family: 'icomoon' !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; +} + +.icon-right-svg:before { + content: '\e904'; +} +.icon-add-svg:before { + content: '\e900'; + color: #575757; +} +.icon-jian-svg:before { + content: '\e901'; + color: #575757; +} +.icon-lag-svg:before { + content: '\e902'; +} +.icon-menu-svg:before { + content: '\e903'; +} +.icon-search-svg:before { + content: '\e906'; +} diff --git a/public/static/index/mobile/css/fonts.css b/public/static/index/mobile/css/fonts.css new file mode 100755 index 00000000..84a06c2d --- /dev/null +++ b/public/static/index/mobile/css/fonts.css @@ -0,0 +1,220 @@ +@font-face { + font-family: 'icomoon'; + src: url('../fonts/icomoon/icomoon.eot?ujw7hy'); + src: url('../fonts/icomoon/icomoon.eot?ujw7hy#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.ttf?ujw7hy') format('truetype'), + url('../fonts/icomoon/icomoon.woff?ujw7hy') format('woff'), url('../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'; +} diff --git a/public/static/index/mobile/css/footer.css b/public/static/index/mobile/css/footer.css new file mode 100755 index 00000000..4815cb81 --- /dev/null +++ b/public/static/index/mobile/css/footer.css @@ -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; +} diff --git a/public/static/index/mobile/css/header.css b/public/static/index/mobile/css/header.css new file mode 100755 index 00000000..13fdfdcb --- /dev/null +++ b/public/static/index/mobile/css/header.css @@ -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; +} diff --git a/public/static/index/mobile/css/index.css b/public/static/index/mobile/css/index.css new file mode 100755 index 00000000..060bb710 --- /dev/null +++ b/public/static/index/mobile/css/index.css @@ -0,0 +1,128 @@ +.oricoEGapp { + display: flex; + flex-direction: column; + width: 100%; + overflow-y: auto; + overflow-x: hidden; +} +.oricoEGapp .oricoEGapp-index { + display: flex; + flex-direction: column; + width: 100%; + overflow-y: auto; + overflow-x: hidden; +} +.oricoEGapp .oricoEGapp-index .oidx-banner { + margin-top: 3.5rem; + z-index: 9; +} +.oricoEGapp .oricoEGapp-index .oidx-banner .swiper-container { + padding-top: 0; + padding-bottom: 0; +} +.oricoEGapp .oricoEGapp-index .oidx-cate { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + align-items: center; + padding: 1.5rem 0; + margin: 0 5%; +} +.oricoEGapp .oricoEGapp-index .oidx-cate .cateit { + margin: 0 5%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; +} +.oricoEGapp .oricoEGapp-index .oidx-cate .cateit img { + width: 2.25rem; + height: 2.25rem; +} +.oricoEGapp .oricoEGapp-index .oidx-cate .cateit span { + font-size: 0.8rem; +} +.oricoEGapp .oricoEGapp-index .oidx-gg { + width: 100%; + display: flex; + flex-direction: column; +} +.oricoEGapp .oricoEGapp-index .oidx-FP .timeblue a { + display: flex; + flex-direction: row; + align-items: center; +} +.oricoEGapp .oricoEGapp-index .oidx-FP .timeblue a img { + margin-left: 0.625rem; +} +.oricoEGapp .oricoEGapp-index .oidx-ztpictureshow { + position: relative; + background: #fff; +} +.oricoEGapp .oricoEGapp-index .oidx-ztpictureshow .margin-top-20 { + display: flex; + justify-content: center; +} +.oricoEGapp .oricoEGapp-index .oidx-tcly { + display: flex; + flex-direction: column; +} +.oricoEGapp .oricoEGapp-index .oidx-times { + display: flex; + position: relative; +} +.oricoEGapp .oricoEGapp-index .oidx-times .timeblue { + display: flex; + justify-content: center; +} +.oricoEGapp .oricoEGapp-index .oidx-times .timeline .events-wrapper { + overflow: initial; +} +.oricoEGapp .oricoEGapp-index .oidx-times .cd-horizontal-timeline .events a { + width: 33.3%; + margin-left: 0; +} +.oricoEGapp .oricoEGapp-index .oidx-times .cd-horizontal-timeline .events a::after { + left: 50%; +} +.oricoEGapp .oricoEGapp-index .oidx-total { + position: relative; +} +.oricoEGapp .oricoEGapp-index .oidx-imgqh .swiper-container { + overflow: initial; +} +.oricoEGapp .oricoEGapp-index .oidx-imgqh .swiper-pagination { + bottom: -15px; +} +.oricoEGapp .oricoEGapp-index .oidx-fqa { + margin-top: 2rem; +} +.oricoEGapp .oricoEGapp-index .oidx-fqa .faq-title h3 { + margin: 2rem auto; +} +.oricoEGapp .timeblue { + display: flex; + flex-direction: row; + align-items: center; + text-align: center; +} +.oricoEGapp .timeblue a { + display: flex; + flex-direction: row; + align-items: center; + text-align: center; +} +.oricoEGapp .timeblue img { + margin-left: 0.625rem; +} +.oricoEGapp .text_center { + text-align: center; +} +.oricoEGapp .inprotext { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} diff --git a/public/static/index/mobile/css/product_category.css b/public/static/index/mobile/css/product_category.css new file mode 100755 index 00000000..b48a4c07 --- /dev/null +++ b/public/static/index/mobile/css/product_category.css @@ -0,0 +1,25 @@ +.oricoEGapp-catelists { + display: flex; + flex-direction: column; +} +.oricoEGapp-catelists .first_list_category { + margin-top: 50px; + width: 100%; + overflow-x: auto; + height: 3.4rem; + background-color: transparent; +} +.oricoEGapp-catelists .scroller ul { + background-color: #fafafa; + list-style-type: none; + margin: 0; + padding: 0; + white-space: nowrap; +} +.oricoEGapp-catelists .scroller ul li { + display: inline-block; + margin-right: 10px; + padding: 10px; + cursor: pointer; + padding-bottom: 15px; +} diff --git a/public/static/index/mobile/css/product_subcategory.css b/public/static/index/mobile/css/product_subcategory.css new file mode 100755 index 00000000..89f8a2f8 --- /dev/null +++ b/public/static/index/mobile/css/product_subcategory.css @@ -0,0 +1,9 @@ +.oricoEGapp-subcatelists { + position: relative; +} +.oricoEGapp-subcatelists .product_list { + margin-top: 4.5rem; +} +.oricoEGapp-subcatelists .product_list .img_p { + margin: 0 auto; +} diff --git a/public/static/index/mobile/css/public.css b/public/static/index/mobile/css/public.css new file mode 100755 index 00000000..05186d8d --- /dev/null +++ b/public/static/index/mobile/css/public.css @@ -0,0 +1,88 @@ +@font-face { + font-family: "Montserrat"; + src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "Montserrat-Bold"; + src: url("../fonts/Montserrat-Bold.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "Montserrat-Medium"; + src: url("../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'; +} \ No newline at end of file diff --git a/public/static/index/mobile/css/style.css b/public/static/index/mobile/css/style.css new file mode 100755 index 00000000..db9d6173 --- /dev/null +++ b/public/static/index/mobile/css/style.css @@ -0,0 +1,3941 @@ +@font-face { + font-family: "Montserrat"; + src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: "Montserrat-Bold"; + src: url("../fonts/Montserrat-Bold.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: "Montserrat-Medium"; + src: url("../fonts/Montserrat-Medium.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: "Montserrat-SemiBold"; + src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype"); + font-weight: normal; + font-style: normal; +} +body { + font-family: 'Montserrat-SemiBold'; + margin: auto; + background-color: #f5f5f5; + max-width: 750px; +} +img { + border: none; + border: 0; + vertical-align: top; +} + +@media screen and (min-width: 640px) and (max-width: 1000px) { + body, + html { + font-size: 94% !important; + } +} +@media only screen and (min-width: 480px) and (max-width: 639px) { + body, + html { + font-size: 92% !important; + } +} +@media only screen and (min-width: 384px) and (max-width: 479px) { + body, + html { + font-size: 90% !important; + } +} +@media only screen and (min-width: 320px) and (max-width: 383px) { + body, + html { + font-size: 88% !important; + } +} +@media only screen and (max-width: 319px) { + body, + html { + font-size: 86% !important; + } +} + +@media screen and (min-width: 756px) { + #content { + width: 750px; + margin: 0 auto; + } +} +@media screen and (max-width: 750px) { + #content { + width: 100%; + margin: 0; + } +} + +input { + border: none; + outline: none; +} +/*ul, li, dl, dt, dd{list-style: none; padding:0; margin:0;}*/ +ul, +li, +form, +dl, +dt, +dd, +div, +ul, +li, +p, +em, +i, +address { + font-style: normal; + list-style: none; + padding: 0px; + margin: 0px; +} +a { + text-decoration: none; + cursor: pointer; +} +.bg-w { + background: #fff; + padding: 1.5rem 0; +} +.m_Container { + max-width: 720px; + margin: auto; + margin: 0 1rem; +} +.m_Container p { + text-align: left; +} +.m_Content { + max-width: 720px; + margin: auto; + margin: 0 1rem; +} +/* .m_Container .swiper-slide{padding-right:1.5rem;} */ +.m_Container .swiper-slide:last-child { + padding-right: 0; +} +.m-in-top { + padding: 0.5rem 0; +} +.big_title { + font-size: 1.01rem; +} +.title { + font-size: 0.85rem; +} /*32px*/ +.subtitle { + font-size: 0.75rem; +} /*28px*/ +.des { + font-size: 0.64rem; +} /*24px*/ +.text_16 { + font-size: 0.43rem; +} /*16px*/ +.text_18 { + font-size: 0.48rem; +} /*18px*/ +.text_20 { + font-size: 0.54rem; +} /*20px*/ +.text_22 { + font-size: 0.58rem; +} /*22px*/ +.text_24 { + font-size: 0.64rem; +} /*24px*/ +.text_28 { + font-size: 0.747rem; +} /*28px*/ +.text_30 { + font-size: 0.8rem; +} /*30px*/ +.text_32 { + font-size: 0.85rem; +} /*32px*/ +.text_38 { + font-size: 1.013rem; +} /*38px*/ +.text_40 { + font-size: 1.067rem; +} /*40px*/ +.text_48 { + font-size: 1.28rem; +} /*48px*/ +.error { + border: 1px solid #ff4155 !important; +} +.text_center { + text-align: center; +} +.text_left { + text-align: left; +} +.text_right { + text-align: right; +} +.img-responsive img { + height: auto; + max-width: 100%; +} +.img-responsives img { + display: block; + height: auto; + width: 100%; +} +.title_margin-top { + margin-top: 0.85rem; +} +.subtitle_margin-top { + margin-top: 0.9rem; +} +.bottom-margin { + margin-bottom: 0.2rem; +} +.overflow-h { + overflow: hidden; +} +.position_r { + position: relative; +} +.sition_banner { + position: absolute; + top: 0; + left: 0; +} +.position_a { + position: absolute; + top: 0; + left: 10%; + width: 80%; + margin: auto; +} +.text_white { + color: #fff; +} +.text_black { + color: #333; +} +.text_gray { + color: #666; +} +.text_blue { + color: #009fdf; +} +.margin-top-120 { + margin-top: 3.1rem; +} /*上边距120px*/ +.margin-top-80 { + margin-top: 2.13rem; +} /*上边距80px*/ +.margin-top-70 { + margin-top: 2rem; +} /*上边距70px*/ +.margin-top-60 { + margin-top: 52px; +} /*上边距60px*/ +.margin-top-50 { + margin-top: 1.12rem; +} +.margin-top-40 { + margin-top: 0.95rem; +} +.margin-top-35 { + margin-top: 0.8rem; +} +.margin-top-30 { + margin-top: 0.68rem; +} +.margin-top-20 { + margin-top: 0.5rem; +} +.margin-top-14 { + margin-top: 0.35rem; +} +.margin-top-10 { + margin-top: 0.25rem; +} +.margin-45 { + margin-top: 5.5rem !important; +} +.margin-4 { + margin-top: 4rem !important; +} +.margin-bottom-60 { + margin-bottom: 1.6rem; +} /*下边距60px;*/ +.margin-bottom-48 { + margin-bottom: 1.125rem; +} /*下边距50px;*/ +.margin-bottom-40 { + margin-bottom: 0.95rem; +} /*下边距40px;*/ +.margin-bottom-20 { + margin-bottom: 0.5rem; +} /*下边距20px;*/ +.margin-bottom-35 { + margin-bottom: 0.8rem; +} /*下边距35px;*/ +.margin-bottom-10 { + margin-bottom: 0.27rem; +} /*下边距10px;*/ +.margin-bottom-30 { + margin-bottom: 0.84rem; +} /*下边距30px;*/ +.text-indent_48 { + text-indent: 1.28rem; +} +.line-height-40 { + line-height: 1.07rem; +} +.line_height_38 { + line-height: 1.01rem; +} +.line-height-45 { + line-height: 1.2rem; +} +.line-height-50 { + line-height: 1.33rem; +} +.bg_white { + background-color: #fff; + overflow: hidden; + position: relative; +} +.bg_blue { + background-color: #009fdf; + overflow: hidden; + position: relative; +} +.bg_black { + background-color: #1e1e1e; + overflow: hidden; + position: relative; +} +.bg_gray { + background-color: #f5f5f5; + overflow: hidden; + position: relative; +} +.nowrap_ellipsis { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} /*字体不换行*/ +.cursor_p { + cursor: pointer; +} /*鼠标样式*/ +.margin-top-90 { + /*margin-top: 2.4rem;*/ +} /*距离顶部的距离*/ +.margin-bottom-90 { + margin-bottom: 2.4rem; +} /*距离顶部的距离*/ +.f_weight_600 { + font-weight: 600; +} +.f_weight_500 { + font-weight: 500; +} +.f_weight_400 { + font-weight: 400; +} +.f_weight_300 { + font-weight: 300; +} +.f_weight_200 { + font-weight: 200; +} +.f_weight_100 { + font-weight: 100; +} +.v-mid { + vertical-align: middle; +} +.float_l { + float: left; +} +.float_r { + float: right; +} +.vedio-h { + height: 400px; +} +/*头部*/ + +.header { + background-color: transparent; + width: 100%; + margin: auto; + position: fixed; + z-index: 9999; + display: inline-block; + top: 0; + color: #fff; +} +.m_nav { + margin: auto; + height: 3.5rem; + background: #fff; + position: fixed; + z-index: 9999; + display: inline-block; + top: 0; + color: #000; + width: 100%; +} + +.m_Container .left { + float: left; + padding: 0.5rem 0; +} +.m_Container .left img { + max-width: 100%; +} +.m_Container .center { + text-align: center; + float: left; + padding: 0 0 0 4.5rem; +} +.m_Container .center img { + max-width: 100%; + margin: auto; +} +.m_Container .right { + float: right; + margin: 1rem 0 0 0; +} +.m_Container .right img { + max-width: 60%; +} +.m_Container .right span { + margin-left: 0.11rem; +} +.m_Container span { + font-size: 1rem; +} +.index_title { + font-size: 0.5rem; +} +.menu-new-off { + background: #004bfa; + padding: 0.5rem 0; + color: #fff; + text-align: center; + font-size: 0.8rem; + font-weight: 600; +} +.clearfix { + overflow: hidden; + _zoom: 1; +} +.clearfix:after { + content: ''; + display: block; + clear: both; + height: 0; + visibility: hidden; +} +.clearfix { + *zoom: 1; +} +/*swiper*/ +.swiper-container { + width: 100%; + margin: auto; + cursor: pointer; + overflow: hidden; + padding: 1% 0; + position: relative; + padding-top: 1rem; +} + +.swiper-container-vertical > .swiper-wrapper { + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + box-sizing: content-box; +} +.swiper-container-android .swiper-slide, +.swiper-wrapper { + transform: translate3d(0px, 0, 0); +} +.swiper-container-multirow > .swiper-wrapper { + flex-wrap: wrap; +} +.swiper-container-multirow-column > .swiper-wrapper { + flex-wrap: wrap; + flex-direction: column; +} +.swiper-container-free-mode > .swiper-wrapper { + transition-timing-function: linear; + margin: 0 auto; +} +.swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform; +} +.swiper-slide-invisible-blank { + visibility: hidden; +} + +.swiper-pagination { + position: relative; + text-align: center; + transition: 300ms opacity; + transform: translate3d(0, 0, 0); + z-index: 10; +} +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} + +.swiper-pagination-bullet { + width: 8px; + height: 8px; + display: inline-block; + border-radius: 100%; + background: #858585; +} +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + box-shadow: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} +.swiper-pagination-bullet-active { + opacity: 1; + background: #004bfa; +} + +.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 6px 0; + display: block; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + transform: translateY(-50%); + width: 8px; +} +.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display: inline-block; + transition: 200ms transform, 200ms top; + -webkit-transition: 200ms transform, 200ms top; + -moz-transition: 200ms transform, 200ms top; + -ms-transition: 200ms transform, 200ms top; + -o-transition: 200ms transform, 200ms top; +} +.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 4px; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + transform: translateX(-50%); + white-space: nowrap; + margin: 1.5rem 0; +} +.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: 200ms transform, 200ms left; +} +.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: 200ms transform, 200ms right; +} + +/*广告*/ +.index-img { + width: 100%; + text-align: center; + background: #fff; + margin-bottom: 2rem; +} +.index-img .more img { + width: 6%; + margin-bottom: 1px; +} +.index-img img { + max-width: 100%; +} +.Innew-text { + padding: 4rem 0; + text-align: center; +} +.Innew-text .title { + font-size: 2.5rem; + padding-bottom: 1rem; + font-family: 'Montserrat-Bold'; +} +.Inpro-text { + padding: 2rem 0 0.8rem; + text-align: center; +} +.Inpro-text .title { + font-size: 1.5rem; + padding-bottom: 1rem; + font-family: 'Montserrat-Bold'; +} + +.Innew-text .more { + font-size: 1.3rem; +} +.Innew-text .more a { + color: #000; +} + +.Innew-text img { + vertical-align: middle; +} +/*视频*/ +video { + max-width: 100%; +} +video img { + max-width: 100%; +} + +/*产品滑动*/ +.inproimg { + background: #fff; + max-width: 220px; + margin: 0 0 0 1rem; + padding: 2rem 2rem 0 2rem; +} +.inprotext { + padding: 1rem 2rem 2rem; +} +.inprotext .title { + font-size: 1.2rem; + max-height: 3rem; + overflow: hidden; + font-family: 'Montserrat-Bold'; +} +.inprotext .t-f16 { + font-size: 1rem; + padding: 1rem 0; + font-weight: 100; + max-height: 1.4rem; + overflow: hidden; +} +.inprotext .more { + color: #004bfa; + font-size: 1rem; + padding: 0.8rem 0; +} +.inprotext .more img { + vertical-align: middle; +} +.inpro-text { + padding: 1rem 0; +} +.inpro-text .more { + font-size: 1.3rem; +} +.inpro-text .more img { + vertical-align: middle; +} +.indocking { + width: 100%; + position: relative; + margin: 1rem 0; +} +.indocking img { + max-width: 100%; + vertical-align: middle; +} +.vedio_in { + position: relative; + padding-bottom: 56.25%; /* 16:9 */ + height: 0; + margin: 1rem 0 1.5rem; +} +.vedio_in img { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 20; + cursor: pointer; +} +.vedio_in:after { + content: ''; + position: absolute; + display: block; + background: url(../images/video-icon.png) no-repeat 0 0; + top: 35%; + left: 40%; + width: 56px; + height: 56px; + z-index: 30; + cursor: pointer; +} +.vedio_in iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.vedio_in .player img { + display: none; +} +.vedio_in .player:after { + display: none; +} +/*头部弹出菜单*/ +.menu { + background-color: #fff; + overflow: hidden; + width: 100%; +} +.menu dl { + border-bottom: 1px solid #e5e5e5; + width: 93%; + padding: 1rem 3.5% 0.65rem; + position: relative; + font-size: 12px; + color: #000; + overflow: hidden; +} +.menu i { + position: absolute; + display: inline-block; + right: 3.4%; + top: 0.8rem; + font-weight: 600; + color: #000; +} +.menu dd { + padding-left: 1rem; + display: none; + font-size: 12px; + line-height: 1.8rem; + font-weight: 100; + color: #666; +} +.menu dl dd:nth-child(1) { + margin-top: 0.2rem; +} +.menu .search { + width: 100%; + text-align: center; + margin-top: 0.45rem; + position: relative; +} +.menu .search .updown_search_btn { + background: none; + border: none; + position: absolute; + right: 3.5%; + top: 0.6rem; + font-size: 1.8em; + vertical-align: middle; + color: #333; +} +.menu .SingIn-button a { + display: inline-block; + border: 1px solid #fff; + color: #666666; + margin-left: 1.2rem; + margin-right: 1.2rem; + text-align: center; + text-decoration: none; + margin-top: 0.85rem; + margin-bottom: 0.45rem; + font-size: 0.8125rem; + background-color: #fff; + padding: 0.2rem 1.25rem; +} +.menu .search .form-control { + width: 90%; + border: 1px solid rgba(220, 221, 221, 0.7); + vertical-align: middle; + padding: 1rem 2.4%; + font-size: 1rem; + background-color: #fff; + border-radius: 0.5rem; + -webkit-border-radius: 0.5rem; + -moz-border-radius: 0.5rem; + -ms-border-radius: 0.5rem; + -o-border-radius: 0.5rem; +} +.menu .search .icon-search { + color: #999999; +} +.menu dl a { + color: #000; +} +.menu dl a:hover { + color: #000; +} +.menu dd a { + color: #666; +} +.menu dd a:hover { + color: #737373; +} +/*头部搜索弹窗*/ +.popup-quick { + width: 86%; + background-color: #fff; + z-index: 9999; + box-shadow: 0px 2px 5px rgba(255, 255, 255, 0.2); + color: #333; + padding: 1rem; + border-radius: 5px; + margin: 1rem auto 0; + position: relative; +} +.ac-popup-btn { + padding: 40px 0 0; + clear: both; + margin: auto; + width: 90%; +} +.ac-close { + cursor: pointer; +} +.business-close { + position: absolute; + right: 1rem; + top: 2rem; + cursor: pointer; +} +.title-text { + padding-top: 2rem; + color: #333; +} +.title-text p { + line-height: 2rem; +} +.title-text p a { + color: #989898; +} +.title-text p a:hover { + color: #989898; +} +.marsk-container { + background: rgba(0, 0, 0, 0.8); + display: none; + position: absolute; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0px; + z-index: 9999; +} +.marsk-container-detail { + background: rgba(0, 0, 0, 0.8); + display: none; + position: absolute; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0px; + z-index: 9999; +} +.search-in { + margin-top: 3rem; +} +.search-in input { + width: 70% !important; + height: 2.8rem; + background: #ffffff; + border: 1px solid #d6d6d6; + opacity: 1; + border-radius: 20px; + padding: 0 0.5rem; +} +::-webkit-input-placeholder { + color: #989898; +} +.search-button { + border: none; + font-size: 0.9rem; + color: #fff; + position: absolute; + right: 10px; + cursor: pointer; + background: #0060ff; + height: 2.5rem; + border-radius: 20px; + padding: 0 0.8rem; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + -ms-border-radius: 20px; + -o-border-radius: 20px; +} +/*头部国家*/ +.m-Country { + width: 100%; + font-size: 0.6875rem; + color: #fff; + background-color: #efefef; + overflow: hidden; + text-align: left; +} +.m-Country:before { + width: 0; + height: 0; + border-right: 0.36rem solid transparent; + border-left: 0.36rem solid transparent; + border-bottom: 0.46rem solid #efefef; + position: absolute; + margin-top: -0.4rem; + right: 0.95rem; + content: ''; +} +.m-Country ul { + width: 80%; + margin: 0 auto 2rem; +} +.m-Country li { + border-bottom: 1px solid #e3e3e3; + width: 93%; + padding: 0.65rem 3.5% 0.65rem; + position: relative; +} +.m-Country a { + color: #333; + text-decoration: none; +} + +/*banner*/ +.banner { + width: 100%; +} +.banner_list li { + position: relative; +} +.ban-p { + margin: 0 auto; + text-align: center; + width: 100%; + margin: 5rem 0; +} +.ban-h2 { + font-size: 2rem; + font-weight: 600; + margin: auto; + line-height: 2rem; + padding: 0 3rem; + font-family: 'Montserrat-Bold'; +} +.ban-t { + padding: 0.5rem 3rem; + font-size: 1.125rem; + font-family: 'Montserrat-Regular'; +} +.btn-more { + background: transparent; + border: 1px solid #fff; + border-radius: 42px; + -webkit-border-radius: 42px; + -moz-border-radius: 42px; + -ms-border-radius: 42px; + -o-border-radius: 42px; + color: #fff; + padding: 0.5rem 1rem; + margin-top: 2rem; + width: 7rem; + margin: auto; + font-size: 1rem; + font-weight: 600; + font-family: 'Montserrat-Bold'; +} +/*类别*/ +.category { + position: relative; + background-color: #fff; + overflow: hidden; + box-shadow: 0px 5px 20px #e6e6e6; + width: 95%; + margin: 0.5rem auto; + border-radius: 5px; +} +.category ul { + width: 90%; + margin: 1rem auto 0.15rem; + overflow: hidden; +} +.category ul li { + width: 33.33333%; + float: left; + text-align: left; + padding: 0.2rem 0; +} +.category ul li p:hover { + color: #00a0e9; +} +.category p { + font-size: 0.6rem; + color: #333333; +} +.category p:nth-child(1) { + margin-bottom: 0; +} +.category p:nth-child(2) { + margin-top: 0.2rem; + margin-bottom: 0.8rem; +} +.category ul img { + height: 1.28rem; +} +/*内容*/ +.Brand_research { + width: 100%; + margin-top: 0.55rem; +} +.Brand_research li { + border-radius: 5px; + background-color: #009fdf; + text-align: center; + font-size: 0.8rem; + color: #fff; + padding: 1.1rem 0 1.25rem; + margin-bottom: 10px; +} +.index_video { + margin-top: 1.1rem; +} +.index_video .title { + margin-bottom: 0.7rem; + font-weight: 600; +} +.index_video .des { + line-height: 0.98rem; +} +.index_video video { + margin-top: 0.5em; +} + +.index_culute { + margin-top: 0.85rem; +} +.index_culute p { + display: block; +} +.index_culute .title { + margin-bottom: 0em; + margin-top: 0rem; +} +.index_culute .des { + margin-bottom: 0.95rem; + overflow: hidden; + margin-top: 0.3rem; +} + +.partner { + margin-bottom: 1.75rem; +} +.partner .title { + margin-top: 1.15rem; + margin-bottom: 0.98rem; +} +.index_partner_list li { + width: 24.25%; + margin-right: 1%; + float: left; +} +.index_partner_list li:last-child { + margin-right: 0; +} +/*number*/ +.num-bg { + background: #1d4af0; + padding: 2rem 0.5rem; +} +.num-bg li { + float: left; + color: #fff; + width: 33.3%; + text-align: center; +} + +.num-bg li h3 { + font-size: 1.2rem; + padding: 0.2rem 0; + text-align: center; + margin: 0; + font-family: 'Montserrat-Bold'; +} +.num-bg li p { + font-size: 0.8rem; + font-family: 'Montserrat-Regular'; +} +/*标题*/ +.Tech-text { + text-align: center; + width: 80%; + margin: 0 auto; + padding: 2rem 0; +} +.Tech-text h3 { + margin: 0; + font-size: 1.5rem; +} +.Tech-text p { + padding: 1rem 0; + font-size: 0.875rem; + font-family: 'Montserrat-Medium'; +} + +.pos-text { + position: absolute; + bottom: 0.8rem; + text-align: center; + color: #fff; + font-size: 0.825rem; + margin: 0 auto; + font-family: 'Montserrat-Bold'; + height: 2rem; + overflow: hidden; + text-overflow: ellipsis; + padding: 0 1rem; +} + +/*问题FAQ*/ +.faq { + background-color: #fff; + overflow: hidden; + width: 100%; + color: #000; + margin-top: 1rem; + margin-bottom: 2.5rem; +} + +.faq dl { + border-bottom: 1px solid rgba(119, 119, 119, 0.3); + padding: 2% 11% 2% 5%; + overflow: hidden; + line-height: 1.875em; +} +.faq dl:last-child { + border-bottom: none; +} +.faq dt { + position: relative; + width: 100%; + font-size: 0.9rem; + padding: 1rem 0; + line-height: 1.3em; + font-family: 'Montserrat-Bold'; +} +.faq span { + display: inline-block; + margin-right: 5px; + left: -1.5em; +} + +.faq dd { + padding-left: 0%; + display: none; + font-size: 0.875rem; + line-height: 1.75em; + color: #666; + font-family: 'Montserrat-Medium'; +} +.faq i { + position: absolute; + display: inline-block; + right: -1.5em; + line-height: 1.875em; + top: 0.8rem; + font-weight: 600; + font-size: 0.8rem; +} +.rotate { + transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); +} +.faq-title { + text-align: center; + width: 90%; + margin: 0 auto; +} +.faq-title h3 { + font-size: 1.685rem; +} +.faq-title h5 { + font-size: 1.25rem; + margin: 0.2rem 0 1rem; + word-break: normal; + display: block; + white-space: pre-wrap; + word-wrap: break-word; + overflow: hidden; + height: 1.5rem; + font-family: 'Montserrat-Medium'; + font-weight: 100; +} +.faq-title p { + font-size: 1.125rem; + color: #7f7f7f; + padding-bottom: 1rem; + font-family: 'Montserrat-Medium'; + font-weight: 100; +} +/*foot */ +.footer { + background: #2b2b2b; + width: 100%; +} +.logo-white { + text-align: center; + padding: 4rem 0 0; +} + +.logo-white img { + max-width: 35%; +} +.logo-text { + text-align: center; + color: #fff; + font-size: 1.5rem; + margin: 1.5rem auto; + line-height: 2rem; + width: 90%; +} +.foot-in { + width: 90%; + margin: auto; + position: relative; + padding-bottom: 3.5rem; +} +.foot-in h3 { + font-size: 1.25rem; + font-family: 'Montserrat-Bold'; + font-weight: 100; +} +.logo-input { + border: 1px solid #565656; + background: #2b2b2b; + border-radius: 9px 9px 9px 9px; + height: 3rem; + color: #fff; + width: 98%; + padding: 0 2%; + font-size: 1rem; +} +.logo-arr { + position: absolute; + right: 0; + top: 0.8rem; + text-align: right; +} +.logo-arr img { + max-width: 45%; +} +.foot-cate { + padding: 1rem; +} +.foot-cate ul { + margin-left: 1rem; +} +.foot-cate li { + width: 50%; + display: inline-block; + float: left; + color: #fff; + padding: 1rem 0; + min-height: 17rem; +} +.foot-cate li a { + color: #fff; +} + +.foot-cate li p { + font-size: 0.7rem; + line-height: 2.5rem; + font-family: 'Montserrat-Medium'; + word-wrap: break-word; +} +.foot-wei { + padding: 1rem 0 0; +} +.cursor_p span { + font-size: 1.5rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 1; + width: 100%; + height: 1.2rem; + padding-left: 1rem; +} +.cursor_p span:hover { + font-size: 1.5rem; + white-space: normal; + width: 100%; + overflow: inherit; + line-height: 1.5rem; +} +.img-icon img { + max-width: 50% !important; +} +.foot-con span { + font-size: 1rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: 1; + width: 100%; + height: 1.2rem; + cursor: pointer; + font-family: 'Montserrat-Medium'; +} +/*下拉*/ +.m_footer .left { + float: left; + width: 40%; + text-align: right; +} +.m_footer .left img { + max-width: 2rem; + padding-right: 0.2rem; + padding-top: 0.2rem; +} +.m_footer .center { + text-align: center; + float: left; + padding: 0 0 0 4.5rem; +} +.m_footer .center img { + max-width: 100%; + margin: auto; +} +.m_footer .right { + float: right; + padding: 0.6rem 0; + width: 57%; + text-align: left; +} + +.m_footer .right img { + max-width: 2rem; + vertical-align: middle; +} + +.m-Country01 { + width: 100%; + font-size: 0.6875rem; + color: #fff; + background-color: #efefef; + overflow: hidden; + text-align: left; +} + +.copy-text { + color: #fff; + text-align: center; + font-size: 12px; + padding-bottom: 0.5rem; + font-family: 'Montserrat-Medium'; +} +/*下拉*/ +.mask-up { +} +.mask { + position: fixed; + top: 0; + left: 0; + display: none; + height: 200rem; + background: rgba(0, 0, 0, 0.4); + z-index: 9999; + width: 100%; +} +.close-icon { + cursor: pointer; +} +.action-sheet { + border-top-left-radius: 0.6rem; + border-top-right-radius: 0.6rem; + display: none; + background: #fff; + width: 100%; + position: fixed; + bottom: 0; + z-index: 11111; + left: 0; +} + +.menu-name { + text-indent: 0.2rem; + font-size: 0.85rem; + font-weight: 700; + color: #000; +} +.action-sheet ul li { + margin: 0 0.4rem; + color: #333; + font-size: 0.8rem; + text-align: left; + border-bottom: 1px solid #eee; + padding: 0.8rem 1rem; +} +.action-sheet ul li a { + color: #333; + display: flex; + flex-direction: row; + align-items: center; +} +.action-sheet ul li img { + margin-right: 1rem; +} +.menu-title { + display: flex; + align-items: center; + margin: 0 0.4rem; + justify-content: space-between; + background: #fff; + border-top-left-radius: 0.6rem; + border-top-right-radius: 0.6rem; + padding: 0.5rem 0; +} +.scroll-mask { + height: 100%; + overflow: scroll; + overflow-y: hidden; +} +/*产品*/ +.product_title { + font-size: 0.75rem; + color: #333333; + padding-left: 2%; + margin-top: 0.9rem; +} +.hot_product { + width: 100%; + overflow: hidden; + margin-top: 0.65rem; +} +.hot_product li { + width: 9.365rem; + margin-right: 0.26rem; + position: relative; + color: #fff; + float: left; + margin-bottom: 0.26rem; +} +.hot_product .hot_product_text { + position: absolute; + bottom: 0.55rem; + width: 100%; +} +.hot_product li:nth-child(2n) { + margin-right: 0; +} +.hot_product .title { + font-size: 0.59rem; + margin-bottom: 0.25rem; +} +.hot_product span { + display: block; +} +.hot_product .subtitle { + font-size: 0.4rem; +} +.view_all { + font-size: 0.64rem; + color: #666666; +} +.product_list_title { + width: 100%; + margin-top: 0.9rem; + overflow: hidden; +} +.product_list_title .product_title { + width: 60%; + float: left; + text-align: left; + margin-top: 0rem; +} +.product_list_title .view_all { + width: 38%; + float: right; + text-align: right; +} +.product_list_title .icon-Double-Arrow { + margin-left: 0.15rem; + display: inline-block; +} + +/*产品列表*/ +.product_list { + margin-top: 0.6rem; + overflow: hidden; +} +.product_list li { + width: 47%; + margin-right: 1rem; + float: left; + margin-bottom: 1rem; + background-color: #fff; + text-align: center; + padding-top: 2rem; + padding-bottom: 1rem; +} +.product_list li:nth-child(2n) { + margin-right: 0; +} +.product_list .title { + font-size: 0.54rem; + color: #333; + margin-top: 1rem; +} +.product_list .subtitle { + font-size: 0.48rem; + color: #666666; + margin-top: 0.35rem; +} +.product_list span { + display: block; +} +.product_list .img_p { + width: 65%; + max-width: 220px; +} + +/*一级列表类别*/ +.first_list_category { + position: relative; + height: 4.5rem; + width: 100%; + overflow: hidden; + margin: 0 auto; + background-color: #fafafa; + margin-top: 2rem; +} +.first_list_category ul { + margin-top: 1.06rem; +} +.first_list_category li { + padding-left: 1rem; + display: inline-block; + text-align: center; + font-style: none; + margin-bottom: 0rem; +} +.first_list_category li:last-child() { + padding-right: 1rem; +} +.first_list_category .category_list { + font-size: 0.64rem; + color: #333333; +} +.first_list_category .scroller { + position: absolute; +} +.first_list_category .category_list p { + margin-top: 0.25rem; +} +.first_list_category img { + width: 1.5rem; + max-width: 54px; +} + +/*二级列表类别*/ +.Second_list_category { + position: relative; + height: 4.5rem; + width: 100%; + overflow: hidden; + margin: 0 auto; + background-color: #fafafa; +} +.Second_list_category ul { + margin-top: 1rem; +} +.Second_list_category li { + padding-left: 1rem; + display: inline-block; + text-align: center; + font-style: none; + margin-bottom: 1rem; +} +.Second_list_category li:last-child() { + padding-right: 1rem; +} +.Second_list_category .category_list { + font-size: 0.64rem; + color: #333333; +} +.Second_list_category .scroller { + position: absolute; +} +.Second_list_category img { + width: 1.44rem; + max-width: 54px; +} +.Second_list_category .category_list p { + margin-top: 0.25rem; +} + +/*产品详情*/ +.goods_list { + width: 100%; +} +.goods_all_title { + width: 96%; + padding: 0 0.6rem 0.55rem; + margin-top: 0.65rem; + border-bottom: 1px solid #e5e5e5; +} +.goods_all_title .title { + font-size: 0.7rem; + color: #333333; + margin: 2rem 0 0; +} +.goods_all_title .subtitle { + font-size: 0.64rem; + color: #666666; + margin-top: 0.35rem; +} +/*详情规格参数样式*/ +.proTfg { + width: 94%; + margin: auto; +} +.proTfg .swt-Table { + display: table; + width: 100%; + text-align: left; +} +.proTfg .swt-Table .Table-Row { + display: table-row; +} +.proTfg .swt-Table .Table-Row .Table-Cell { + display: table-cell; + margin: 0; + padding-bottom: 0.28rem; +} +.msul { + font-size: 0.62rem; + margin: 0.65rem auto; +} +.msul .ms1 { + width: 35%; + float: left; + color: #333333; +} +.msul .ms2 { + width: 5%; + float: left; +} +.msul .ms3 { + width: 60%; + float: left; + color: #666666; +} +.star { + position: absolute; + top: 0; + width: 2.56rem; + height: 0.4rem; + background-image: url(../images/star_orange.png); + background-position: 0 0; + background-repeat: no-repeat; + background-size: 2.56rem 0.4rem; +} /*平台购买链接*/ +.platform_buy { + width: 100%; + color: #fff; + font-size: 0.64rem; + text-align: center; + margin-bottom: 1rem; +} +.platform_buy a { + display: inline-block; + padding: 0.25rem 1rem; + margin-right: 1rem; +} +.cursor_p { + cursor: pointer; + /* padding-bottom: 1.5%; */ +} +/*详情描述*/ +.goods_details { + background-color: #ffffff; + width: 100%; + padding: 1.1rem 0; +} +.goods_details .cpa { + text-align: center; +} +.goods_details .cpa li { + display: inline-block; + padding-right: 1.5rem; + padding-left: 1.5rem; + line-height: 0.64rem; + height: 0.54rem; +} +.goods_details .cpa li:nth-child(2) { + border-left: 1px solid #009fdf; +} +.goods_details li:nth-child(3) { + margin-right: 0; + border-right: none; +} +.goods_details .cpa a { + color: #666666; + font-size: 0.64rem; +} +.goods_details .active { + color: #009fdf; +} +.goods_des { + width: 100%; +} +.goods_address { + font-size: 0.7rem; + padding-top: 1rem; + padding-bottom: 1rem; +} +.goods_address .href_01 { + color: #333333; +} +.goods_address .href_02 { + color: #666666; +} +.goods_address span { + display: inline-block; + transform: rotate(90deg); + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -o-transform: rotate(90deg); + -ms-transform: rotate(90deg); +} + +.goods_details_fixed { + position: fixed; + top: 2.4rem; + z-index: 999; + max-width: 750px; +} +/*关联产品*/ +.goods_Related { + padding: 0.85rem 0 1.25rem; + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; + overflow: hidden; +} +.goods_Related_title { + margin-bottom: 1rem; +} +.goods_Related_list { + width: 88%; + margin: 0 auto; +} +.goods_Related_list li { + float: left; +} +.goods_Related_list img { + padding: 0.24rem 1.2rem; + background-color: #fff; + width: 2.67rem; + height: 2.67rem; +} +.goods_Related_list span { + display: block; +} +.goods_Related_list .title { + font-size: 0.59rem; + color: #333333; + margin-top: 0.3rem; + height: 0.85rem; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} +.goods_Related_list .subtitle { + font-size: 0.43rem; + color: #666666; + margin-top: 0.15rem; +} + +/*评论*/ +.goods_comment { + border-bottom: 1px solid #e5e5e5; + margin-top: 0.3rem; + overflow: hidden; + padding-bottom: 0.3rem; + position: relative; +} +.goods_comment span { + display: block; +} +.goods_comment .title { + font-size: 0.587rem; + color: #333; + margin-bottom: 0.3rem; +} +.goods_comment .subtitle { + font-size: 0.48rem; + color: #333; + margin-bottom: 0.15rem; +} +.goods_comment ul { + margin-top: 0.25rem; +} +.goods_comment li { + width: 4.462rem; + margin-right: 0.25rem; + float: left; + height: 4.462rem; +} +.goods_comment li:nth-child(4n) { + margin-right: 0; +} + +.goods_comment_img { + height: 4.462rem; + margin-bottom: 0.45rem; +} +.goods_comment_img ul { + position: absolute; + width: 100%; + left: 0%; + margin-left: 0px; +} +.goods_comment li { + position: relative; + width: 4.462rem; + overflow: hidden; + height: 4.462rem; +} +.goods_comment li img { + display: block; + width: 100%; + height: 6.917rem; + object-fit: cover; +} +/*评论图片放大功能*/ + +.big_img { + position: fixed; + z-index: -1; + opacity: 0; + background: #000; + width: 100%; + height: 100%; + top: 0; +} +.big_img .swiper-container2 { + position: relative; + width: 100%; + height: 100%; +} +.big_img .swiper-container2 .swiper-wrapper { + width: 100%; + height: 100%; +} +.swiper-container-android .swiper-slide, +.swiper-wrapper { + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -o-transform: translate(0, 0); + -ms-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-transition-property: -webkit-transform; + -moz-transition-property: -moz-transform; + -o-transition-property: -o-transform; + -ms-transition-property: -ms-transform; + transition-property: transform; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.big_img .swiper-slide { + width: 100%; + height: 100%; + display: table; +} +.swiper-slide { + -webkit-flex-shrink: 0; + -ms-flex: 0 0 auto; + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + font-size: 0.8rem; + border-radius: 1.2rem; + -webkit-border-radius: 1.2rem; + -moz-border-radius: 1.2rem; + -ms-border-radius: 1.2rem; + -o-border-radius: 1.2rem; +} +.swiper-slide:nth-child(5n) { + margin-right: 0; +} +.swiper-slide a { + color: #000; + font-family: 'Montserrat-SemiBold'; +} +.swiper-slide img { + max-width: 100%; +} +.big_img .swiper-slide .cell { + width: 100%; + height: 100%; + display: table-cell; + vertical-align: middle; + text-align: center; +} +.big_img .swiper-slide img { + max-width: 100%; + margin: 0 auto; +} + +/*新闻*/ +.news .title { + margin-bottom: 0.6rem; +} +.news_list { + padding-top: 0.45rem; + border-bottom: 1px solid #e5e5e5; + overflow: hidden; + padding-bottom: 0.2rem; +} +.news_list .left { + float: left; + width: 6.45rem; + margin-right: 0.54rem; +} +.news_list .right { + float: left; + width: 11.6rem; +} +.news_list span { + display: inline-block; + margin-right: 0.72rem; +} +.news_list_title { + font-size: 0.64rem; + color: #333; + margin-bottom: 0.2rem; +} +.news_list_des_text { + font-size: 0.48rem; + color: #666; + line-height: 0.68rem; + margin-bottom: 0.25rem; +} +.news_list_share { + font-size: 0.427rem; + color: #666; +} +.news_list_share img { + vertical-align: bottom; + margin-right: 0.16rem; + width: 0.427rem; + height: 0.427rem; + margin-bottom: 0.05rem; +} +/*新闻翻页*/ +.Pages { + text-align: center; + color: #555; + clear: both; + margin-bottom: 0.8rem; + margin-top: 0.6rem; +} +.Pages span { + display: inline-block; +} +.Pages .num a { + vertical-align: middle; + color: #666; + font-size: 0.875rem; + padding: 0.1rem 0.58rem; +} +.Pages .a_prev, +.Pages .a_next { + padding-top: 0.4rem; + padding-left: 0.38rem; + padding-right: 0.38rem; +} +.Pages .a_prev img, +.Pages .a_next img { + width: 0.267rem; + height: 0.587rem; +} +.Pages .num .a_cur { + background-color: #444444; + color: #fff; +} +/*新闻评论*/ +.news-comments { + width: 97%; + margin: auto; +} +.news-comments .title { + font-size: 0.75rem; +} +.news-comment { + border-bottom: 1px solid #e5e5e5; + padding-top: 0.65rem; +} +.news-comment .left { + width: 1.6rem; + float: left; + margin-right: 1rem; +} +.news-comment .left img { + width: 1.6rem; + height: 1.6rem; +} +.news-comment .right { + float: right; + width: 15rem; +} +.news-comment span { + display: block; +} +.news-comment .news_list_des_text { + color: #333; +} +.Customer-information { + width: 100%; + margin: auto; + overflow: hidden; +} +.news-comment p { + display: block; + font-size: 0.48rem; + color: #333333; + line-height: 0.7rem; + margin-top: 0.2rem; + margin-bottom: 0.35rem; +} + +/*新闻详情*/ +.news_detail { + margin-top: 1.15rem; +} +.news_detail .title { + font-size: 0.8rem; + color: #333; + margin-bottom: 0.5rem; +} +.news_detail .date { + font-size: 0.427rem; + color: #666; + padding-bottom: 1rem; + border-bottom: 1px solid #d2d2d2; +} +.news_detail_content { + font-size: 0.54rem; + color: #666; + text-align: center; + line-height: 0.95rem; +} +.news_detail_content p { + margin-top: 0.35rem; + margin-bottom: 0.35rem; +} +.news_detail img { + display: block; +} +.news_detail .img_des { + font-size: 0.48rem; + margin-top: 0.1rem; +} +/*新闻回复*/ +.news-replay { + width: 100%; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + text-align: center; +} +#ccont { + padding: 3%; + width: 94%; +} +.news-replay textarea { + height: 4.45rem; + background: #fff; + border: none; + margin: 0.35rem 0; + font-size: 0.54rem; +} +.news-replay span { + display: inline-block; +} +.news-replay .Release { + font-size: 0.587rem; + color: #fff; + padding: 0.35rem 1.5rem; + background-color: #2897d1; + margin-top: 0.25rem; +} + +/*视频分类列表*/ +.video_Category ul { + width: 100%; +} +.video_Category li { + width: 49.4%; + margin-right: 1.2%; + float: left; + position: relative; +} +.video_Category li:nth-child(2n) { + margin-right: 0; +} +.video_Category li p { + display: block; + position: absolute; + text-align: center; + bottom: 0.8rem; + color: #fff; + font-size: 0.8rem; + width: 100%; +} + +/*热门视频 */ +.video_hot span { + display: block; + text-align: left; +} +.video_hot li { + margin-bottom: 1.15rem; +} +.video_hot .title { + font-size: 0.64rem; + color: #333; + margin-top: 0.45rem; + margin-bottom: 0.25rem; +} +.video_hot .des_text { + font-size: 0.54rem; + color: #666; + line-height: 0.85rem; +} + +/*视频详情类别*/ +.video_category { + position: relative; + height: 3.45rem; + width: 100%; + overflow: hidden; + margin: 0 auto; +} +.video_category ul { + margin-top: 1rem; +} +.video_category li { + padding-left: 1rem; + display: inline-block; + text-align: center; + font-style: none; + margin-bottom: 0rem; +} +.video_category li:last-child() { + padding-right: 1rem; +} +.video_category .category_list { + font-size: 0.64rem; + color: #333333; +} +.video_category .scroller { + position: absolute; +} +.video_category .category_list p { + margin-top: 0.25rem; +} +.video_category img { + width: 1.5rem; + max-width: 60px; +} + +/*专题购买按钮*/ +/*两列产品*/ +.special_title { + position: absolute; + width: 100%; + text-align: center; + top: 1.06rem; + font-size: 0.587rem; +} +.buy { + width: 100%; + position: absolute; + bottom: 1.23rem; + color: #333333; +} +.buy a { + border: 1px solid #c2d600; + color: #fff; +} +.buy_margin { + margin-right: 0.8rem; +} +.buy_button a { + padding: 0.15rem 0.35rem 0.18rem; + display: inline-block; + color: #333; + border: 1px solid #5c5c5c; +} +.subject_span { + display: inline-block; + padding: 0.15rem 0.35rem 0.18rem; + color: #939393; + border: 1px solid #939393; +} +/*1列产品*/ +.special_text { + position: absolute; + text-align: left; + top: 2.02rem; + left: 1.44rem; +} + +/*七大产品线购买按钮背景*/ +.computer a { + border: 1px solid #6f6f6f; + color: #333; + padding: 0.2rem 0.35rem 0.22rem; + margin-left: 0.4rem; + margin-right: 0.4rem; +} +/*详情样式*/ +.o_detail_all { + text-align: center; + background-color: #fff; + overflow: hidden; +} +.o_detail_title { + font-size: 0.85rem; + color: #101010; +} +.o_detail_small { + font-size: 0.75rem; + color: #333; + margin-top: 0.4rem; +} +.o_detail_text { + font-size: 0.64rem; + color: #737373; + line-height: 1rem; + width: 80%; + margin: auto; + margin-top: 0.5rem; +} +.o_detail_img { + margin-top: 0.3rem; + margin-bottom: 1.3rem; +} + +/*两列*/ +.list_two { + width: 100%; + overflow: hidden; +} +.list_two li { + width: 47%; + margin-right: 1rem; + float: left; + margin-bottom: 1rem; + background-color: #fff; + text-align: center !important; + padding-bottom: 1rem; +} +.list_two li:nth-child(2n) { + margin-right: 0; +} +.list_two img { + display: block; +} +/*一个产品*/ +.list_one { + width: 100%; + overflow: hidden; +} +.list_one li { + width: 100%; + margin-top: 0.27rem; + float: left; + position: relative; +} +.list_one .title { + font-size: 0.64rem; + color: #333; +} +.list_one .subtitle { + font-size: 0.587rem; + color: #666; +} +/*详情颜色公共样式*/ +.hd .BK { + background: #000; +} +.hd .WH { + background: #fff; +} +.hd .GY { + background: #8d99ad; +} +.hd .BL { + background: #0060ff; +} +.hd .RD { + background: #ff0000; +} +.hd .YL { + background: #ffff00; +} +.hd .OR { + background: #ff7200; +} +.hd .PK { + background: #f7bfc7; +} +.GR { + background: #00ff5a; +} +.hd .PU { + background: #7800ff; +} +.hd .CF { + background: #44332e; +} +.hd .co-bg { + width: 14px !important; + height: 14px !important; + border-radius: 7px; + display: inline-block; + vertical-align: top; +} +/*add 产品详情*/ +.hd .clearfix { + display: -webkit-inline-box; +} +.hd.dowebok { + display: table; + overflow: hidden; +} +.hd .dt { + font-size: 14px; + margin-right: 0px; + line-height: 40px; + width: 125px !important; + font-weight: 600; + font-family: Montserrat !important; + color: #666; + text-align: left; +} +.hd .typeColor { + color: #666; + font-size: 12px; + padding: 2px; + overflow: hidden; + float: left; + width: 750px; +} +.hd .typeColor li .text { + margin: 2px 0; + padding: 0 5px; + line-height: 40px; + font-style: normal; + color: #333; +} +.hd .typeColor li img { + width: 32px; + height: 32px; + margin-right: 8px; + vertical-align: middle; +} +.attr_item { + float: left; + width: 16px !important; + height: 16px !important; + background: #fff; + border: 1px solid #d4d4d4; + border-radius: 16px !important; + margin-right: 4px; +} +.on { + border: 1px solid #737373 !important; + color: #666 !important; + width: 16px !important; + height: 16px !important; + margin-top: 5px !important; + border-radius: 16px !important; +} +.item { + float: left; + width: auto !important; + height: auto !important; + background: #fff; + border: 1px solid #d4d4d4; + height: 42px !important; + margin-top: 5px !important; + border-radius: 20px !important; + padding: 0 10px; + margin-right: 4px; +} +.item .on { + border: 1px solid #737373 !important; + color: #666 !important; + width: 16px !important; + height: 16px !important; + margin-top: 5px !important; + border-radius: 20px !important; + margin: 0 10px; +} +.hd .typeColor li .item a { + border: 1px solid #737373 !important; + background: #f7f7f7; + line-height: 42px; + margin-right: 7px; + margin-bottom: 4px; + height: 40px !important; + white-space: nowrap; + float: left; +} + +.hd .typeColor li a:hover { + color: #666; + border-radius: 20px !important; + -webkit-border-radius: 20px !important; + -moz-border-radius: 20px !important; + -ms-border-radius: 20px !important; + -o-border-radius: 20px !important; +} +/*产品 修改 css s*/ +.cp .cprh .hd ul li { + float: left; + width: 18px; + height: 18px; + margin-right: 9px; + cursor: pointer; + margin-top: 10px; + margin-bottom: 0px; + border: 1px solid #d4d4d4; + border-radius: 8px; +} +.cp .cprh .hd ul li a { + display: block; +} +.cp .cprh .hd .on { + width: 18px; + height: 18px; + border-radius: 9px; + border: 1px solid #737373; + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + -ms-border-radius: 9px; + -o-border-radius: 9px; +} +.cp .cprh .hd ul li:hover { + width: 18px; + height: 18px; + border-radius: 9px; + border: 1px solid #737373; + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + -ms-border-radius: 9px; + -o-border-radius: 9px; +} +/*产品 修改 css*/ +.selectedAttr { + padding-left: 10px; + font-size: 12px !important; +} +.cp .cprh .hd span { + display: inline-block; + width: 16px; + height: 16px; + font-size: 0.875em; + color: #000; + text-align: center; + border-radius: 16px; + vertical-align: top; + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + -ms-border-radius: 16px; + -o-border-radius: 16px; +} +/*产品多颜色切换*/ +.Multi_color { + height: 0.8rem; + width: 100%; + text-align: center; +} +.Multi_color ul { + width: 100%; + margin-top: 0.65rem; +} +.Multi_color .S-small-img { + display: inline-block; + width: 1.3rem; +} +.cricle { + display: block; + /*width:0.64rem; + height: 0.64rem; + */ + width: 16px; + height: 16px; + border-radius: 16px; + border: 1px solid #d6d6d6; + text-align: center; + vertical-align: middle; +} +.S-Cricle-Bg { + width: 16px; + height: 16px; + border-radius: 16px; + overflow: hidden; +} +.product_list li li { + float: none; + margin-right: 0; + padding: 0; +} +.product_list li .on { + border: 1px solid #737373 !important; + color: #666 !important; + width: 16px !important; + height: 16px !important; + margin-top: 0 !important; + border-radius: 16px !important; + margin-top: -0.9px; + margin-left: -2px; +} +.Multi_color .on .cricle { + border: none !important; +} +.slideTxtBox .bd .li { + width: 5.86px; + margin: auto; +} + +/*收藏*/ + +.house_img01:before, +.house_img02:before { + height: 0.4rem; + padding-top: 0.2rem; + width: 0.4533rem; + font-family: 'colleciton'; + color: #ffae00; + margin-left: 0.6rem; +} +.house_img01:before { + content: '\e907'; +} +.house_img02:before { + content: '\e900'; +} +.house_img01:after { + content: 'Collect'; + padding-left: 0.34rem; + line-height: 0.4rem; +} +.house_img02:after { + content: 'Collected'; + padding-left: 0.34rem; + line-height: 0.4rem; +} +.err { + margin-top: 0.5vw; +} + +/*弹出框消失*/ +.alert { + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: rgba(0, 0, 0, 0.3); + position: fixed; + z-index: 999; +} +.alert_white { + width: 5.4rem; + height: 2.7rem; + background-color: #fff; + top: 40%; + left: 50%; + position: absolute; + margin-left: -100px; + margin-top: 1.4rem; + line-height: 2.7rem; + font-size: 0.64rem; + color: #333; + text-align: center; + z-index: 1000; +} + +/*众筹专题弹出10-31*/ +.popup { + position: fixed; + background-color: rgba(0, 0, 0, 0.5); + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 9999; +} +.popup_img { + position: relative; + left: 50%; + top: 50%; + margin-top: -10.68vw; + margin-left: -17.71vw; +} +.close { + position: absolute; + right: 30.6vw; + top: 50%; + margin-top: -11.68vw; + z-index: 10000; + width: 1.875vw; + height: 1.875vw; +} + +/*详情优化样式*/ +.btn-blue-detail { + background: #009fdf; + cursor: pointer; + color: #fff; + font-size: 14px; + text-align: center; + border: 1px solid #009fdf; + margin-right: 18px; + padding: 5px 10px; +} +.btn-white-detail { + background: #fff; + cursor: pointer; + color: #009fdf; + font-size: 14px; + text-align: center; + border: 1px solid #009fdf; + margin-right: 18px; + padding: 5px 10px; +} + +.detail_form { + padding: 0 1.5rem; +} +.detail_form p { + font-size: 12px; +} +.detail_form input { + height: 1.5rem; + line-height: 1.5rem; + padding: 0 0.625rem; + margin-top: 0.625rem; + border: 1px solid #dbdbdb; + display: inline-block; +} +.detail_form select { + height: 1.5rem; + line-height: 1.5rem; + padding: 0 0.625rem; + margin-top: 0.625rem; + border: 1px solid #dbdbdb; + display: inline-block; +} +.detail_form textarea { + margin-top: 0.625rem; + border: 1px solid #dbdbdb; + display: inline-block; +} +.apply_form textarea { + padding: 0.225rem; + margin-top: 0.625rem; + border: 1px solid #dbdbdb; + display: inline-block; +} + +.detail-w02 { + width: 35%; +} +.detail-w01 { + width: 90%; +} +.detail_form .name > div { + float: left; + width: calc((100% - 1.25rem) / 2); +} +.submit_btn { + margin: 1rem auto 2rem; + width: 6rem; + height: 1.5rem; + line-height: 1.5rem; + background: #009fdf; + color: #ffffff; + text-align: center; + cursor: pointer; + font-size: 0.5rem; +} +/*odm*/ +.email-odm-w { + background: #fff; + width: 96%; + margin: auto; + clear: both; + padding: 0.05rem 0; +} +.news-odm { + background: #3bafe3; + margin: 50px 0; + padding: 0.5rem 0; +} +/*submission!*/ +.submission { + width: 100%; + margin: auto; + text-align: center; +} +.submiss-content h3 { + font-size: 24px; + color: #333; + line-height: 30px; + padding: 24px 0 18px; +} +.submiss-p { + font-size: 20px; + color: #333; +} +.submiss-u-p { + padding: 46px 0 140px; + font-size: 18px; +} +.submiss-blue { + color: #009fdf; + border-bottom: 1px solid #009fdf; +} + +.popup { + position: fixed; + background-color: rgba(0, 0, 0, 0.5); + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 9999; +} +.popup_img img { + width: 35.42vw; + height: 21.36vw; +} +.popup_img { + position: relative; + left: 50%; + top: 50%; + margin-top: -10.68vw; + margin-left: -17.71vw; +} +.close { + position: absolute; + right: 27.6vw; + top: 50%; + margin-top: -11.68vw; + z-index: 10000; + width: 1.875vw; + height: 1.875vw; +} +/*图片遮罩拉动*/ + +.justify-center { + justify-content: safe center; +} + +.rich-text { + display: flex; +} +.rich-text__wrapper { + max-width: var(--rich-text-max-width); +} +.rich-text .prose, +.split-rich-text .prose { + align-items: start; + display: grid; +} + +.justify-items-center { + justify-items: safe center; +} + +.prose > :first-child, +.prose > :first-child :first-child { + margin-block-start: 0 !important; +} + +.hyphenate { + -webkit-hyphens: auto; + hyphens: auto; +} + +@media screen and (min-width: 1150px) { + .prose :is(.h0, .h1, .h2, h1, h2) + * { + margin-block-start: var(--spacing-8); + } +} + +.prose > :last-child, +.prose > :last-child :last-child { + margin-block-end: 0 !important; +} +.prose > :last-child, +.prose > :last-child :last-child { + margin-block-end: 0 !important; +} + +.section-stack { + gap: var(--section-stack-spacing-block, 0px) var(--section-stack-spacing-inline, 0px); + grid-auto-columns: minmax(0, 1fr); + display: grid; +} +@media screen and (min-width: 1150px) { + .section-stack__main { + width: var(--section-stack-main, 50%); + } +} +.shadow { + filter: drop-shadow(var(--shadow)); +} + +.before-after__label--bottom { + bottom: var(--before-after-label-spacing); +} + +.before-after__label { + position: absolute; +} +.before-after__cursor { + top: 50%; +} +.before-after__cursor:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { + left: var(--before-after-initial-drag-position, 0px); +} +.before-after__cursor:active { + cursor: grabbing; +} + +.before-after__cursor { + cursor: grab; +} +.before-after__cursor { + height: 100%; + width: max-content; + touch-action: none; + transform: translate(calc(var(--transform-logical-flip) * -50% + var(--clip-path-offset, 0px)), -50%); + cursor: grab; + filter: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f); + will-change: transform; + place-items: center; + display: grid; + position: relative; +} +.text-custom { + color: rgb(var(--text-color)); +} + +#shopify-section-template--19206104285484__before-after-image { + --section-background-hash: 0; +} + +#shopify-section-template--19206104285484__before-after-image + * { + --previous-section-background-hash: 0; +} + +.ba-slider { + position: relative; + overflow: hidden; + height: 35vh; +} + +.ba-slider img { + width: 100%; + display: block; + max-width: none; + height: 100%; + position: absolute; + object-fit: cover; +} + +.ba-slider .resize { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 50%; + overflow: hidden; +} + +.ba-slider .handle { + position: absolute; + left: 50%; + top: 0; + bottom: 0; + width: 4px; + margin-left: -2px; + display: block; + background: rgba(255, 255, 255, 0.5); + cursor: ew-resize; +} + +.ba-slider .handle:after { + position: absolute; + top: 50%; + width: 48px; + height: 48px; + margin: -24px 0 0 -24px; + content: ''; + display: flex; + align-items: center; + justify-content: center; + background: #fff url(../images/ba-arrow.png) center center / 22px 22px no-repeat; + border: 1px solid #fff; + border-radius: 50%; + transition: all 0.3s ease; + + transform: scale(1); + z-index: 5; +} + +.ba-slider .handle.ba-draggable:after { + transform: scale(0.8); +} +#shopify-section-template--19206104285484__b0dd93e2-8ffa-4771-a65d-402ac18f05ce { + --section-background-hash: 0; +} + +#shopify-section-template--19206104285484__b0dd93e2-8ffa-4771-a65d-402ac18f05ce + * { + --previous-section-background-hash: 0; +} +#shopify-section-template--19206104285484__b0dd93e2-8ffa-4771-a65d-402ac18f05ce { + --rich-text-max-width: 650px; +} +/*时间轴*/ +.cd-horizontal-timeline { + opacity: 0; + margin: 2em auto 0; + -webkit-transition: opacity 0.2s; + -moz-transition: opacity 0.2s; + transition: opacity 0.2s; +} +.cd-horizontal-timeline::before { + /* never visible - this is used in jQuery to check the current MQ */ + content: 'mobile'; + display: none; +} +.cd-horizontal-timeline.loaded { + /* show the timeline after events position has been set (using JavaScript) */ + opacity: 1; +} +.cd-horizontal-timeline .timeline { + position: relative; + width: 96%; + max-width: 800px; + margin: 2rem auto 0; +} +.cd-horizontal-timeline .events-wrapper { + position: relative; + margin: 2rem 0 0; + margin: 0; + overflow: hidden; +} +.cd-horizontal-timeline .events-wrapper::after, +.cd-horizontal-timeline .events-wrapper::before { + /* these are used to create a shadow effect at the sides of the timeline */ + content: ''; + position: absolute; + z-index: 2; + top: 0; + height: 100%; + width: 20px; +} + +.cd-horizontal-timeline .events { + /*thisisthegreyline/timeline*/ + position: relative; + z-index: 1; + left: 0; + top: 0; + height: 1px; + /*widthwillbesetusingJavaScript*/ + background: #a6a6a6; + -webkit-transition: transform 0.4s; + -moz-transition: transform 0.4s; + transition: transform 0.4s; + width: 100% !important; + -ms-transition: transform 0.4s; + -o-transition: transform 0.4s; +} +.cd-horizontal-timeline .filling-line { + /* this is used to create the green line filling the timeline */ + position: absolute; + z-index: 1; + left: 0; + top: 0; + height: 100%; + width: 100%; + -webkit-transform: scaleX(0); + -moz-transform: scaleX(0); + -ms-transform: scaleX(0); + -o-transform: scaleX(0); + transform: scaleX(0); + -webkit-transform-origin: left center; + -moz-transform-origin: left center; + -ms-transform-origin: left center; + -o-transform-origin: left center; + transform-origin: left center; + -webkit-transition: -webkit-transform 0.3s; + -moz-transition: -moz-transform 0.3s; + transition: transform 0.3s; +} +.cd-horizontal-timeline .events li { + left: 0 !important; +} +.cd-horizontal-timeline .events a { + bottom: 0; + z-index: 2; + text-align: center; + font-size: 14px; + padding-bottom: 15px; + color: #383838; + /* fix bug on Safari - text flickering while timeline translates */ + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -ms-transform: translateZ(0); + -o-transform: translateZ(0); + transform: translateZ(0); + line-height: 3rem; + float: left; + width: 35%; + margin-left: -12.8px; +} + +.cd-horizontal-timeline .events a::after { + /* this is used to create the event spot */ + content: ''; + position: absolute; + left: 45%; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); + top: -7px; + height: 12px; + width: 12px; + border-radius: 50%; + border: 2px solid #dfdfdf; + background-color: #f8f8f8; + -webkit-transition: background-color 0.3s, border-color 0.3s; + -moz-transition: background-color 0.3s, border-color 0.3s; + transition: background-color 0.3s, border-color 0.3s; + /*margin: 0 0.8rem;*/ +} +.no-touch .cd-horizontal-timeline .events a:hover::after { + background-color: #004bfa; + border-color: #004bfa; +} +.cd-horizontal-timeline .events a.selected { + pointer-events: none; +} +.cd-horizontal-timeline .events a.selected::after { + background-color: #004bfa; + border-color: #004bfa; +} +.cd-horizontal-timeline .events a.older-event::after { + border-color: #004bfa; +} +@media only screen and (min-width: 1100px) { + .cd-horizontal-timeline { + margin: 6em auto; + } + .cd-horizontal-timeline::before { + /* never visible - this is used in jQuery to check the current MQ */ + content: 'desktop'; + } +} + +.cd-timeline-navigation a { + /* these are the left/right arrows to navigate the timeline */ + position: absolute; + z-index: 1; + top: 50%; + bottom: auto; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + /* replace text with an icon */ + overflow: hidden; + color: transparent; + text-indent: 100%; + white-space: nowrap; + -webkit-transition: border-color 0.3s; + -moz-transition: border-color 0.3s; + transition: border-color 0.3s; +} +.cd-timeline-navigation a::after { + /* arrow icon */ + content: ''; + position: absolute; + height: 16px; + width: 16px; + left: 50%; + top: 50%; + bottom: auto; + right: auto; + -webkit-transform: translateX(-50%) translateY(-50%); + -moz-transform: translateX(-50%) translateY(-50%); + -ms-transform: translateX(-50%) translateY(-50%); + -o-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + background: url(../images/cd-arrow.svg) no-repeat 0 0; +} +.cd-timeline-navigation a.prev { + right: 2rem; + margin-left: 2rem; + -webkit-transform: translateY(-50%) rotate(180deg); + -moz-transform: translateY(-50%) rotate(180deg); + -ms-transform: translateY(-50%) rotate(180deg); + -o-transform: translateY(-50%) rotate(180deg); + transform: translateY(-50%) rotate(180deg); +} +.cd-timeline-navigation a.next { + right: 0; +} +.no-touch .cd-timeline-navigation a:hover { + border-color: #7b9d6f; +} +.cd-timeline-navigation a.inactive { + cursor: not-allowed; +} +.cd-timeline-navigation a.inactive::after { + background-position: 0 -16px; +} +.no-touch .cd-timeline-navigation a.inactive:hover { + border-color: #dfdfdf; +} + +.cd-horizontal-timeline .events-content { + position: relative; + width: 100%; + margin: 1em 0; + overflow: hidden; + -webkit-transition: height 0.4s; + -moz-transition: height 0.4s; + transition: height 0.4s; +} +.cd-horizontal-timeline .events-content li { + position: absolute; + z-index: 1; + width: 100%; + left: 0; + top: 0; + -webkit-transform: translateX(-100%); + -moz-transform: translateX(-100%); + -ms-transform: translateX(-100%); + -o-transform: translateX(-100%); + transform: translateX(-100%); + opacity: 0; + -webkit-animation-duration: 0.4s; + -moz-animation-duration: 0.4s; + animation-duration: 0.4s; + -webkit-animation-timing-function: ease-in-out; + -moz-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} +.cd-horizontal-timeline .events-content li.selected { + /* visible event content */ + position: relative; + z-index: 2; + opacity: 1; + -webkit-transform: translateX(0); + -moz-transform: translateX(0); + -ms-transform: translateX(0); + -o-transform: translateX(0); + transform: translateX(0); +} +.cd-horizontal-timeline .events-content li.enter-right, +.cd-horizontal-timeline .events-content li.leave-right { + -webkit-animation-name: cd-enter-right; + -moz-animation-name: cd-enter-right; + animation-name: cd-enter-right; +} +.cd-horizontal-timeline .events-content li.enter-left, +.cd-horizontal-timeline .events-content li.leave-left { + -webkit-animation-name: cd-enter-left; + -moz-animation-name: cd-enter-left; + animation-name: cd-enter-left; +} +.cd-horizontal-timeline .events-content li.leave-right, +.cd-horizontal-timeline .events-content li.leave-left { + -webkit-animation-direction: reverse; + -moz-animation-direction: reverse; + animation-direction: reverse; +} +.cd-horizontal-timeline .events-content li > * { + max-width: 100%; + margin: 0 auto; +} +.cd-horizontal-timeline .events-content h2 { + font-weight: bold; + font-size: 2.6rem; + font-family: 'Playfair Display', serif; + font-weight: 700; + line-height: 1.2; +} +.cd-horizontal-timeline .events-content em { + display: block; + font-style: italic; + margin: 10px auto; +} +.cd-horizontal-timeline .events-content em::before { + content: '- '; +} +@media only screen and (min-width: 768px) { + .cd-horizontal-timeline .events-content h2 { + font-size: 7rem; + } + .cd-horizontal-timeline .events-content em { + font-size: 1.875rem; + } +} + +@-webkit-keyframes cd-enter-right { + 0% { + opacity: 0; + -webkit-transform: translateX(100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0%); + } +} +@-moz-keyframes cd-enter-right { + 0% { + opacity: 0; + -moz-transform: translateX(100%); + } + 100% { + opacity: 1; + -moz-transform: translateX(0%); + } +} +@keyframes cd-enter-right { + 0% { + opacity: 0; + -webkit-transform: translateX(100%); + -moz-transform: translateX(100%); + -ms-transform: translateX(100%); + -o-transform: translateX(100%); + transform: translateX(100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0%); + -moz-transform: translateX(0%); + -ms-transform: translateX(0%); + -o-transform: translateX(0%); + transform: translateX(0%); + } +} +@-webkit-keyframes cd-enter-left { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0%); + } +} +@-moz-keyframes cd-enter-left { + 0% { + opacity: 0; + -moz-transform: translateX(-100%); + } + 100% { + opacity: 1; + -moz-transform: translateX(0%); + } +} +@keyframes cd-enter-left { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%); + -moz-transform: translateX(-100%); + -ms-transform: translateX(-100%); + -o-transform: translateX(-100%); + transform: translateX(-100%); + } + 100% { + opacity: 1; + -webkit-transform: translateX(0%); + -moz-transform: translateX(0%); + -ms-transform: translateX(0%); + -o-transform: translateX(0%); + transform: translateX(0%); + } +} +/*时间轴图片文字定位*/ +.timetitle { + font-size: 1.5rem; + width: 90%; + margin: 4rem auto 0; + font-family: 'Montserrat-Bold'; +} +.timedesin { + font-size: 0.875rem; + padding: 0.5rem 1rem; + line-height: 1.3rem; + width: 90%; + font-family: 'Montserrat-Medium'; +} +.timeblue { + color: #004bfa; + font-size: 1.125rem; + font-family: 'Montserrat-Medium'; +} +.timeblue img { + vertical-align: middle; +} +.timeblue a { + color: #004bfa; + font-family: 'Montserrat-Medium'; +} +/*视频*/ +.video-youtu { + position: relative; + padding-bottom: 56.25%; /* 16:9 */ + height: 0; +} +.video-youtu img { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 0; + cursor: pointer; +} +.video-youtu:after { + content: ''; + position: absolute; + display: block; + background: url(play-button.png) no-repeat 0 0; + top: 45%; + left: 45%; + width: 46px; + height: 36px; + z-index: 30; + cursor: pointer; +} +.video-youtu iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +/* image poster clicked, player class added using js */ +.video-youtu.player img { + display: none; +} +.video-youtu.player:after { + display: none; +} +/*our product*/ +.m_vision { + width: 86%; + margin: 1.5rem auto 0; + text-align: center; + background: #fff; + padding: 2rem 1rem; + border-radius: 0.5rem; + -webkit-border-radius: 0.5rem; + -moz-border-radius: 0.5rem; + -ms-border-radius: 0.5rem; + -o-border-radius: 0.5rem; +} +.vision-title { + font-size: 1rem; + font-family: 'Montserrat-Bold'; + width: 98%; + margin: 1rem auto 0; +} +.vision-con { + font-size: 0.875; + line-height: 1.5rem; + color: #707070; + font-family: 'Montserrat-Regular'; + width: 98%; + margin: 1rem auto; +} +.m_brand { + width: 86%; + margin: 1.5rem auto 0; + text-align: center; + background: #fff; + padding: 0 1rem; + border-radius: 0.5rem; + -webkit-border-radius: 0.5rem; + -moz-border-radius: 0.5rem; + -ms-border-radius: 0.5rem; + -o-border-radius: 0.5rem; +} +.brand_title { + font-size: 1.125rem; + font-family: 'Montserrat-Bold'; + width: 98%; + margin: 1rem auto 0; + position: relative; +} +.brand_title::after { + position: absolute; + content: ''; + background: #004bfa; + left: 0; + bottom: -10px; + width: 3rem; + height: 4px; +} +.brand-con { + font-size: 0.875; + line-height: 1.5rem; + color: #000000; + font-family: 'Montserrat-Regular'; + width: 98%; + margin: 1rem auto; +} +.brand-con p { + padding: 1rem 0 0; +} +.pos-ab { + position: absolute; + top: 0; + left: 0%; + width: 100%; + margin: auto; +} +.vedio-img img { + max-width: 100%; + background: rgba(0, 0, 0, 0.4); +} + +.video-right { + width: 100%; + position: relative; +} +.prism-big-play-btn { + background-color: rgba(0, 0, 0, 0.4); + height: 100%; + background-image: url('../images/brand/vedio_img.jpg'); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + display: flex; + align-items: center; + position: absolute; + top: 0px; + left: 0px; + width: 100%; +} +.prism-big-play-btn img { + width: 18%; + margin-left: 40%; +} +video::-webkit-media-controls-current-time-display { + display: none !important; +} +/*our achievement*/ +.m_ach { + width: 100%; + margin: auto; + text-align: center; + background: #fff; +} +.m_ach .title { + font-size: 1.125rem; + font-family: 'Montserrat-Bold'; + width: 98%; + margin: 1rem auto 0; + position: relative; + padding: 2rem 0 0; +} + +.m_ach .list-num { + padding: 2rem 0; +} +.m_ach .list-num li { + float: left; + width: 50%; + margin: 1rem 0; +} +.m_ach .list-num li h4 { + font-size: 2rem; + margin: 0.5rem 0; + line-height: 2rem; +} +.m_ach .list-num li p { + color: #707070; + font-family: 'Montserrat-Regular'; +} +/*新闻评测*/ +.news-vertu { + width: 96%; + margin: 4% auto; +} +.news-vertu .tab { + overflow: hidden; + text-align: center; +} +.news-vertu .tab a { + padding: 10px 20px; + font-size: 1.25em; + color: #333; +} +.news-vertu .tab a:hover { + color: #333; +} +.news-vertu .tab a.on { + color: #009fdf !important; + border: none !important; +} +.news-vertu .content { + position: relative; + background: #fff; + margin: 2% 0; + width: 100%; +} +.news-vertu .content ul { + overflow: hidden; +} +.news-vertu .content li { + float: left; + padding: 2rem 0 0; +} +.news-vertu .content li p { + height: 4.5rem; + overflow: hidden; +} +/*blog_list*/ +.search_box { + width: 100%; + height: 2rem; + margin: 2rem 0; + display: inline-block; + clear: both; +} + +.search-button-blog { + border: none; + font-size: 0.9rem; + color: #fff; + cursor: pointer; + background: #0060ff; + height: 2rem; + border-radius: 20px; + padding: 0 0.5rem; + float: left; + margin-left: 0.5rem; +} +.search_box .search { + width: 75%; + height: 2rem; + line-height: 2.875rem; + border: 1px solid #dbdbdb !important; + border-radius: 1.5rem !important; + text-indent: 0.5rem; + float: left; + -webkit-border-radius: 1.5rem !important; + -moz-border-radius: 1.5rem !important; + -ms-border-radius: 1.5rem !important; + -o-border-radius: 1.5rem !important; +} +.search_box .search_icon { + width: 1rem; + height: 1rem; + display: block; + position: absolute; + right: 1rem; + top: 0.7rem; + background: url(../images/blog/search.png); + background-size: cover; + cursor: pointer; +} +.blog_list ul { + width: 100%; + margin: 0 auto; +} +.blog_list ul li { + float: left; + width: calc((100% - 0.5rem) / 2); + height: auto; + margin-right: 0.5rem; + margin-bottom: 1rem; + text-align: left; +} +.blog_list ul li:nth-of-type(2n) { + margin-right: 0; +} +.blog_list ul li img { + width: 100%; + height: auto; +} +.blog_list ul li h3 { + color: #252525; + font-size: 1rem; + font-weight: bold; + line-height: 1.25rem; + margin: 0.5rem 0; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} +.blog_list ul li p { + color: #929292; + font-size: 0.875rem; + font-weight: 400; + line-height: 1rem; + margin-bottom: 0.5rem; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} +.blog_list ul li span { + color: #929292; + font-size: 0.875rem; + font-weight: 400; + line-height: 1rem; + margin-bottom: 0.5rem; +} +/*blog_detail*/ +.content { + width: 90%; + margin: 2.5rem auto; +} +.blog_detail { + height: auto; + background: #ffffff; + border: 1px solid #e8e8e8; +} +.blog_title { + margin: 1rem; + border-bottom: 1px solid #e8e8e8; + padding-bottom: 1rem; +} +.blog_title h2 { + font-size: 1rem; + font-weight: bold; + line-height: 1.25rem; + color: #252525; + margin-bottom: 0.5rem; +} +.blog_title p { + color: #929292; + font-size: 0.875rem; + font-weight: 400; +} +.blog_content { + margin: 1rem; +} +.blog_content img { + max-width: 100%; +} +.blog_content p { + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5rem; + color: #252525; + margin-bottom: 0.625rem; + overflow: hidden; + max-width: 100%; +} +.blog_content p span { + font-size: 0.875rem; + line-height: 1rem; +} +.blog_content p img { + width: 100%; + height: auto; + margin-bottom: 0.5rem; +} +.blog_content p video { + width: 100%; + height: auto; + margin-bottom: 0.5rem; +} +.share_box { + width: 100%; +} +.blog_share { + width: 100%; + height: auto; + background: #ffffff; + border: 1px solid #e8e8e8; + margin: 1rem 0; +} +.blog_share h3 { + font-size: 1rem; + line-height: 2.125rem; + color: #959595; + font-weight: bold; + padding: 0.25rem 1.875rem 0.75rem; + border-bottom: 1px solid #e8e8e8; +} +.share_list { + padding: 1.875rem; +} +.share_list li { + width: 21%; + height: auto; + margin-right: 0.5rem; + float: left; +} + +.repply { + width: 100%; + height: auto; + background: #ffffff; + border: 1px solid #e8e8e8; + float: left; + margin-top: 1.25rem; +} +.repply h3 { + font-size: 1rem; + line-height: 2.125rem; + color: #959595; + font-weight: bold; + padding: 1.25rem 1.875rem; + border-bottom: 1px solid #e8e8e8; +} +.repply form { + width: auto; + height: auto; + padding: 1.25rem; +} +.repply span { + font-size: 0.875rem; + font-weight: bold; +} +.repply input { + width: 98%; + height: 2rem !important; + border: 1px solid #dbdbdb !important; + margin-top: 0.625rem; + margin-bottom: 0.625rem; +} +.comment_btn { + margin: 0 auto; + width: 12rem; + line-height: 2.5rem; + background: #009fdf; + color: #ffffff; + text-align: center; + cursor: pointer; + display: block; + font-size: 1rem; +} +.comment { + background: #ffffff; + width: 100%; + padding-bottom: 1.875rem; + border: 1px solid #e8e8e8; +} +.comment h3 { + font-size: 1rem; + line-height: 1rem; + color: #959595; + font-weight: bold; + padding: 1rem 1.25rem; + border-bottom: 1px solid #e8e8e8; +} +.comment_form { + padding: 1rem 1.25rem; +} +.comment_form div { + font-size: 0.825rem; + color: #252525; + float: left; + width: 100%; +} +.comment_form > div input { + width: 100%; + height: 1.75rem; + border: 1px solid #dbdbdb; + margin-top: 0.5rem; +} +.itinp { + background: #f2f2f2; + border: none; + border-radius: 8px; + height: 48px; + box-shadow: none; + font-family: Montserrat-Regular, Montserrat; +} +.comment_area { + width: 100% !important; +} +.comment_area textarea { + width: 100%; + margin-top: 0.625rem; +} +.comment_list { + background: #ffffff; + width: 100%; + margin-top: 2.5rem; + padding-bottom: 1.875rem; + border: 1px solid #e8e8e8; +} +.comment_list h3 { + font-size: 1rem; + line-height: 2.125rem; + color: #959595; + font-weight: bold; + padding: 1.25rem 2.5rem; + border-bottom: 1px solid #e8e8e8; +} +.comment_list ul { + padding: 1.875rem 2.5rem; +} +.comment_list ul li { + margin-bottom: 3.125rem; +} +.comment_list ul li:last-child { + margin-bottom: 0 !important; +} +.comment_list ul li > div { + float: left; + display: block; + font-size: 1rem; +} +.comment_list ul li > div:first-child { + width: 3.125rem; + height: auto; + margin-right: 1.25rem; +} +.comment_list ul li > div:last-child { + width: calc(100% - 3.125rem - 1.25rem); + height: auto; +} +.xq { + width: 100%; + background: #f1f1f1; +} +.xq .love .love1 p { + font-size: 1.5em; + color: #333; + font-weight: bold; + text-align: center; +} +.xq .love .love1 p img { + width: 100%; + display: block; +} +.xq .love .love1 p:nth-child(2) { + margin-top: 2.4%; +} +.xq .love .love2 { + margin-top: 2rem; +} +.xq .love .love2 li { + width: 46%; + margin: 0 2% 4% 2%; + float: left; +} + +.xq .love .love2 li .lvimg { + width: 100%; + height: 100%; + overflow: hidden; +} +.xq .love .love2 li .lvimg img { + width: 100%; + opacity: 1; + -webkit-transition: opacity 0.35s, transform 0.35s; + transition: opacity 0.35s, transform 0.35s; + max-height: 110px; + min-height: 110px; + -moz-transition: opacity 0.35s, transform 0.35s; + -ms-transition: opacity 0.35s, transform 0.35s; + -o-transition: opacity 0.35s, transform 0.35s; +} +.xq .love .love2 li .lvtit { + font-size: 0.875em; + color: #333; + margin-top: 2vw; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.xq .love .love2 li:hover .lvimg img { + -webkit-transform: scale3d(1.2, 1.2, 1); + transform: scale3d(1.2, 1.2, 1); +} +.xq .fb, +.xq .huifu, +.xq .love .love1 { + margin-top: 5%; +} +.xq .fb .love1 p { + font-size: 1.5em; + color: #333; + font-weight: bold; + text-align: center; +} +.xq .fb .love1 p:nth-child(2) { + margin-top: 26px; +} diff --git a/public/static/index/fonts/Montserrat-Bold.ttf b/public/static/index/mobile/fonts/Montserrat-Bold.ttf similarity index 100% rename from public/static/index/fonts/Montserrat-Bold.ttf rename to public/static/index/mobile/fonts/Montserrat-Bold.ttf diff --git a/public/static/index/fonts/Montserrat-Medium.ttf b/public/static/index/mobile/fonts/Montserrat-Medium.ttf similarity index 100% rename from public/static/index/fonts/Montserrat-Medium.ttf rename to public/static/index/mobile/fonts/Montserrat-Medium.ttf diff --git a/public/static/index/fonts/Montserrat-Regular.ttf b/public/static/index/mobile/fonts/Montserrat-Regular.ttf similarity index 100% rename from public/static/index/fonts/Montserrat-Regular.ttf rename to public/static/index/mobile/fonts/Montserrat-Regular.ttf diff --git a/public/static/index/fonts/Montserrat-SemiBold.ttf b/public/static/index/mobile/fonts/Montserrat-SemiBold.ttf similarity index 100% rename from public/static/index/fonts/Montserrat-SemiBold.ttf rename to public/static/index/mobile/fonts/Montserrat-SemiBold.ttf diff --git a/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.eot b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.eot new file mode 100755 index 00000000..816e3e74 --- /dev/null +++ b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.eot @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:30d1f34e9a35de1422755b806cc53dbfe2b399946295f5b8abf050e5a0c143fe +size 1620 diff --git a/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.svg b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.svg new file mode 100755 index 00000000..16ab59c4 --- /dev/null +++ b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.svg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:758eacef130dff5f8583a3dee2f432c76e624566b69314a929781c299dd808c6 +size 2372 diff --git a/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.ttf b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.ttf new file mode 100755 index 00000000..e2d1a968 --- /dev/null +++ b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.ttf @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:a83c980b3d128f53ff77be255c67d810276dff696960a90668c631fd13d57807 +size 1456 diff --git a/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.woff b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.woff new file mode 100755 index 00000000..d35b5af6 --- /dev/null +++ b/public/static/index/mobile/fonts/icomoon/colleciton/icomoon.woff @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:ea253ae3f1b6405957bf5299ba664933ec5ee0e92b5cd3cb4f10124f2766adf7 +size 1532 diff --git a/public/static/index/mobile/fonts/icomoon/icomoon.eot b/public/static/index/mobile/fonts/icomoon/icomoon.eot new file mode 100755 index 00000000..6b0b8900 --- /dev/null +++ b/public/static/index/mobile/fonts/icomoon/icomoon.eot @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:0d61d3a48bd8633b19e41316d84e9e2a543a7b453886929b95e7b0229fb93718 +size 3460 diff --git a/public/static/index/mobile/fonts/icomoon/icomoon.svg b/public/static/index/mobile/fonts/icomoon/icomoon.svg new file mode 100755 index 00000000..8b3aaa18 --- /dev/null +++ b/public/static/index/mobile/fonts/icomoon/icomoon.svg @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:75c2da228ca3c66ef45e89f8fef5e082b2909ecc9707d05db1766bcae8eff807 +size 8110 diff --git a/public/static/index/mobile/fonts/icomoon/icomoon.ttf b/public/static/index/mobile/fonts/icomoon/icomoon.ttf new file mode 100755 index 00000000..19548ef5 --- /dev/null +++ b/public/static/index/mobile/fonts/icomoon/icomoon.ttf @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:e5827035deed1e5b899cd3eb0432d43d125b3abf469a83a7cc4fc7992a717466 +size 3296 diff --git a/public/static/index/mobile/fonts/icomoon/icomoon.woff b/public/static/index/mobile/fonts/icomoon/icomoon.woff new file mode 100755 index 00000000..4f8bb8bb --- /dev/null +++ b/public/static/index/mobile/fonts/icomoon/icomoon.woff @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:1b020cbd32d4b2b33791090fae451eaef7023286a80164f6b258d3a95683cae7 +size 3372 diff --git a/public/static/index/mobile/fonts/icomoon/icomoona.ttf b/public/static/index/mobile/fonts/icomoon/icomoona.ttf new file mode 100755 index 00000000..33b804d2 --- /dev/null +++ b/public/static/index/mobile/fonts/icomoon/icomoona.ttf @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:50902f213477a9b8aec54d9ef506bc87d59835ed8863b28623fc49bebcedf9e2 +size 2228 diff --git a/public/static/index/images/ba-arrow.png b/public/static/index/mobile/images/ba-arrow.png similarity index 100% rename from public/static/index/images/ba-arrow.png rename to public/static/index/mobile/images/ba-arrow.png diff --git a/public/static/index/mobile/images/back-img01.jpg b/public/static/index/mobile/images/back-img01.jpg new file mode 100755 index 00000000..5b1bed91 Binary files /dev/null and b/public/static/index/mobile/images/back-img01.jpg differ diff --git a/public/static/index/mobile/images/back-img02.jpg b/public/static/index/mobile/images/back-img02.jpg new file mode 100755 index 00000000..83a7cb8b Binary files /dev/null and b/public/static/index/mobile/images/back-img02.jpg differ diff --git a/public/static/index/mobile/images/close.png b/public/static/index/mobile/images/close.png new file mode 100755 index 00000000..4ce0a763 Binary files /dev/null and b/public/static/index/mobile/images/close.png differ diff --git a/public/static/index/mobile/images/downicon.png b/public/static/index/mobile/images/downicon.png new file mode 100755 index 00000000..4706c31d Binary files /dev/null and b/public/static/index/mobile/images/downicon.png differ diff --git a/public/static/index/mobile/images/logo-white.png b/public/static/index/mobile/images/logo-white.png new file mode 100755 index 00000000..93729ebf Binary files /dev/null and b/public/static/index/mobile/images/logo-white.png differ diff --git a/public/static/index/mobile/images/logo.png b/public/static/index/mobile/images/logo.png new file mode 100755 index 00000000..18b3eb5a Binary files /dev/null and b/public/static/index/mobile/images/logo.png differ diff --git a/public/static/index/mobile/images/more-r.png b/public/static/index/mobile/images/more-r.png new file mode 100755 index 00000000..f90c9297 Binary files /dev/null and b/public/static/index/mobile/images/more-r.png differ diff --git a/public/static/index/mobile/js/before-after.min.js b/public/static/index/mobile/js/before-after.min.js new file mode 100755 index 00000000..1045b18b --- /dev/null +++ b/public/static/index/mobile/js/before-after.min.js @@ -0,0 +1 @@ +!function(a){function b(b,c,d){b.on("mousedown.ba-events touchstart.ba-events",function(e){b.addClass("ba-draggable"),c.addClass("ba-resizable");var f=e.pageX?e.pageX:e.originalEvent.touches[0].pageX,g=b.outerWidth(),h=b.offset().left+g-f,i=d.offset().left,j=d.outerWidth();minLeft=i+10,maxLeft=i+j-g-10,b.parents().on("mousemove.ba-events touchmove.ba-events",function(b){var c=b.pageX?b.pageX:b.originalEvent.touches[0].pageX;leftValue=c+h-g,leftValuemaxLeft&&(leftValue=maxLeft),widthValue=100*(leftValue+g/2-i)/j+"%",a(".ba-draggable").css("left",widthValue),a(".ba-resizable").css("width",widthValue)}).on("mouseup.ba-events touchend.ba-events touchcancel.ba-events",function(){b.removeClass("ba-draggable"),c.removeClass("ba-resizable"),a(this).off(".ba-events")}),e.preventDefault()})}a.fn.beforeAfter=function(){var c=this,d=c.width()+"px";c.find(".resize img").css("width",d),b(c.find(".handle"),c.find(".resize"),c),a(window).resize(function(){var a=c.width()+"px";c.find(".resize img").css("width",a)})}}(jQuery); \ No newline at end of file diff --git a/public/static/index/css/aboutus_culture.css b/public/static/index/pc/css/aboutus_culture.css similarity index 100% rename from public/static/index/css/aboutus_culture.css rename to public/static/index/pc/css/aboutus_culture.css diff --git a/public/static/index/css/aboutus_introduction.css b/public/static/index/pc/css/aboutus_introduction.css similarity index 100% rename from public/static/index/css/aboutus_introduction.css rename to public/static/index/pc/css/aboutus_introduction.css diff --git a/public/static/index/css/aboutus_policy.css b/public/static/index/pc/css/aboutus_policy.css similarity index 100% rename from public/static/index/css/aboutus_policy.css rename to public/static/index/pc/css/aboutus_policy.css diff --git a/public/static/index/css/achievement.css b/public/static/index/pc/css/achievement.css similarity index 96% rename from public/static/index/css/achievement.css rename to public/static/index/pc/css/achievement.css index 4c044655..eb59d065 100755 --- a/public/static/index/css/achievement.css +++ b/public/static/index/pc/css/achievement.css @@ -130,7 +130,7 @@ } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list { width: 98%; - background: url(/static/index/images/greyline.png) 50px 0 repeat-y; + background: url(/static/index/pc/images/greyline.png) 50px 0 repeat-y; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div { overflow: hidden; @@ -139,7 +139,7 @@ .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div h3 { margin: 0 0 0 2.1875rem; padding-left: 2.5rem; - background: url(/static/index/images/greyyuandian.png) 3px 3px no-repeat; + background: url(/static/index/pc/images/greyyuandian.png) 3px 3px no-repeat; height: 2.375rem; font-size: 1.25rem; font-family: Montserrat-Bold, Montserrat; @@ -148,7 +148,7 @@ line-height: 1.875rem; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div .backgroundimg { - background: url(/static/index/images/yaundian.png) 3px 3px no-repeat !important; + background: url(/static/index/pc/images/yaundian.png) 3px 3px no-repeat !important; } .orico_Page_achievement .achievementMain .achTimes .timecontent .timelist .timeline-con .con_event_list .event_list div li { display: inline-block; diff --git a/public/static/index/css/animate.min.css b/public/static/index/pc/css/animate.min.css similarity index 100% rename from public/static/index/css/animate.min.css rename to public/static/index/pc/css/animate.min.css diff --git a/public/static/index/css/article_category.css b/public/static/index/pc/css/article_category.css similarity index 98% rename from public/static/index/css/article_category.css rename to public/static/index/pc/css/article_category.css index 832bb415..9c5e7c27 100755 --- a/public/static/index/css/article_category.css +++ b/public/static/index/pc/css/article_category.css @@ -49,7 +49,7 @@ position: absolute; left: 1.875rem; top: 0.9375rem; - background: url(/static/index/images/search.png); + background: url(/static/index/pc/images/search.png); z-index: 9; } .orico_Page_category .categoryMain .categorySearch .search { diff --git a/public/static/index/css/article_detail.css b/public/static/index/pc/css/article_detail.css similarity index 100% rename from public/static/index/css/article_detail.css rename to public/static/index/pc/css/article_detail.css diff --git a/public/static/index/css/before-after.min.css b/public/static/index/pc/css/before-after.min.css similarity index 100% rename from public/static/index/css/before-after.min.css rename to public/static/index/pc/css/before-after.min.css diff --git a/public/static/index/css/brand.css b/public/static/index/pc/css/brand.css similarity index 100% rename from public/static/index/css/brand.css rename to public/static/index/pc/css/brand.css diff --git a/public/static/index/css/contactus_bulkbuy.css b/public/static/index/pc/css/contactus_bulkbuy.css similarity index 100% rename from public/static/index/css/contactus_bulkbuy.css rename to public/static/index/pc/css/contactus_bulkbuy.css diff --git a/public/static/index/css/contactus_distributor.css b/public/static/index/pc/css/contactus_distributor.css similarity index 100% rename from public/static/index/css/contactus_distributor.css rename to public/static/index/pc/css/contactus_distributor.css diff --git a/public/static/index/css/contactus_index.css b/public/static/index/pc/css/contactus_index.css similarity index 100% rename from public/static/index/css/contactus_index.css rename to public/static/index/pc/css/contactus_index.css diff --git a/public/static/index/css/contactus_message.css b/public/static/index/pc/css/contactus_message.css similarity index 100% rename from public/static/index/css/contactus_message.css rename to public/static/index/pc/css/contactus_message.css diff --git a/public/static/index/css/download.css b/public/static/index/pc/css/download.css similarity index 100% rename from public/static/index/css/download.css rename to public/static/index/pc/css/download.css diff --git a/public/static/index/css/faq.css b/public/static/index/pc/css/faq.css similarity index 100% rename from public/static/index/css/faq.css rename to public/static/index/pc/css/faq.css diff --git a/public/static/index/css/fonts.css b/public/static/index/pc/css/fonts.css similarity index 100% rename from public/static/index/css/fonts.css rename to public/static/index/pc/css/fonts.css diff --git a/public/static/index/css/index.css b/public/static/index/pc/css/index.css similarity index 98% rename from public/static/index/css/index.css rename to public/static/index/pc/css/index.css index 9391fc65..e6c5892c 100755 --- a/public/static/index/css/index.css +++ b/public/static/index/pc/css/index.css @@ -146,7 +146,7 @@ .tpicture { width: 1.375rem; height: 1.375rem; - background: url('/static/index/images/more2.png') no-repeat; + background: url('/static/index/pc/images/more2.png') no-repeat; background-position: -26px 0px; margin-left: 1.625rem; } @@ -569,7 +569,7 @@ position: absolute; top: 0px; left: 0px; - background-image: url('/static/index/images/indeximg1.jpg'); + background-image: url('/static/index/pc/images/indeximg1.jpg'); width: 100%; height: 53.75rem; background-repeat: no-repeat; @@ -581,7 +581,7 @@ top: 0px; left: 0px; border-right: 0.25rem solid rgba(255, 255, 255, 0.5019607843); - background-image: url('/static/index/images/indeximg2.jpg'); + background-image: url('/static/index/pc/images/indeximg2.jpg'); width: 50%; height: 53.75rem; background-repeat: no-repeat; @@ -601,7 +601,7 @@ display: flex; align-items: center; justify-content: center; - background: #fff url('/static/index/images/ba-arrow.png') center center/22px + background: #fff url('/static/index/pc/images/ba-arrow.png') center center/22px 22px no-repeat; border: 1px solid #fff; border-radius: 50%; @@ -801,7 +801,6 @@ animation: number-scroll 1s ease-in-out forwards; } .orico_Page_index .pageMain .oricoDataStatistics .odsmain .odsItem h3 { - font-weith font-size: 1.25rem; padding-top: 0.5rem; font-weight: 500; @@ -1121,7 +1120,7 @@ display: flex; align-items: center; justify-content: center; - background: #fff url(../../index/images/ba-arrow.png) center center / 22px 22px + background: #fff url('/static/index/pc/images/ba-arrow.png') center center / 22px 22px no-repeat; border: 1px solid #fff; border-radius: 50%; diff --git a/public/static/index/css/orico_footer.css b/public/static/index/pc/css/orico_footer.css similarity index 100% rename from public/static/index/css/orico_footer.css rename to public/static/index/pc/css/orico_footer.css diff --git a/public/static/index/css/orico_header.css b/public/static/index/pc/css/orico_header.css similarity index 100% rename from public/static/index/css/orico_header.css rename to public/static/index/pc/css/orico_header.css diff --git a/public/static/index/css/product_category.css b/public/static/index/pc/css/product_category.css similarity index 100% rename from public/static/index/css/product_category.css rename to public/static/index/pc/css/product_category.css diff --git a/public/static/index/css/product_detail.css b/public/static/index/pc/css/product_detail.css similarity index 96% rename from public/static/index/css/product_detail.css rename to public/static/index/pc/css/product_detail.css index bc0b6ef5..1734c852 100755 --- a/public/static/index/css/product_detail.css +++ b/public/static/index/pc/css/product_detail.css @@ -122,7 +122,7 @@ .preview .bigImg .smallImgUp.disabled { - background: url(/static/index/images/fl.png) no-repeat; + background: url(/static/index/pc/images/fl.png) no-repeat; position: absolute; z-index: 1; top: 50%; @@ -138,7 +138,7 @@ .preview .bigImg .smallImgUp.disabled:hover { - background: url(/static/index/images/fl1.png) no-repeat; + background: url(/static/index/pc/images/fl1.png) no-repeat; } .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .bigImg .smallImgDown, .orico_Page_prdetail @@ -148,7 +148,7 @@ .preview .bigImg .smallImgDown.disabled { - background: url(/static/index/images/rh.png) no-repeat; + background: url(/static/index/pc/images/rh.png) no-repeat; position: absolute; z-index: 1; right: -2%; @@ -169,7 +169,7 @@ .preview .bigImg .smallImgDown.disabled:hover { - background: url(/static/index/images/rh1.png) no-repeat; + background: url(/static/index/pc/images/rh1.png) no-repeat; } .orico_Page_prdetail .oriprdetail .cp .cprh { width: 45%; @@ -565,26 +565,26 @@ .scrollbutton_01.smallImgUp, .scrollbutton_01.smallImgUp.disabled { - background: url(/static/index/images/fl.png); + background: url(/static/index/pc/images/fl.png); left: 0px; } .scrollbutton_01.smallImgDown, .scrollbutton_01.smallImgDown.disabled { - background: url(/static/index/images/rh.png); + background: url(/static/index/pc/images/rh.png); right: 0px; } .scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled { - background: url(/static/index/images/fl.png); + background: url(/static/index/pc/images/fl.png); left: 90px; margin-top: -24.5px; } .scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled { - background: url(/static/index/images/rh.png); + background: url(/static/index/pc/images/rh.png); right: 0px; margin-top: -24.5px; } diff --git a/public/static/index/css/product_newpro.css b/public/static/index/pc/css/product_newpro.css similarity index 100% rename from public/static/index/css/product_newpro.css rename to public/static/index/pc/css/product_newpro.css diff --git a/public/static/index/css/product_search.css b/public/static/index/pc/css/product_search.css similarity index 100% rename from public/static/index/css/product_search.css rename to public/static/index/pc/css/product_search.css diff --git a/public/static/index/css/product_subcategory.css b/public/static/index/pc/css/product_subcategory.css similarity index 100% rename from public/static/index/css/product_subcategory.css rename to public/static/index/pc/css/product_subcategory.css diff --git a/public/static/index/css/public.css b/public/static/index/pc/css/public.css similarity index 100% rename from public/static/index/css/public.css rename to public/static/index/pc/css/public.css diff --git a/public/static/index/css/topic_nas_cooperation.css b/public/static/index/pc/css/topic_nas_cooperation.css similarity index 100% rename from public/static/index/css/topic_nas_cooperation.css rename to public/static/index/pc/css/topic_nas_cooperation.css diff --git a/public/static/index/css/topic_nas_download.css b/public/static/index/pc/css/topic_nas_download.css similarity index 100% rename from public/static/index/css/topic_nas_download.css rename to public/static/index/pc/css/topic_nas_download.css diff --git a/public/static/index/css/topic_nas_header.css b/public/static/index/pc/css/topic_nas_header.css similarity index 100% rename from public/static/index/css/topic_nas_header.css rename to public/static/index/pc/css/topic_nas_header.css diff --git a/public/static/index/css/topic_nas_help-detail.css b/public/static/index/pc/css/topic_nas_help-detail.css similarity index 100% rename from public/static/index/css/topic_nas_help-detail.css rename to public/static/index/pc/css/topic_nas_help-detail.css diff --git a/public/static/index/css/topic_nas_help.css b/public/static/index/pc/css/topic_nas_help.css similarity index 100% rename from public/static/index/css/topic_nas_help.css rename to public/static/index/pc/css/topic_nas_help.css diff --git a/public/static/index/css/topic_nas_index.css b/public/static/index/pc/css/topic_nas_index.css similarity index 100% rename from public/static/index/css/topic_nas_index.css rename to public/static/index/pc/css/topic_nas_index.css diff --git a/public/static/index/css/topic_nas_product.css b/public/static/index/pc/css/topic_nas_product.css similarity index 100% rename from public/static/index/css/topic_nas_product.css rename to public/static/index/pc/css/topic_nas_product.css diff --git a/public/static/index/pc/fonts/Montserrat-Bold.ttf b/public/static/index/pc/fonts/Montserrat-Bold.ttf new file mode 100755 index 00000000..f3c58886 --- /dev/null +++ b/public/static/index/pc/fonts/Montserrat-Bold.ttf @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:189aeb285be99f0b58e454dd2dc3cbf34a6db844a9ef26ebc5909178ff77c5be +size 198072 diff --git a/public/static/index/pc/fonts/Montserrat-Medium.ttf b/public/static/index/pc/fonts/Montserrat-Medium.ttf new file mode 100755 index 00000000..523123ff --- /dev/null +++ b/public/static/index/pc/fonts/Montserrat-Medium.ttf @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:20ebfd658f55a256d60b4f84849e0026e4b599926493738ed3952c7200218d33 +size 198104 diff --git a/public/static/index/pc/fonts/Montserrat-Regular.ttf b/public/static/index/pc/fonts/Montserrat-Regular.ttf new file mode 100755 index 00000000..9f33d37e --- /dev/null +++ b/public/static/index/pc/fonts/Montserrat-Regular.ttf @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:dcfe8df29e553fbd655212f94300cb1e704c6cd147fa7a98cb4bcd9eb92c6707 +size 197976 diff --git a/public/static/index/pc/fonts/Montserrat-SemiBold.ttf b/public/static/index/pc/fonts/Montserrat-SemiBold.ttf new file mode 100755 index 00000000..98e75217 --- /dev/null +++ b/public/static/index/pc/fonts/Montserrat-SemiBold.ttf @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:1418bd4d74c35bfa473d404b8b94b3e83784efa32ed9875a28a2e83449d02942 +size 198204 diff --git a/public/static/index/images/1line.png b/public/static/index/pc/images/1line.png similarity index 100% rename from public/static/index/images/1line.png rename to public/static/index/pc/images/1line.png diff --git a/public/static/index/images/2577U3-L1.jpg b/public/static/index/pc/images/2577U3-L1.jpg similarity index 100% rename from public/static/index/images/2577U3-L1.jpg rename to public/static/index/pc/images/2577U3-L1.jpg diff --git a/public/static/index/images/Achievement.png b/public/static/index/pc/images/Achievement.png similarity index 100% rename from public/static/index/images/Achievement.png rename to public/static/index/pc/images/Achievement.png diff --git a/public/static/index/images/ContactUs.png b/public/static/index/pc/images/ContactUs.png similarity index 100% rename from public/static/index/images/ContactUs.png rename to public/static/index/pc/images/ContactUs.png diff --git a/public/static/index/images/ORCIO-HSQ-02H-800-220.jpg b/public/static/index/pc/images/ORCIO-HSQ-02H-800-220.jpg similarity index 100% rename from public/static/index/images/ORCIO-HSQ-02H-800-220.jpg rename to public/static/index/pc/images/ORCIO-HSQ-02H-800-220.jpg diff --git a/public/static/index/images/OurBrand.png b/public/static/index/pc/images/OurBrand.png similarity index 100% rename from public/static/index/images/OurBrand.png rename to public/static/index/pc/images/OurBrand.png diff --git a/public/static/index/images/SSD-1920x900-CN.jpg b/public/static/index/pc/images/SSD-1920x900-CN.jpg similarity index 100% rename from public/static/index/images/SSD-1920x900-CN.jpg rename to public/static/index/pc/images/SSD-1920x900-CN.jpg diff --git a/public/static/index/temp_images/ba-arrow.png b/public/static/index/pc/images/ba-arrow.png similarity index 100% rename from public/static/index/temp_images/ba-arrow.png rename to public/static/index/pc/images/ba-arrow.png diff --git a/public/static/index/images/banner_01.png b/public/static/index/pc/images/banner_01.png similarity index 100% rename from public/static/index/images/banner_01.png rename to public/static/index/pc/images/banner_01.png diff --git a/public/static/index/images/black-down.png b/public/static/index/pc/images/black-down.png similarity index 100% rename from public/static/index/images/black-down.png rename to public/static/index/pc/images/black-down.png diff --git a/public/static/index/images/bottomlogo.png b/public/static/index/pc/images/bottomlogo.png similarity index 100% rename from public/static/index/images/bottomlogo.png rename to public/static/index/pc/images/bottomlogo.png diff --git a/public/static/index/images/brand02.png b/public/static/index/pc/images/brand02.png similarity index 100% rename from public/static/index/images/brand02.png rename to public/static/index/pc/images/brand02.png diff --git a/public/static/index/images/contact-Us.png b/public/static/index/pc/images/contact-Us.png similarity index 100% rename from public/static/index/images/contact-Us.png rename to public/static/index/pc/images/contact-Us.png diff --git a/public/static/index/images/contact_icon01.png b/public/static/index/pc/images/contact_icon01.png similarity index 100% rename from public/static/index/images/contact_icon01.png rename to public/static/index/pc/images/contact_icon01.png diff --git a/public/static/index/images/contact_icon02.png b/public/static/index/pc/images/contact_icon02.png similarity index 100% rename from public/static/index/images/contact_icon02.png rename to public/static/index/pc/images/contact_icon02.png diff --git a/public/static/index/images/contact_icon03.png b/public/static/index/pc/images/contact_icon03.png similarity index 100% rename from public/static/index/images/contact_icon03.png rename to public/static/index/pc/images/contact_icon03.png diff --git a/public/static/index/images/customer-service.png b/public/static/index/pc/images/customer-service.png similarity index 100% rename from public/static/index/images/customer-service.png rename to public/static/index/pc/images/customer-service.png diff --git a/public/static/index/images/fl.png b/public/static/index/pc/images/fl.png similarity index 100% rename from public/static/index/images/fl.png rename to public/static/index/pc/images/fl.png diff --git a/public/static/index/images/fl1.png b/public/static/index/pc/images/fl1.png similarity index 100% rename from public/static/index/images/fl1.png rename to public/static/index/pc/images/fl1.png diff --git a/public/static/index/images/greyline.png b/public/static/index/pc/images/greyline.png similarity index 100% rename from public/static/index/images/greyline.png rename to public/static/index/pc/images/greyline.png diff --git a/public/static/index/images/greyyuandian.png b/public/static/index/pc/images/greyyuandian.png similarity index 100% rename from public/static/index/images/greyyuandian.png rename to public/static/index/pc/images/greyyuandian.png diff --git a/public/static/index/images/icon-4-01.png b/public/static/index/pc/images/icon-4-01.png similarity index 100% rename from public/static/index/images/icon-4-01.png rename to public/static/index/pc/images/icon-4-01.png diff --git a/public/static/index/images/icon-4-02.png b/public/static/index/pc/images/icon-4-02.png similarity index 100% rename from public/static/index/images/icon-4-02.png rename to public/static/index/pc/images/icon-4-02.png diff --git a/public/static/index/images/icon-4-03.png b/public/static/index/pc/images/icon-4-03.png similarity index 100% rename from public/static/index/images/icon-4-03.png rename to public/static/index/pc/images/icon-4-03.png diff --git a/public/static/index/images/icon-4-04.png b/public/static/index/pc/images/icon-4-04.png similarity index 100% rename from public/static/index/images/icon-4-04.png rename to public/static/index/pc/images/icon-4-04.png diff --git a/public/static/index/images/icon-language.png b/public/static/index/pc/images/icon-language.png similarity index 100% rename from public/static/index/images/icon-language.png rename to public/static/index/pc/images/icon-language.png diff --git a/public/static/index/images/icon-search.png b/public/static/index/pc/images/icon-search.png similarity index 100% rename from public/static/index/images/icon-search.png rename to public/static/index/pc/images/icon-search.png diff --git a/public/static/index/images/indeximg1.jpg b/public/static/index/pc/images/indeximg1.jpg similarity index 100% rename from public/static/index/images/indeximg1.jpg rename to public/static/index/pc/images/indeximg1.jpg diff --git a/public/static/index/images/indeximg2.jpg b/public/static/index/pc/images/indeximg2.jpg similarity index 100% rename from public/static/index/images/indeximg2.jpg rename to public/static/index/pc/images/indeximg2.jpg diff --git a/public/static/index/temp_images/lefta.png b/public/static/index/pc/images/lefta.png similarity index 100% rename from public/static/index/temp_images/lefta.png rename to public/static/index/pc/images/lefta.png diff --git a/public/static/index/images/lichengbei.png b/public/static/index/pc/images/lichengbei.png similarity index 100% rename from public/static/index/images/lichengbei.png rename to public/static/index/pc/images/lichengbei.png diff --git a/public/static/index/images/logo.png b/public/static/index/pc/images/logo.png similarity index 100% rename from public/static/index/images/logo.png rename to public/static/index/pc/images/logo.png diff --git a/public/static/index/images/logo_nas_en-us.png b/public/static/index/pc/images/logo_nas_en-us.png similarity index 100% rename from public/static/index/images/logo_nas_en-us.png rename to public/static/index/pc/images/logo_nas_en-us.png diff --git a/public/static/index/images/logo_nas_zh-cn.png b/public/static/index/pc/images/logo_nas_zh-cn.png similarity index 100% rename from public/static/index/images/logo_nas_zh-cn.png rename to public/static/index/pc/images/logo_nas_zh-cn.png diff --git a/public/static/index/images/more.png b/public/static/index/pc/images/more.png similarity index 100% rename from public/static/index/images/more.png rename to public/static/index/pc/images/more.png diff --git a/public/static/index/images/more2.png b/public/static/index/pc/images/more2.png similarity index 100% rename from public/static/index/images/more2.png rename to public/static/index/pc/images/more2.png diff --git a/public/static/index/images/nas-jt.png b/public/static/index/pc/images/nas-jt.png similarity index 100% rename from public/static/index/images/nas-jt.png rename to public/static/index/pc/images/nas-jt.png diff --git a/public/static/index/images/nas_help_banner.jpg b/public/static/index/pc/images/nas_help_banner.jpg similarity index 100% rename from public/static/index/images/nas_help_banner.jpg rename to public/static/index/pc/images/nas_help_banner.jpg diff --git a/public/static/index/images/nas_help_detail_search.png b/public/static/index/pc/images/nas_help_detail_search.png similarity index 100% rename from public/static/index/images/nas_help_detail_search.png rename to public/static/index/pc/images/nas_help_detail_search.png diff --git a/public/static/index/images/nas_help_search.png b/public/static/index/pc/images/nas_help_search.png similarity index 100% rename from public/static/index/images/nas_help_search.png rename to public/static/index/pc/images/nas_help_search.png diff --git a/public/static/index/images/rh.png b/public/static/index/pc/images/rh.png similarity index 100% rename from public/static/index/images/rh.png rename to public/static/index/pc/images/rh.png diff --git a/public/static/index/images/rh1.png b/public/static/index/pc/images/rh1.png similarity index 100% rename from public/static/index/images/rh1.png rename to public/static/index/pc/images/rh1.png diff --git a/public/static/index/temp_images/rightcheck.png b/public/static/index/pc/images/rightcheck.png similarity index 100% rename from public/static/index/temp_images/rightcheck.png rename to public/static/index/pc/images/rightcheck.png diff --git a/public/static/index/images/search.png b/public/static/index/pc/images/search.png similarity index 100% rename from public/static/index/images/search.png rename to public/static/index/pc/images/search.png diff --git a/public/static/index/images/search_blue.png b/public/static/index/pc/images/search_blue.png similarity index 100% rename from public/static/index/images/search_blue.png rename to public/static/index/pc/images/search_blue.png diff --git a/public/static/index/images/shopico.png b/public/static/index/pc/images/shopico.png similarity index 100% rename from public/static/index/images/shopico.png rename to public/static/index/pc/images/shopico.png diff --git a/public/static/index/images/ssico.png b/public/static/index/pc/images/ssico.png similarity index 100% rename from public/static/index/images/ssico.png rename to public/static/index/pc/images/ssico.png diff --git a/public/static/index/images/wx.png b/public/static/index/pc/images/wx.png similarity index 100% rename from public/static/index/images/wx.png rename to public/static/index/pc/images/wx.png diff --git a/public/static/index/images/yaundian.png b/public/static/index/pc/images/yaundian.png similarity index 100% rename from public/static/index/images/yaundian.png rename to public/static/index/pc/images/yaundian.png diff --git a/public/static/index/js/before-after.min.js b/public/static/index/pc/js/before-after.min.js similarity index 100% rename from public/static/index/js/before-after.min.js rename to public/static/index/pc/js/before-after.min.js diff --git a/public/static/index/js/large.js b/public/static/index/pc/js/large.js similarity index 100% rename from public/static/index/js/large.js rename to public/static/index/pc/js/large.js diff --git a/public/static/index/temp_images/2.jpg b/public/static/index/temp_images/2.jpg deleted file mode 100755 index 7df3030d..00000000 Binary files a/public/static/index/temp_images/2.jpg and /dev/null differ diff --git a/public/static/index/temp_images/2022.jpg b/public/static/index/temp_images/2022.jpg deleted file mode 100755 index 00a61222..00000000 Binary files a/public/static/index/temp_images/2022.jpg and /dev/null differ diff --git a/public/static/index/temp_images/3.jpg b/public/static/index/temp_images/3.jpg deleted file mode 100755 index c7d5f032..00000000 Binary files a/public/static/index/temp_images/3.jpg and /dev/null differ diff --git a/public/static/index/temp_images/9858RU3-800×800-1.jpg b/public/static/index/temp_images/9858RU3-800×800-1.jpg deleted file mode 100755 index 733d7bec..00000000 Binary files a/public/static/index/temp_images/9858RU3-800×800-1.jpg and /dev/null differ diff --git a/public/static/index/temp_images/PC-videoimg.jpg b/public/static/index/temp_images/PC-videoimg.jpg deleted file mode 100755 index fdee6365..00000000 Binary files a/public/static/index/temp_images/PC-videoimg.jpg and /dev/null differ diff --git a/public/static/index/temp_images/banner.jpg b/public/static/index/temp_images/banner.jpg deleted file mode 100755 index ab91a934..00000000 Binary files a/public/static/index/temp_images/banner.jpg and /dev/null differ diff --git a/public/static/index/temp_images/banner2.jpg b/public/static/index/temp_images/banner2.jpg deleted file mode 100755 index 5b59eec2..00000000 Binary files a/public/static/index/temp_images/banner2.jpg and /dev/null differ diff --git a/public/static/index/temp_images/banner3.jpg b/public/static/index/temp_images/banner3.jpg deleted file mode 100755 index 5b7a2c66..00000000 Binary files a/public/static/index/temp_images/banner3.jpg and /dev/null differ diff --git a/public/static/index/temp_images/contact-Us.png b/public/static/index/temp_images/contact-Us.png deleted file mode 100755 index d572106f..00000000 Binary files a/public/static/index/temp_images/contact-Us.png and /dev/null differ diff --git a/public/static/index/temp_images/customer-service.png b/public/static/index/temp_images/customer-service.png deleted file mode 100755 index 275c0334..00000000 Binary files a/public/static/index/temp_images/customer-service.png and /dev/null differ diff --git a/public/static/index/temp_images/indeximg1.jpg b/public/static/index/temp_images/indeximg1.jpg deleted file mode 100755 index 2ffb1074..00000000 Binary files a/public/static/index/temp_images/indeximg1.jpg and /dev/null differ diff --git a/public/static/index/temp_images/indeximg2.jpg b/public/static/index/temp_images/indeximg2.jpg deleted file mode 100755 index 9ffd4d33..00000000 Binary files a/public/static/index/temp_images/indeximg2.jpg and /dev/null differ diff --git a/public/static/index/temp_images/more2.png b/public/static/index/temp_images/more2.png deleted file mode 100755 index ab1db1e4..00000000 Binary files a/public/static/index/temp_images/more2.png and /dev/null differ diff --git a/public/static/index/temp_images/raid2.png b/public/static/index/temp_images/raid2.png deleted file mode 100755 index bd5f4a54..00000000 Binary files a/public/static/index/temp_images/raid2.png and /dev/null differ diff --git a/public/static/index/temp_images/s1.png b/public/static/index/temp_images/s1.png deleted file mode 100755 index 8c46a1c6..00000000 Binary files a/public/static/index/temp_images/s1.png and /dev/null differ diff --git a/public/static/index/temp_images/s2.png b/public/static/index/temp_images/s2.png deleted file mode 100755 index 777f952f..00000000 Binary files a/public/static/index/temp_images/s2.png and /dev/null differ diff --git a/public/static/index/temp_images/s3.png b/public/static/index/temp_images/s3.png deleted file mode 100755 index aa52a6fd..00000000 Binary files a/public/static/index/temp_images/s3.png and /dev/null differ diff --git a/public/static/index/temp_images/s4.png b/public/static/index/temp_images/s4.png deleted file mode 100755 index c380f94c..00000000 Binary files a/public/static/index/temp_images/s4.png and /dev/null differ diff --git a/public/static/index/temp_images/幻影-S40系列-800-1.jpg b/public/static/index/temp_images/幻影-S40系列-800-1.jpg deleted file mode 100755 index 946fa6cc..00000000 Binary files a/public/static/index/temp_images/幻影-S40系列-800-1.jpg and /dev/null differ