<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta itemprop="name" content="免费跨境电商ERP,让新手跨境电商卖家低成本,低风险把跨境生意做起来-SellerWell启航">
    <meta name="renderer" content="webkit">
    <meta itemprop="image" content="http://eccang-ess.oss-cn-shenzhen.aliyuncs.com/ec-saas-file/sso/saas_1595226254064.png?Expires=4748826254&OSSAccessKeyId=LTAI4FwuSvzhB2y5nmjx4NCY&Signature=sny8jhMc3%2F9kRjzgdzn4vHYeDzQ%3D">
    <meta name="keywords" content="易仓，易仓科技，易仓科技有限公司，易仓科技用户中心，erp工具，跨境电商ERP，国际物流TMS，海外仓WMS，跨境分销M2B，免费跨境电商ERP,免费跨境ERP,跨境电商ERP,SellerWell启航">
    <meta name="description" itemprop="description" content="专为新手跨境电商卖家打造的免费跨境电商ERP,对接亚马逊,Temu,TikTok,Shopify等平台,注册就能使用全部功能,包括拉单发货,订单履约,广告,销售数据等,每月6000单量,7日内绑定亚马逊店铺,首月再送2000单,初创者首款免费跨境电商ERP-SellerWell启航">
    <meta property="og:title" content="免费跨境电商ERP,让新手跨境电商卖家低成本,低风险把跨境生意做起来-SellerWell启航">
    <meta property="og:description" content="专为新手跨境电商卖家打造的免费跨境电商ERP,对接亚马逊,Temu,TikTok,Shopify等平台,注册就能使用全部功能,包括拉单发货,订单履约,广告,销售数据等,每月6000单量,7日内绑定亚马逊店铺,首月再送2000单,初创者首款免费跨境电商ERP-SellerWell启航">
    <meta property="og:image" content="http://eccang-ess.oss-cn-shenzhen.aliyuncs.com/ec-saas-file/sso/saas_1595226254064.png?Expires=4748826254&OSSAccessKeyId=LTAI4FwuSvzhB2y5nmjx4NCY&Signature=sny8jhMc3%2F9kRjzgdzn4vHYeDzQ%3D">
    <!-- <link rel="icon" href="favicon.ico"> -->
    <link rel="icon" href="./image/favicon.ico" type="image/x-icon">
    <title>SellerWell启航</title>
    <!-- cache -->
    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="Pragma" content="no-store" />
    <meta http-equiv="Cache-control" content="no-store" />
    <meta http-equiv="Cache" content="no-store" />
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT" />
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "http://hm.baidu.com/hm.js?5a3566d36a684f4fe70fe3983db873ea";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
        </script>
</head>
<body>
    <div class="container">
        <div class="banner-container">
            <div class="banner-wrapper">
                <div class="banner">
                    <img src="./image/banner-banner_home1@2x.png" alt="">
                    <div class="left-content">
                        <div class="logo">
                            <img src="./image/sw-logo.svg" alt="">
                        </div>
                        <div class="info">
                            <div class="top-tip">SellerWell启航</div>
                            <div class="title">初创者首款免费跨境ERP</div>
                            <div class="sub-title">让初创者更快上手跨境业务的多平台轻量级ERP</div>
                        </div>
                        <div class="button button-open">
                            <div><a href="http://web.sellerwell.com" rel="nofollow">免费开通</a></div> 
                            <div class="arrow"><img class="arrow" src="./image/arrow.svg" alt=""></div>
                        </div>
                    </div>
                    <div class="right-content">
                        <div class="button-login"><a href="http://web.sellerwell.com" rel="nofollow">登录</a></div>
                        <div class="button-register"><a href="http://web.sellerwell.com" rel="nofollow">免费注册</a></div>
                    </div>   
                </div>
                <div class="banner banner-single">
                    <img src="./image/single.png" class="banner-single-img" alt="">
                    <div class="left-content">
                        <div class="logo">
                            <img src="./image/sw-logo.svg" alt="">
                        </div>
                    </div>
                    <div class="right-content">
                        <div class="button-login"><a href="http://web.sellerwell.com" rel="nofollow">登录</a></div>
                        <div class="button-register"><a href="http://web.sellerwell.com" rel="nofollow">免费注册</a></div>
                    </div>   
                </div>
            </div>
            <div class="banner-dots">
                <span class="dot active"></span>
                <span class="dot"></span>
            </div>
        </div>
        
        <div class="applicable-people">
            <div class="title">适用人群</div>
            <div class="line"></div>
            <div class="peoples">
                <div class="people">
                    <img src="./image/矩形 1@2x (3).png" alt="">
                    <div class="name">自主创业</div>
                </div>
                <div class="people">
                    <img src="./image/矩形 1@2x(1).png" alt="">
                    <div class="name">工贸跨界</div>
                </div>
                <div class="people">
                    <img src="./image/矩形 1@2x(2).png" alt="">
                    <div class="name">外贸转型</div>
                </div>
                <div class="people">
                    <img src="./image/矩形 1@2x(3).png" alt="">
                    <div class="name">国内电商</div>
                </div>
                <div class="people">
                    <img src="./image/矩形 1@2x(4).png" alt="">
                    <div class="name">副业兼职</div>
                </div>
            </div>
        </div>
        <div class="advantage">
            <div class="title">我们的优势</div>
            <div class="line"></div>
            <div class="advantage-list">
                <div class="advantage-item">
                    <img src="./image/组 1155@2x.png" alt="">
                    <div class="name">上手使用快</div>
                    <div class="sub-name">简洁易用的操作界面，让您跳过ERP的繁琐流程，直击业务的关键核心。</div>
                </div>
                <div class="advantage-item">
                    <img src="./image/组 1156@2x.png" alt="">
                    <div class="name">订单履约快</div>
                    <div class="sub-name">完善的自发货流程，覆盖平台官方仓/第三方海外仓，让您高效完成订单履约。</div>
                </div>
                <div class="advantage-item">
                    <img src="./image/组 1157@2x.png" alt="">
                    <div class="name">数据决策快</div>
                    <div class="sub-name">及时可靠的订单、库存数据和报表，帮您掌握创业初期的确定性和安全感。</div>
                </div>
                <div class="advantage-item">
                    <img src="./image/组 1155@2x(1).png" alt="">
                    <div class="name">小团队首选</div>
                    <div class="sub-name">微型团队甚至一人公司，都能使用出独特的效率价值。</div>
                </div>
                <div class="advantage-item">
                    <img src="./image/组 1155@2x(2).png" alt="">
                    <div class="name">低成本</div>
                    <div class="sub-name">免费无套路，开通免费版即可使用全部功能，与专业版仅有体量差别。</div>
                </div>
                <div class="advantage-item">
                    <img src="./image/组 1156@2x(1).png" alt="">
                    <div class="name">零基础</div>
                    <div class="sub-name">无门槛产品设计理念，更适合第一次接触跨境行业的初创者上手使用。</div>
                </div>
            </div>
        </div>
        <div class="why-us">
            <div class="title">选择SellerWell的理由</div>
            <div class="line"></div>
            <div class="reason-list">
                <div class="reason-item">
                    <img src="./image/矩形 3@2x.png" alt="">
                    <div class="index">01</div>
                    <div class="title">为什么<br />推出SellerWell<br />启航？</div>
                    <div class="description">在跨境产业蓬勃发展的今天，易仓科技希望每一位初创者都能像亿级大卖一样，享受到技术和时代的红利。</div>
                </div>
                <div class="reason-item">
                    <img src="./image/矩形 3@2x(1).png" alt="">
                    <div class="index">02</div>
                    <div class="title">为什么<br />SellerWell启航<br />可以做到上手友好？</div>
                    <div class="description">易仓科技通过对30000+初创型卖家的服务积淀，深知跨境新手的痛点，并设计了更适合初创者的产品体验。</div>
                </div>
                <div class="reason-item">
                    <img src="./image/矩形 3@2x(2).png" alt="">
                    <div class="index">03</div>
                    <div class="title">为什么<br />SellerWell启航<br />提供免费版本？</div>
                    <div class="description">创业是充满不确定性的，我们认为最好的ERP产品应该去帮助初创者的业务成长，而不是增加经济负担。</div>
                </div>
                <div class="reason-item">
                    <img src="./image/矩形 3@2x(3).png" alt="">
                    <div class="index">04</div>
                    <div class="title">为什么<br />跨境小白用<br />SellerWell启航<br />就够了？</div>
                    <div class="description">这款产品不仅免费易上手，且许多核心功能下放自亿级大卖专用的ECCANG ERP，业务广度和上限非常高。</div>
                </div>
                <div class="reason-item">
                    <img src="./image/矩形 3@2x(4).png" alt="">
                    <div class="index">05</div>
                    <div class="title">为什么<br />SellerWell启航<br />仅限于4个<br />平台/独立站？</div>
                    <div class="description">基于易仓科技对跨境行业12年的摸索与判断，我们认为当下这4个平台更适合初创者，且成功的机会最高。</div>
                </div>
            </div>
        </div>
        <div class="docking">
            <img src="./image/矩形@2x.png" alt="">
            <div class="title docking-title">跨境平台对接</div>
            <div class="line"></div>
            <div class="platforms">
                <div class="left">
                    <div class="platform-item active">亚马逊</div>
                    <div class="platform-item">Shopify</div>
                    <div class="platform-item">TikTok Shop</div>
                    <div class="platform-item">TEMU</div>
                </div>
                <div class="right">
                    <div class="content active">
                        <img src="./image/矩形 1@2x.png" alt="">
                        <div class="info">
                            <div class="info-title">亚马逊</div>
                            <div class="info-description">全球最大的跨境电商平台，初创者的第一选择</div>
                        </div>
                    </div>
                    <div class="content">
                        <img src="./image/矩形 1@2x(5).png" alt="">
                        <div class="info">
                            <div class="info-title">Shopify</div>
                            <div class="info-description">品牌卖家的海外官网，适合拥有成熟产品线的玩家</div>
                        </div>
                    </div>
                    <div class="content">
                        <img src="./image/矩形 1@2x (1).png" alt="">
                        <div class="info">
                            <div class="info-title">TikTok Shop</div>
                            <div class="info-description">全球最大的视频电商购物平台，适合内容流量玩家</div>
                        </div>
                    </div>
                    <div class="content">
                        <img src="./image/矩形 1@2x (2).png" alt="">
                        <div class="info">
                            <div class="info-title">TEMU</div>
                            <div class="info-description">全托管/半托管模式领航者，适合重供应链玩家</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="button button-get">
                <div><a href="http://alidocs.dingtalk.com/i/nodes/6LeBq413JAzx26evUbqynXnZ8DOnGvpb?cid=55752118%3A3884896762&utm_source=im&utm_scene=person_space&iframeQuery=utm_medium%3Dim_card%26utm_source%3Dim&utm_medium=im_card&corpId=ding3b383d9e0957f8b7" rel="nofollow">免费领取平台运营秘籍</a></div>
                <div class="arrow"><img class="arrow" src="./image/3.svg" alt=""></div>
            </div>
        </div>
        <div class="function-overview">
            <div class="title">功能一览</div>
            <div class="line"></div>
            <div class="sub-title">完全免费无门槛</div>
            <div class="content">
                <div class="menu">
                    <div class="top">套餐</div>
                    <div class="bottom">
                        <div class="item">价格</div>
                        <div class="item">用户数（子账号）</div>
                        <div class="item">店铺数</div>
                        <div class="item">仓库数</div>
                        <div class="item">订单量（按单收费）</div>
                        <div class="item">广告点数（Amazon）</div>
                        <div class="item">达人模块（TikTok）</div>
                        <div class="item">被跟卖监控（个）</div>
                        <div class="item">Review监控（个）</div>
                    </div>
                </div>
                <div class="free">
                    <div class="top">
                        <img src="./image/勋章@2x.png" alt="">
                        <div>免费版</div>
                    </div>
                    <div class="bottom">
                        <div class="item">¥ 0</div>
                        <div class="item">25</div>
                        <div class="item">12</div>
                        <div class="item">10</div>
                        <div class="item">6000单/月</div>
                        <div class="item">200</div>
                        <div class="item">免费赠送</div>
                        <div class="item">20</div>
                        <div class="item">5000</div>
                    </div>
                </div>
                <div class="professional">
                    <div class="top">
                        <img src="./image/皇冠3@2x.png" alt="">
                        <div>专业版</div>
                    </div>
                    <div class="bottom">
                        <div class="item">¥ 10000</div>
                        <div class="item">25（*额外增购250元/个）</div>
                        <div class="item">30</div>
                        <div class="item">不限</div>
                        <div class="item">12万单/年</div>
                        <div class="item">3000</div>
                        <div class="item">免费赠送</div>
                        <div class="item">50</div>
                        <div class="item">5000</div>
                    </div>
                </div>
            </div>
            <div class="button  see-all">
                <div class="see-all-text">查看全部功能</div>
                <div class="arrow"><img class="arrow arrow-rotate" src="./image/arrow-2.svg" alt=""></div>
            </div>
        </div>
        <div class="see-all-content">
            <div class="content-item">
                <div class="title">
                    <div class="name">商品管理</div>
                    <div class="line"></div>
                </div>
                <div class="tags">
                    <div class="tag">在线商品</div>
                    <div class="tag">我的产品</div>
                    <div class="tag">品类管理</div>
                    <div class="tag">平台商品配对</div>
                    <div class="tag">海外仓编码配对</div>
                </div>
            </div>
            <div class="content-item">
                <div class="title">
                    <div class="name">订单</div>
                    <div class="line"></div>
                </div>
                <div class="sub-title">
                    ·  销售订单
                </div>
                <div class="tags">
                    <div class="tag">订单管理</div>
                    <div class="tag">订单标发队列</div>
                    <div class="tag">FBA退换货订单</div>
                </div>
                <div class="sub-title" style="margin-top: calc(16/1920*100vw);">
                    ·  自发货设置
                </div>
                <div class="tags">
                    <div class="tag">订单规则</div>
                    <div class="tag">物流追踪</div>
                </div>
                <div class="sub-title" style="margin-top: calc(16/1920*100vw);">
                    ·  采购订单
                </div>
                <div class="tags">
                    <div class="tag">采购管理</div>
                    <div class="tag">供应商管理</div>
                </div>
            </div>
            <div class="content-item">
                <div class="title">
                    <div class="name">Amazon广告</div>
                    <div class="line"></div>
                </div>
                <div class="sub-title">
                    ·  广告总览
                </div>
                <div class="tags">
                    <div class="tag">广告管理</div>
                    <div class="tag">广告明细</div>
                    <div class="tag">广告概况</div>
                    <div class="tag">店铺出单高峰</div>
                    <div class="tag">广告日志</div>
                </div>
                <div class="sub-title" style="margin-top: calc(16/1920*100vw);">
                    ·  广告分析
                </div>
                <div class="tags fixed-width-tags">
                    <div class="tag">广告日报</div>
                    <div class="tag">产品广告透视</div>
                    <div class="tag">广告活动预算分析</div>
                    <div class="tag">选词助手</div>
                </div>
                <div class="sub-title" style="margin-top: calc(16/1920*100vw);">
                    ·  广告策略
                </div>
                <div class="tags fixed-width-tags">
                    <div class="tag">分时调价</div>
                    <div class="tag">智能优化</div>
                    <div class="tag">关键词抢位</div>
                </div>
                <div class="sub-title" style="margin-top: calc(16/1920*100vw);">
                    ·  广告工具
                </div>
                <div class="tags fixed-width-tags">
                    <div class="tag">关键词排名监控</div>
                    <div class="tag">ASIN关键词反查</div>
                    <div class="tag">ABA数据选词</div>
                    <div class="tag">广告点数消费记录</div>
                </div>
            </div>
            <div class="content-item">
                <div class="title">
                    <div class="name">TikTok广告</div>
                    <div class="line"></div>
                </div>
                <div class="sub-title">
                    ·  广告分析
                </div>
                <div class="tags">
                    <div class="tag">广告分析</div>
                    <div class="tag">广告权限</div>
                </div>
                <div class="sub-title" style="margin-top: calc(16/1920*100vw);">
                    ·  达人
                </div>
                <div class="tags">
                    <div class="tag">达人管理</div>
                    <div class="tag">达人邀约</div>
                    <div class="tag">达人视频</div>
                    <div class="tag">达人订单</div>
                    <div class="tag">私信建联</div>
                </div>
            </div>
            <div class="content-item">
                <div class="title">
                    <div class="name">仓库</div>
                    <div class="line"></div>
                </div>
                <div class="sub-title">
                    ·  库存
                </div>
                <div class="tags">
                    <div class="tag">库存查询</div>
                    <div class="tag">FBA库存</div>
                </div>
                <div class="sub-title" style="margin-top: calc(16/1920*100vw);">
                    ·  仓库设置
                </div>
                <div class="tags">
                    <div class="tag">仓库管理</div>
                    <div class="tag">仓库资料</div>
                </div>
                <div class="sub-title" style="margin-top: calc(16/1920*100vw);">
                    ·  出入库
                </div>
                <div class="tags">
                    <div class="tag">打单发货</div>
                    <div class="tag">入库单</div>
                    <div class="tag">出库单</div>
                    <div class="tag">出入库流水</div>
                    <div class="tag">海外仓库存差异</div>
                </div>
                <div class="sub-title" style="margin-top: calc(16/1920*100vw);">
                    ·  物流管理
                </div>
                <div class="tags">
                    <div class="tag">运输方式管理</div>
                    <div class="tag">物流地址簿</div>
                    <div class="tag">标签水印</div>
                    <div class="tag">平台物流设置</div>
                </div>
            </div>
            <div class="content-item">
                <div class="title">
                    <div class="name">报表</div>
                    <div class="line"></div>
                </div>
                <div class="sub-title">
                ·  多平台
                </div>
                <div class="tags">
                    <div class="tag">销售统计</div>
                    <div class="tag">Amazon回款</div>
                    <div class="tag">TEMU回款</div>
                    <div class="tag">TikTok回款</div>
                </div>
                <div class="sub-title" style="margin-top: calc(16/1920*100vw);">
                ·  Amazon
                </div>
                <div class="tags">
                    <div class="tag">listing表现</div>
                    <div class="tag">店铺表现</div>
                    <div class="tag">业务报告</div>
                    <div class="tag">月仓租报告</div>
                    <div class="tag">长期仓租报告</div>
                    <div class="tag">Review监控</div>
                    <div class="tag">Feedback</div>
                    <div class="tag">被跟卖监控</div>
                    <div class="tag">运营风控模型</div>
                </div>
                <div class="sub-title" style="margin-top: calc(16/1920*100vw);">
                ·  TikTok
                </div>
                <div class="tags">
                    <div class="tag">销售统计</div>
                </div>
                <div class="sub-title" style="margin-top: calc(16/1920*100vw);">
                ·  Shopify
                </div>
                <div class="tags">
                    <div class="tag">商品表现</div>
                </div>
            </div>
            <div class="content-item">
                <div class="title">
                    <div class="name">设置</div>
                    <div class="line"></div>
                </div>
                <div class="sub-title" style="margin-top: calc(16/1920*100vw);">
                ·  平台设置
                </div>
                <div class="tags fixed-width-tags">
                    <div class="tag">平台账号授权</div>
                    <div class="tag">平台承运商绑定</div>
                </div>
                <div class="sub-title" style="margin-top: calc(16/1920*100vw);">
                ·  系统设置
                </div>
                <div class="tags fixed-width-tags">
                    <div class="tag">汇率管理</div>
                </div>
            </div>
        </div>
        <div class="benefits">
            <img src="./image/img_bottom_home@2x.png" alt="">
            <div class="info">
                <div class="title">初创者福利</div>
                <div class="description">
                    创业一开始没有单量，先免费用系统提高效率。<br />
                    如果您业务体量增长，需要购买单量，购买任意版本可享受一次，一年内不限单量的机会。<br />
                    我们充分考虑到创业的艰难，所以提供成本的确定性。让您把钱花在刀刃上。
                </div>
                <div class="button button-get">
                    <div><a href="http://web.sellerwell.com" rel="nofollow">免费开通</a></div>
                    <div class="arrow"><img class="arrow" src="./image/arrow.svg" alt=""></div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="top-logo">
                <img src="./image/eccang_1661679247.png" alt="" class="logo">
                <div class="contact-us">产品咨询：13352937170</div>
            </div>
            <div class="content">
                <div class="left"><a href="http://www.eccang.com/" rel="nofollow" style="color: rgba(255, 255, 255, .6);">深圳易仓科技</a>是一家跨境行业全生态链软件服务供应商，致力于精研跨境电商ERP、国际物流TMS、海外仓WMS和跨境分销M2B等管理系统。立志成为跨境人最值得信赖的综合服务商。</div>
                <div class="right">
                    <div class="items">
                        <div class="item-title">
                            <div>热门产品</div>
                            <div class="more">+</div>
                        </div>
                        <div class="remen-items">
                            <div class="item"><a href="http://www.eccang.com/erp.html" rel="nofollow">多平台ERP</a></div>
                            <div class="item"><a href="http://www.eccang.com/fbaerp.html" rel="nofollow">亚马逊ERP</a></div>
                            <div class="item"><a href="http://www.eccang.com/walmarterp.html" rel="nofollow">沃尔玛ERP</a></div>
                            <div class="item"><a href="http://www.eccang.com/america.html" rel="nofollow">美客多ERP</a></div>
                            <div class="item"><a href="http://www.eccang.com/tiktok.html" rel="nofollow">TikTokERP</a></div>
                        </div>
                    </div>
                    <div class="items">
                        <div class="item-title">
                            <div>资源中心</div>
                            <div class="more">+</div>
                        </div>
                        <div class="ziyuan-items">
                            <div class="item"><a href="http://www.eccang.com/report.html" rel="nofollow">跨境白皮书</a></div>
                            <div class="item"><a href="http://www.eccang.com/news.html" rel="nofollow">文章干货</a></div>
                            <div class="item"><a href="http://www.eccang.com/customer_said.html" rel="nofollow">卖家俱乐部</a></div>
                            <div class="item"><a href="http://bbs.eccang.com/" rel="nofollow">易仓社区</a></div>
                            <div class="item"><a href="http://www.eccang.com/cooperation.html" rel="nofollow">商务合作</a></div>
                        </div>
                    </div>
                    <div class="items">
                        <div class="item-title">
                            <div>服务与支持</div>
                            <div class="more">+</div>
                        </div>
                        <div class="fuwu-items">
                            <div class="item"><a href="http://www.eccang.com/manual.html" rel="nofollow">使用手册</a></div>
                            <div class="item"><a href="http://www.eccang.com/policy.html" rel="nofollow">隐私政策</a></div>
                            <div class="item"><a href="http://www.eccang.com/agreement.html" rel="nofollow">用户协议</a></div>
                        </div>
                    </div>
                    <div class="items">
                        <div class="item-title">
                            <div>易仓集团</div>
                            <div class="more">+</div>
                        </div>
                        <div class="ec-items">
                            <div class="item"><a href="http://www.eccang.com/about.html" rel="nofollow">公司介绍</a></div>
                            <div class="item"><a href="http://www.eccang.com/honor.html" rel="nofollow">高光时刻</a></div>
                            <div class="item"><a href="http://www.eccang.com/company.html" rel="nofollow">企业风采</a></div>
                            <div class="item"><a href="http://www.eccang.com/warehouse_meeting.html" rel="nofollow">品牌活动</a></div>
                            <div class="item"><a href="http://www.eccang.com/zhaopin.html" rel="nofollow">加入易仓</a></div>
                        </div>
                    </div>
                    <div class="items">
                        <div class="item-title">
                            <div>关注或联系我们</div>
                            <div class="more">+</div>
                        </div>
                        <div class="guanzhu-items">
                            <div class="item">前台电话：0755-85274761</div>
                            <div class="item">售后：400-8199-388（投诉请转 9）</div>
                            <div class="item"> 邮箱：ec-mkt@eccang.com</div>
                            <div class="item item-img"> 
                                <div style="display: flex; flex-direction: column; align-items: center; row-gap: calc(5/1920*100vw);">
                                    <img src="./image/fuwu.png" alt="">
                                    <div>服务号</div>
                                </div>
                                <div style="display: flex; flex-direction: column; align-items: center; row-gap: calc(5/1920*100vw);">
                                    <img src="./image/kefu.jpg" alt="">
                                    <div>微信客服</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom">
                <div class="top">
                    <div class="cooperation active">合作友链</div>
                    <div class="link-tip">友情链接</div>
                    <div>（QQ： 1796981721）</div>
                </div>
                <div class="cooperation-link active">
                    <div class="item"><a href="http://www.eciscg.com/" rel="nofollow">仓网联盟</a></div>
                    <div class="item"><a href="http://www.5688.com.cn/" rel="nofollow">海运费查询</a></div>
                    <div class="item"><a href="http://www.goodcang.com/" rel="nofollow">海外仓</a></div>
                    <div class="item"><a href="http://www.forestshipping.cn/" rel="nofollow">FBA</a></div>
                    <div class="item"><a href="http://global.lianlianpay.com/" rel="nofollow">连连支付</a></div>
                    <div class="item"><a href="http://www.51tracking.com/" rel="nofollow">51Tracking</a></div>
                    <div class="item"><a href="http://www.zhongkerd.com/" rel="nofollow">软件开发</a></div>
                    <div class="item"><a href="http://mjzj.com/" rel="nofollow">卖家之家</a></div>
                    <div class="item"><a href="http://m2b.eccang.com/" rel="nofollow">分销系统</a></div>
                    <div class="item"><a href="http://www.ennews.com/" rel="nofollow">跨境电商</a></div>
                    <div class="item"><a href="http://www.fjtd-logistics.com/" rel="nofollow">国际货代</a></div>
                    <div class="item"><a href="http://www.cifnews.com/trade" rel="nofollow">外贸电商</a></div>
                    <div class="item"><a href="http://www.jiangzuoku.net/" rel="nofollow">超梦电商</a></div>
                    <div class="item"><a href="http://www.ectmswms.com/" rel="nofollow">海外仓系统</a></div>
                </div>
                <div class="link-tip-link">
                    <div class="item"><a href="http://acquiring.lianlianpay.com/" rel="nofollow">连连收单</a></div>
                </div>
            </div>
            <div class="copyright">
                <div class="copyright-text">Copyright 2013-2025 ©深圳易仓科技有限公司.All Rights Reserved</div>
                <div style="color:#50B4E7;margin:0 calc(17/1920*100vw);"><a href="http://beian.miit.gov.cn/" rel="nofollow">粤ICP备13020851号</a></div>
                <div style="color:#50B4E7;display: flex;align-items: center;gap: calc(5/1920*100vw);">
                    <img src="./image/jing.png" class="jing" alt="" >
                    <div><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030502005797" rel="nofollow">粤公网安备 44030502005797号</a></div>
                </div>
            </div>
        </div>
        <div class="stick-bar">
            <div class="stick-item online">
                <img src="./image/eccang_1661840172.png" />
                <div>在线咨询</div>
                <div class="online-tip">
                    <div class="text">当前人工客服在线<br />快来 <span style="color:rgb(48,115,255) ;">点击咨询</span> 吧~</div>
                    <div class="close" style="font-size: calc(16/1920*100vw);font-weight: bold;line-height: calc(13/1920*100vw);">×</div>
                </div>
            </div>
            <div class="stick-item">
                <img src="./image/eccang_1661840395.png" />
                <div>电话咨询</div>
                <div class="phone-tip"">
                    <div class="text">售前服务时间（工作日：9：00-18：30）</div>
                    <div style="display: flex; align-items: center; gap: calc(5/1920*100vw);font-size: calc(14/1920*100vw);"><img src="./image/eccang_1652945911.png" alt=""><span>133 5293 7170</span></div>
                </div>
            </div>
            <div class="stick-item">
                <img src="./image/eccang_1661840325.png" />
                <div>微信咨询</div>
                <div class="wechat-tip">
                    <img src="./image/eccang_1673343344.jpg" alt="" style="margin-top: calc(10/1920*100vw);">
                    <div class="text" style="margin-top: calc(4/1920*100vw);">微信咨询<br />(了解产品PDF资料)</div>
                </div>
            </div>
            <div class="stick-item preview">
                <img src="./image/eccang_1661840390.png" />
                <div>预约演示</div>
            </div>
            <div class="stick-item back-to-top">
                <img src="./image/eccang_1661840321.png" />
                <div>回到顶部</div>
            </div>
        </div>
        <div class="phone-stick-bar">
            <div class="phone-bar-item phone">
                电话咨询
            </div>
            <div class="phone-bar-item preview">
                预约演示
            </div>
            <div class="phone-bar-item online">
                <a target="_blank" rel="nofollow" href="http://p.qiao.baidu.com/cps/chat?siteId=11304762&userId=24629801&siteToken=f43566f0fbfc7bdef867292bcb34e4c2&cp=https%3A%2F%2Fwww.eccang.com&cr=sembd-yc01&cw=gaojiyangshi-zixunzujian">在线咨询</a>
            </div>
        </div>
    </div>
</body>
<script>
   document.addEventListener('DOMContentLoaded', function() {
        const platformItems = document.querySelectorAll('.platform-item');
        const contents = document.querySelectorAll('.content');
        const seeAllButton = document.querySelector('.see-all');
        const seeAllContent = document.querySelector('.see-all-content');
        const arrow = document.querySelector('.arrow-rotate');
        const seeAllText = document.querySelector('.see-all-text');
        const cooperation = document.querySelector('.cooperation');
        const linkTip = document.querySelector('.link-tip');
        const cooperationLink = document.querySelector('.cooperation-link');
        const linkTipLink = document.querySelector('.link-tip-link');
        const itemTitles = document.querySelectorAll('.footer .items .item-title');
        const backToTop = document.querySelector('.stick-bar .stick-item.back-to-top');
        const close = document.querySelector('.stick-bar .stick-item .close');
        const onlineTip = document.querySelector('.stick-bar .stick-item .online-tip');
        const preview = document.querySelector('.stick-bar .stick-item.preview');
        const online = document.querySelector('.stick-bar .stick-item.online');
        const phone = document.querySelector('.phone-stick-bar .phone');
        const phonePreview = document.querySelector('.phone-stick-bar .preview');
        const phoneOnline = document.querySelector('.phone-stick-bar .online');
        platformItems.forEach((item, index) => {
            item.addEventListener('mouseover', function() {
                // 移除其他 item 的 active 类
                platformItems.forEach(i => i.classList.remove('active'));
                // 为当前点击的 item 添加 active 类
                this.classList.add('active');

                // 隐藏所有内容
                contents.forEach(c => c.classList.remove('active'));
                // 显示对应的内容
                contents[index].classList.add('active');
            });
        });

        seeAllButton.addEventListener('click', function() {
            seeAllContent.classList.toggle('active');
            if (seeAllContent.classList.contains('active')) {
                seeAllText.textContent = '收起';
                arrow.style.transform = 'rotate(180deg)';
                seeAllContent.classList.add('active');
            } else {
                seeAllText.textContent = '查看全部功能';
                arrow.style.transform = 'rotate(0deg)';
                seeAllContent.classList.remove('active');
            }
        });
        seeAllContent.addEventListener('transitionend', () => {
            if (!seeAllContent.classList.contains('active')) {
                seeAllContent.style.padding = '0'; 
                seeAllContent.style.border = '0';
            }
        });
        seeAllContent.addEventListener('transitionstart', () => {
            if(seeAllContent.classList.contains('active')){
                seeAllContent.style.padding = 'calc(24/1920*100vw)';
                seeAllContent.style.border = 'calc(1/1920*100vw) solid #bbc1d5';
            }
        });
        cooperation.addEventListener('click', function(){
            cooperation.classList.add('active');
            cooperationLink.classList.add('active');
            linkTip.classList.remove('active');
            linkTipLink.classList.remove('active');
        });
        linkTip.addEventListener('click', function(){
            cooperation.classList.remove('active');
            cooperationLink.classList.remove('active');
            linkTip.classList.add('active');
            linkTipLink.classList.add('active');
        });
        itemTitles.forEach(title => {
            title.addEventListener('click', function() {
                // 获取对应的内容区域
                const parentElement = this.parentElement;
                // 找到第一个包含 'items' 的 div 元素
                const content = parentElement.querySelector('div[class*="-items"]');
                const more = this.querySelector('.more');
                
                // 切换显示/隐藏
                if (content.style.display === 'none' || !content.style.display) {
                    content.style.display = 'flex';
                    content.style.flexDirection = 'column';
                    more.textContent = '-';
                } else {
                    content.style.display = 'none';
                    more.textContent = '+';
                }
            });
        });
        close.addEventListener('click', function(e){
            e.stopPropagation();
            this.parentElement.style.display = 'none';
        });
        onlineTip.addEventListener('click', function(e){
            e.stopPropagation();
            window.open('http://affim.baidu.com/cps/chat?siteId=11304762&userId=24629801&siteToken=f43566f0fbfc7bdef867292bcb34e4c2&cp=https%3A%2F%2Fwww.eccang.com&cr=sembd-yc01&cw=gaojiyangshi-zixunzujian', '_blank');
        });
        // 轮播功能
        const bannerWrapper = document.querySelector('.banner-wrapper');
        const dots = document.querySelectorAll('.dot');
        const bannerContainer = document.querySelector('.banner-container');
        const banners = document.querySelectorAll('.banner');
        const bannerSingle = document.querySelector('.banner-single img.banner-single-img');
        let currentIndex = 0;
        let autoSlideTimer;
        function stopAutoSlide() {
            if (autoSlideTimer) {
                clearInterval(autoSlideTimer);
                autoSlideTimer = null;
            }
        }
        function startAutoSlide() {
            stopAutoSlide(); // 确保只有一个定时器在运行
            autoSlideTimer = setInterval(nextSlide, 5000);
        }
        const setupInfiniteScroll = () => {
            const firstBannerClone = banners[0].cloneNode(true);
            const lastBannerClone = banners[banners.length - 1].cloneNode(true);
            bannerWrapper.appendChild(firstBannerClone);
            bannerWrapper.insertBefore(lastBannerClone, banners[0]);
            bannerWrapper.style.transform = `translateX(-100%)`;
        };
        let totalBanners;
        function slideToWithTransition(index) {
            bannerWrapper.style.transition = 'transform 0.5s ease';
            bannerWrapper.style.transform = `translateX(-${(index + 1) * 100}%)`;
            updateDots(index);
        }
        function slideToWithoutTransition(index) {
            bannerWrapper.style.transition = 'none';
            bannerWrapper.style.transform = `translateX(-${(index + 1) * 100}%)`;
        }
        function updateDots(index) {
            const actualIndex = index % banners.length;
            dots.forEach((dot, i) => {
                dot.classList.toggle('active', i === actualIndex);
            });
        }
        function nextSlide() {
            currentIndex++;
            slideToWithTransition(currentIndex);
        }
        function prevSlide() {
            currentIndex--;
            slideToWithTransition(currentIndex);
        }
        function handleTransitionEnd() {
            if (currentIndex >= banners.length) {
                currentIndex = 0;
                slideToWithoutTransition(currentIndex);
            }
            else if (currentIndex < 0) {
                currentIndex = banners.length - 1;
                slideToWithoutTransition(currentIndex);
            }
        }
        function initCarousel() {
            setupInfiniteScroll();
            totalBanners = document.querySelectorAll('.banner').length;
            bannerWrapper.addEventListener('transitionend', handleTransitionEnd);
            dots.forEach((dot, index) => {
                dot.addEventListener('click', () => {
                    currentIndex = index;
                    slideToWithTransition(currentIndex);
                    // 重置自动轮播计时器
                    startAutoSlide();
                });
            });
            bannerContainer.addEventListener('mouseenter', stopAutoSlide);
            bannerContainer.addEventListener('mouseleave', startAutoSlide);
            let touchStartX = 0;
            let touchEndX = 0;
            bannerContainer.addEventListener('touchstart', (e) => {
                touchStartX = e.changedTouches[0].screenX;
                stopAutoSlide();
            }, { passive: false });
            bannerContainer.addEventListener('touchend', (e) => {
                touchEndX = e.changedTouches[0].screenX;
                const difference = touchStartX - touchEndX;
                if (difference > 50) {
                    nextSlide();
                } 
                else if (difference < -50) {
                    prevSlide();
                }
                startAutoSlide();
            }, { passive: true });
            startAutoSlide();
        }
        initCarousel();
        const handleBackToTopVisibility = () => {
            if (!backToTop) return;
            if (window.scrollY > 500) {
                backToTop.classList.add('show');
            } else {
                backToTop.classList.remove('show');
            }
        };
        window.addEventListener('scroll', handleBackToTopVisibility, { passive: true });
        handleBackToTopVisibility();
        backToTop && backToTop.addEventListener('click', () => {
            window.scrollTo({ top: 0, behavior: 'smooth' });
        });
        bannerSingle.addEventListener('click', function(){
            window.open('http://www.aya3d.com/third/seller-sprite/coupon?AxEqmLK/aFV2Cp+8WgG6L7Cd1LOBfrGPwCxnd8so1bk=', '_blank');
        });
        preview.addEventListener('click', function(){
            window.open('http://www.eccang.com/appointment_order.html', '_blank');
        });
        online.addEventListener('click', function(){
            window.open('http://affim.baidu.com/cps/chat?siteId=11304762&userId=24629801&siteToken=f43566f0fbfc7bdef867292bcb34e4c2&cp=https%3A%2F%2Fwww.eccang.com&cr=sembd-yc01&cw=gaojiyangshi-zixunzujian', '_blank');
        });
        phone.addEventListener('click', function(){
            const phoneNumber = '13352937170';
            const phoneLink = `tel:${phoneNumber}`;
            window.location.href = phoneLink;
        });
        phonePreview.addEventListener('click', function(){
            window.open('http://www.eccang.com/appointment_order.html', '_blank');
        });
    });
</script>
<style>
    *{
        box-sizing: border-box;
            margin: 0;
            padding: 0;
    }
    a{
        all: unset;
        cursor: pointer;
    }
    .container{
        width: calc(1920/1920*100vw);
        .title{
                font-size: calc(42/1920*100vw);
                font-weight: 600;
                margin-bottom: calc(25/1920*100vw);
                @media (max-width: 768px) {
                    font-size: calc(24/390*100vw);
                    margin-bottom: calc(25/390*100vw);
                }
        }
        .line{
                width: calc(64/1920*100vw);
                height: calc(5/1920*100vw);
                background-color: #207DFF;
                margin-bottom: calc(48/1920*100vw);
                @media (max-width: 768px) {
                    width: calc(32/390*100vw);
                    height: calc(2/390*100vw);
                    margin-bottom: calc(24/390*100vw);
                }
        }  
        .button{
            display: flex;
            align-items: center;
            gap: calc(16/1920*100vw);
        }
        .arrow{
            width: calc(20/1920*100vw) !important;
            height: calc(20/1920*100vw) !important;
            z-index: 10;
            @media (max-width: 768px) {
                width: calc(10/390*100vw) !important;
                height: calc(10/390*100vw) !important;
            }
        }
        .banner-container {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: calc(663/1920*100vw);
            /* 添加以下样式 */
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: pan-y;
            /* 结束添加 */
            @media (max-width: 768px) {
                height: calc(230/390*100vw);
            }
        }
        .banner-wrapper {
            display: flex;
            transition: transform 0.5s ease;
            height: 100%;
        }
        .banner {
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: start;
            min-width: 100%;
            height: 100%;
            flex-shrink: 0;
            @media (max-width: 768px) {
                width: 50%;
            }
        }
        .banner img{
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: -1;
            @media (max-width: 768px) {
                height: 100%;
                object-position: center;
            }
        }
        .banner-single img.banner-single-img{
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 1; /* 确保这个图片的z-index比其他元素高，可以被点击 */
            cursor: pointer; /* 添加鼠标指针样式 */
            @media (max-width: 768px) {
                object-fit: fill;
            }
        }
        .banner-dots {
            position: absolute;
            bottom: calc(20/1920*100vw);
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: calc(10/1920*100vw);
            z-index: 10;
            @media (max-width: 768px) {
                bottom: calc(10/390*100vw);
                gap: calc(5/390*100vw);
            }
        }
        .dot {
            width: calc(12/1920*100vw);
            height: calc(12/1920*100vw);
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: background-color 0.3s;
            @media (max-width: 768px) {
                width: calc(8/390*100vw);
                height: calc(8/390*100vw);
            }
        }
        .dot.active {
            background-color: white;
        }
        .banner-single .left-content{
            margin-left: calc(85/1920*100vw);
            position: relative;
            z-index: 2; /* 确保内容在图片上方 */
        }
        .left-content{
            width: calc(600/1920*100vw);
            display: flex;
            flex-direction: column;
            margin-left: calc(332/1920*100vw);
            @media (max-width: 768px) {
                width: calc(200/390*100vw);
                margin-left: calc(20/390*100vw);
            }
            .logo{
                margin-top: calc(12/1920*100vw);
                margin-bottom:calc(155/1920*100vw);
                @media (max-width: 768px) {
                    margin-top: calc(15/390*100vw);
                    margin-bottom:calc(50/390*100vw);
                }
                img{
                    width: calc(172/1920*100vw);
                    height: calc(43/1920*100vw);
                    object-fit: contain;
                    @media (max-width: 768px) {
                        width: calc(86/390*100vw);
                        height: calc(21.5/390*100vw);
                    }
                }
                .logo-text{
                    font-size: calc(28/1920*100vw);
                    font-weight: 600;
                }
        }
        .info {
            .top-tip {
                    box-sizing: border-box;
                    width:calc(210/1920*100vw);
                    padding: calc(5/1920*100vw) calc(22/1920*100vw);
                    font-size: calc(24/1920*100vw);
                    color:#207DFF;
                    text-align: center;
                    background-color: white;
                    border-radius: calc(23/1920*100vw);
                    border-bottom-left-radius: 0;
                    @media (max-width: 768px) {
                        width:calc(100/390*100vw);
                        padding: calc(2/390*100vw) calc(10/390*100vw);
                        font-size: calc(12/390*100vw);
                        border-radius: calc(15/390*100vw);
                        border-bottom-left-radius: 0;
                    }
                }
                .title{
                    font-size: calc(48/1920*100vw);
                    font-weight: 600;
                    color: white;
                    margin: calc(13/1920*100vw) 0;
                    line-height: 120%;
                    @media (max-width: 768px) {
                        font-size: calc(15/390*100vw);
                        margin: calc(6/390*100vw) 0;
                    }
                }
                .sub-title{
                    font-size: calc(24/1920*100vw);
                    color: white;
                    line-height: 120%;
                    margin-bottom: calc(64/1920*100vw);
                    @media (max-width: 768px) {
                        display: relative;
                        width: calc(300/390*100vw);
                        font-size: calc(12/390*100vw);
                        margin-bottom: calc(32/390*100vw);
                    }
                }
            }
            .button-open{
                display: flex;
                justify-content: center;
                align-items: center;
                width: calc(156/1920*100vw);
                height: calc(48/1920*100vw);
                background-color: #2A68FF;
                color: white;
                border-radius: calc(24/1920*100vw);
                cursor: pointer;
                font-size: calc(18/1920*100vw);
                @media (max-width: 768px) {
                    width: calc(100/390*100vw);
                    height: calc(30/390*100vw);
                    border-radius: calc(15/390*100vw);
                    font-size: calc(14/390*100vw);
                }
            }
        }
        .right-content{
            display: flex;
            justify-content: end;
            align-items: center;
            margin-right: calc(388/1920*100vw);
            margin-top: calc(12/1920*100vw);
            gap: calc(23/1920*100vw);
            @media (max-width: 768px) {
                margin-right: calc(10/390*100vw);
                margin-top: calc(10/390*100vw);
                gap: calc(12/390*100vw);
            }
            .button-login{
                cursor: pointer;
                font-size: calc(16/1920*100vw);
                color: #fff;
                @media (max-width: 768px) {
                    font-size: calc(14/390*100vw);
                }
            }
            .button-register{
                display: flex;
                justify-content: center;
                align-items: center;
                width: calc(106/1920*100vw);
                height: calc(42/1920*100vw);
                background-color: #2A68FF;
                color: white;
                border-radius: calc(24/1920*100vw);
                cursor: pointer;
                font-size: calc(16/1920*100vw);
                @media (max-width: 768px) {
                    font-size: calc(14/390*100vw);
                    width: calc(80/390*100vw);
                    height: calc(30/390*100vw);
                    border-radius: calc(15/390*100vw);
                }
            }
        }
        
        /* 为banner-single的right-content添加z-index */
        .banner-single .right-content {
            position: relative;
            z-index: 2; /* 设置z-index大于图片 */
        }
        
        .applicable-people{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            padding: calc(100/1920*100vw) 0;
            background-color: #f9fbff;;
            @media (max-width: 768px) {
                padding: calc(50/390*100vw) 0;
            }
            .peoples{
                display: flex;
                gap: calc(24/1920*100vw);
                @media (max-width: 768px) {
                    flex-wrap: wrap;
                    justify-content: center;
                    gap: calc(12/390*100vw);
                }
                .people{
                    display: flex;
                    box-sizing: border-box;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    width: calc(220/1920*100vw);
                    height: calc(250/1920*100vw);
                    padding: calc(42/1920*100vw) calc(50/1920*100vw);
                    background-color: white;
                    border-radius: calc(12/1920*100vw);
                    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
                    @media (max-width: 768px) {
                        width: calc(160/390*100vw);
                        height: calc(180/390*100vw);
                        padding: calc(32/390*100vw) calc(40/390*100vw);
                        border-radius: calc(12/390*100vw);
                    }
                    img{
                        width: calc(120/1920*100vw);
                        margin-bottom: calc(13/1920*100vw);
                        @media (max-width: 768px) {
                            width: calc(80/390*100vw);
                            margin-bottom: calc(8/390*100vw);
                        }
                    }
                    .name{
                        font-size: calc(24/1920*100vw);
                        @media (max-width: 768px) {
                            font-size: calc(16/390*100vw);
                        }
                    }
                }
            }
        }
        .advantage{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            box-sizing: border-box;
            padding: calc(100/1920*100vw) calc(360/1920*100vw);
            @media (max-width: 768px) {
                padding: calc(50/390*100vw) calc(20/390*100vw);
            }
            .advantage-list{
                display: flex;
                gap: calc(24/1920*100vw);
                flex-wrap: wrap;
                @media (max-width: 768px) {
                    justify-content: center;
                    gap: calc(12/390*100vw);
                }
                .advantage-item{
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    box-sizing: border-box;
                    width: calc(384/1920*100vw);
                    height: calc(279/1920*100vw);
                    padding: 0 calc(32/1920*100vw);
                    border-radius: calc(12/1920*100vw);
                    background-color: #F4F7FC;
                    @media (max-width: 768px) {
                        width: calc(160/390*100vw);
                        height: calc(180/390*100vw);
                        padding: calc(32/390*100vw) calc(20/390*100vw);
                        border-radius: calc(12/390*100vw);
                    }
                    img{
                        width: calc(80/1920*100vw);
                        @media screen and (max-width: 768px) {
                            width: calc(40/390*100vw);
                        }
                    }
                    .name{
                        margin:calc(13/1920*100vw) 0;
                        font-size: calc(28/1920*100vw);
                        @media screen and (max-width: 768px) {
                            font-size: calc(16/390*100vw);
                            margin:calc(8/390*100vw) 0;
                        }
                    }
                    .sub-name{
                        font-size: calc(18/1920*100vw);
                        color: #4D4D4D;
                        @media screen and (max-width: 768px) {
                            font-size: calc(10/390*100vw);
                        }
                    }
                }
            }
        }
        .why-us{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            background-color: #F9FBFF;
            padding-top: calc(100/1920*100vw);
                @media (max-width: 768px) {
                    padding-top: calc(50/390*100vw);
                }
            .reason-list {
                display: flex;
                justify-content: space-between;
                width: 100%;
                height: calc(448/1920*100vw);
                z-index: 1;
                @media (max-width: 768px) {
                    flex-wrap: wrap;
                    justify-content: center;
                    gap: calc(12/390*100vw);
                    height: calc(630/390*100vw);
                }
                .reason-item{
                    position: relative;
                    width: calc(382/1920*100vw);
                    padding: 0 calc(45/1920*100vw);
                    transition: background-color 0.3s, color 0.3s; 
                    @media (max-width: 768px) {
                        width: calc(160/390*100vw);
                        height: calc(180/390*100vw);
                        padding: 0 calc(20/390*100vw);
                    }
                    &:hover{
                        color: white;
                        background-color: rgba(34, 83, 182, 0.8);
                    }
                    &:hover .index {
                        color: white; 
                    }
                    &:hover .title{
                        color: white;
                    }
                    &:hover .description{
                        display: block;
                    }
                    &:hover .title{
                        display: none;
                    }
                    .description {
                        display: none; 
                        color: white; 
                        font-size: calc(24/1920*100vw);
                        @media (max-width: 768px) {
                            font-size: calc(12/390*100vw);
                        }
                    }
                    img{
                        position: absolute;
                        width: calc(382/1920*100vw);
                        height: calc(448/1920*100vw);
                        top: 0;
                        left: 0;
                        z-index: -1;
                        @media (max-width: 768px) {
                            width: calc(160/390*100vw);
                            height: calc(180/390*100vw);
                        }
                    }
                    .index{
                        margin-top: calc(55/1920*100vw);
                        margin-bottom: calc(24/1920*100vw);
                        font-size: calc(48/1920*100vw);
                        opacity: 0.5;
                        color: #ffffff;
                        font-weight: 600;
                        @media (max-width: 768px) {
                            font-size: calc(24/390*100vw);
                            margin-top: calc(20/390*100vw);
                            margin-bottom: calc(12/390*100vw);
                        }
                    }
                    .title{
                        font-size: calc(32/1920*100vw);
                        font-weight: normal;
                        color: #ffffff;
                        @media (max-width: 768px) {
                            font-size: calc(16/390*100vw);
                        }
                    }
                }
            }
        }
        .docking{
            position: relative;
            display: flex;
            align-items: center;
            flex-direction: column;
            width: calc(1920/1920*100vw);
            height: calc(594/1920*100vw);
            margin-top: calc(24/1920*100vw);
            top: 0;
            left: 0;
            @media (max-width: 768px) {
                width: 100%;
                height: calc(360/390*100vw);
                margin-top: calc(12/390*100vw);
            }
            img{
                position: absolute;
                width: 100%;
                height: auto;
                z-index: -1;
                @media (max-width: 768px) {
                    height: calc(360/390*100vw);
                }
            }
            .docking-title{
                margin-top: calc(84/1920*100vw);
                color: #fff;
                @media (max-width: 768px) {
                    margin-top: calc(40/390*100vw);
                }
            }
            .platforms{
                display: flex;
                width: calc(1200/1920*100vw);
                height: calc(225/1920*100vw);
                padding:0 calc(16/1920*100vw);
                @media (max-width: 768px) {
                    width: calc(350/390*100vw);
                    height: calc(150/390*100vw);
                    padding:0 calc(12/390*100vw);
                }
                .left{
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    color: #fff;
                    font-size: calc(18/1920*100vw);
                    width: calc(240/1920*100vw);
                    height: 100%;
                    background-color: rgba(255, 255, 255, 0.2);
                    border-top-left-radius: calc(12/1920*100vw);
                    border-bottom-left-radius: calc(12/1920*100vw);
                    backdrop-filter: blur(27.2px);
                    @media (max-width: 768px) {
                        width: calc(100/390*100vw);
                        height: calc(150/390*100vw);
                        border-top-left-radius: calc(12/390*100vw);
                        border-bottom-left-radius: calc(12/390*100vw);
                        font-size: calc(12/390*100vw);
                        padding: 0 calc(12/390*100vw);
                    }
                    .platform-item{
                        width: 100%;
                        height: calc(48/1920*100vw);
                        padding: calc(12/1920*100vw) calc(36/1920*100vw);
                        @media (max-width: 768px) {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            height: calc(30/390*100vw);
                            padding: calc(0/390*100vw) calc(5/390*100vw);
                            width: calc(100/390*100vw);
                        }
                    }
                    .platform-item.active{
                        position: relative;
                        background-color: rgba(255, 255, 255, 0.1);
                    }
                    .platform-item.active::before {
                        content: ""; 
                        position: absolute; 
                        left: 0; 
                        top: 0;
                        height: calc(48/1920*100vw);
                        width: calc(3/1920*100vw); 
                        background-color: white; 
                        @media (max-width: 768px) {
                            height: 0;
                            width: 0;
                        }
                    }
                }
                .right{
                    display: flex;
                    align-items: center;
                    flex: 1;
                    height: calc(225/1920*100vw);
                    background-color: rgba(255, 255, 255, 0.2);
                    border-top-right-radius: calc(12/1920*100vw);
                    border-bottom-right-radius: calc(12/1920*100vw);
                    backdrop-filter: blur(43.52px);
                    @media (max-width: 768px) {
                        height: calc(150/390*100vw);
                        border-top-right-radius: calc(12/390*100vw);
                        border-bottom-right-radius: calc(12/390*100vw);
                    }
                    .content{
                        display: none;
                        justify-content: center;
                        align-items: center;
                        margin-left: calc(42/1920*100vw);
                        height: calc(80/1920*100vw);
                        img{
                            position: relative;
                            width: calc(80/1920*100vw);
                            margin-right: calc(16/1920*100vw);
                            @media (max-width: 768px) {
                                width: calc(50/390*100vw);
                                margin: 0;
                                height: calc(50/390*100vw);
                            }
                        }
                        .info{
                            @media (max-width: 768px) {
                                display: flex;
                                flex-direction: column;
                                justify-content: center;
                                align-items: center;
                            }
                            .info-title{
                                font-size: calc(28/1920*100vw);
                                font-weight: 600;
                                color: #fff;
                                margin-bottom: calc(8/1920*100vw);
                                @media (max-width: 768px) {
                                    font-size: calc(16/390*100vw);
                                    margin-bottom: calc(4/390*100vw);
                                    margin-top: calc(10/390*100vw);
                                }
                            }
                            .info-description{
                                font-size: calc(20/1920*100vw);
                                color: #fff;
                                @media (max-width: 768px) {
                                    font-size: calc(12/390*100vw);
                                    padding: 0 calc(20/390*100vw);
                                    text-align: center;
                                }
                            }
                        }
                    }
                    .content.active{
                        display: flex;
                        @media (max-width: 768px) {
                            flex-direction: column;
                            margin-left: 0;
                        }
                    }
                }
            }
            .button-get{
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0 calc(36/1920*100vw);
                height: calc(41/1920*100vw);
                margin-top: calc(39/1920*100vw);
                font-size: calc(16/1920*100vw);
                color: #3073FF;
                background-color: #fff;
                border-radius: calc(22/1920*100vw);
                padding: calc(10/1920*100vw) calc(36/1920*100vw);
                cursor: pointer;
                @media (max-width: 768px) {
                    height: calc(30/390*100vw);
                    font-size: calc(12/390*100vw);
                    border-radius: calc(16/390*100vw);
                    padding: calc(10/390*100vw) calc(20/390*100vw);
                    margin-top: calc(20/390*100vw);
                }
            }
        }
        .function-overview{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            padding-top: calc(100/1920*100vw);
            @media (max-width: 768px) {
                padding-top: calc(50/390*100vw);
            }
            .line{
                margin-bottom: calc(20/1920*100vw);
                @media (max-width: 768px) {
                    margin-bottom: calc(20/390*100vw);
                }
            }
            .sub-title{
                font-size: calc(20/1920*100vw);
                color: #404146;
                @media (max-width: 768px) {
                    font-size: calc(12/390*100vw);
                }
            }
            .content{
                display: flex;
                width: 100%;
                justify-content: space-between;
                padding: calc(49/1920*100vw) calc(361/1920*100vw);
                @media (max-width: 768px) {
                    padding: calc(10/390*100vw) calc(5/390*100vw);
                }
                .menu,.free,.professional{
                    width: calc(283/1920*100vw);
                    border-radius: calc(11/1920*100vw);
                    @media (max-width: 768px) {
                        width: calc(125/390*100vw);
                        border-radius: calc(11/390*100vw);
                    }
                    .top{
                        display: flex;
                        align-items: center;
                        padding-left: calc(36/1920*100vw);
                        font-size: calc(20/1920*100vw);
                        width: 100%;
                        height: calc(163/1920*100vw);
                        background-color: #fff;
                        border-radius: calc(11/1920*100vw) calc(11/1920*100vw) 0 0;
                        font-weight: 600;
                        @media (max-width: 768px) {
                            height: calc(100/390*100vw);
                            font-size: calc(12/390*100vw);
                            padding-left: calc(20/390*100vw);
                            border-radius: calc(11/390*100vw) calc(11/390*100vw) 0 0;
                        }
                    }
                    .bottom{
                        display: flex;
                        flex-direction: column;
                        .item{
                            display: flex;
                            align-items: center;
                            padding-left: calc(36/1920*100vw);
                            font-size: calc(16/1920*100vw);
                            width: 100%;
                            height: calc(60/1920*100vw);
                            background-color: #fff;
                            @media (max-width: 768px) {
                                height: calc(40/390*100vw);
                                font-size: calc(10/390*100vw);
                                padding-left: calc(20/390*100vw);
                            }
                            &:nth-child(odd){
                                background-color: #F6F8FC;
                            }
                            &:nth-child(even){
                                background-color: #fff;
                            }
                        }
                    }
                }
                .menu{
                    border: calc(1/1920*100vw) solid #bbc1d5;
                    .item{
                        &:last-child{
                            border-radius: 0 0 calc(11/1920*100vw) calc(11/1920*100vw);
                            @media (max-width: 768px) {
                                border-radius: 0 0 calc(11/390*100vw) calc(11/390*100vw);
                            }
                        }
                    }
                }
                .free,.professional{
                    width: calc(431/1920*100vw);
                    background-color: #fff;
                    @media (max-width: 768px) {
                        width: calc(120/390*100vw);
                    }
                    .top{
                        display: flex;
                        justify-content: center;
                        flex-direction: column;
                        align-items: center;
                        font-size: calc(20/1920*100vw);
                        font-weight: 600;
                        padding-left: 0;
                        color: #fff;
                        @media (max-width: 768px) {
                            font-size: calc(12/390*100vw);
                        }
                        img{
                            margin-bottom: calc(8/1920*100vw);
                            width: calc(42/1920*100vw);
                            @media (max-width: 768px) {
                                width: calc(20/390*100vw);
                                margin-bottom: calc(4/390*100vw);
                            }
                        }
                    }
                    .bottom{
                        border: calc(1/1920*100vw) solid #bbc1d5;
                        border-top: none;
                        border-radius: 0 0 calc(11/1920*100vw) calc(11/1920*100vw);
                        @media (max-width: 768px) {
                            border-radius: 0 0 calc(11/390*100vw) calc(11/390*100vw);
                        }
                        .item{
                            padding-left: 0;
                            justify-content: center;
                            &:last-child{
                                border-radius: 0 0 calc(11/1920*100vw) calc(11/1920*100vw);
                                @media (max-width: 768px) {
                                    border-radius: 0 0 calc(11/390*100vw) calc(11/390*100vw);
                                }
                            }
                        }
                    }
                }
                .free{
                    .top{
                        background: linear-gradient(180deg, #2988f7 0%, #4fbcff 100%);
                    }
                }
                .professional{
                    .top{
                        background: linear-gradient(180deg, #2953ff 0%, #3987ff 100%);
                    }
                }
            }
            .see-all{
                display: flex;
                justify-content: center;
                align-items: center;
                padding: calc(10/1920*100vw) calc(36/1920*100vw);
                height: calc(41/1920*100vw);
                font-size: calc(16/1920*100vw);
                color: #3073FF;
                border: calc(1/1920*100vw) solid #3073ff;
                border-radius: calc(22/1920*100vw);
                cursor: pointer;
                @media (max-width: 768px) {
                    height: calc(30/390*100vw);
                    font-size: calc(12/390*100vw);
                    border-radius: calc(16/390*100vw);
                    padding: calc(10/390*100vw) calc(20/390*100vw);
                    border: calc(1/390*100vw) solid #3073ff;
                }
            }
        }
        .see-all-content{
            display: flex;
            flex-direction: column;
            row-gap: calc(33/1920*100vw);
            width: calc(1200/1920*100vw);
            border-radius: calc(12/1920*100vw);
            margin:0 auto;
            margin-top: calc(48/1920*100vw);
            transition: height .5s ease;
            height: 0; 
            overflow: hidden;
            @media (max-width: 768px) {
                width: calc(350/390*100vw);
                row-gap: calc(20/390*100vw);
                margin-top: calc(20/390*100vw);
                border-radius: calc(12/390*100vw);
            }
            &.active{
                height: calc(2032/1920*100vw); 
                padding: calc(24/1920*100vw);
                border: calc(1/1920*100vw) solid #bbc1d5;
                @media (max-width: 768px) {
                    height: calc(1825/390*100vw);
                    padding: calc(20/390*100vw);
                    border-radius: calc(12/390*100vw);
                }
            }
            .content-item{
                .title{
                    display: flex;
                    justify-content: space-between;
                    width: 100%;
                    height: calc(24/1920*100vw);
                    margin-bottom: calc(16/1920*100vw);
                    @media (max-width: 768px) {
                        height: calc(20/390*100vw);
                        margin-bottom: calc(12/390*100vw);
                    }
                    .name{
                        font-size: calc(16/1920*100vw);
                        font-weight: 500;
                        color: #2A68FF; 
                        @media (max-width: 768px) {
                            font-size: calc(12/390*100vw);
                        }
                    }
                    .line{
                        flex: 1;
                        height: 50%;
                        border-bottom: calc(1/1920*100vw) solid #E8E9ED;
                        margin-left: calc(16/1920*100vw);
                        background-color:transparent;
                        margin-bottom: 0;
                        @media (max-width: 768px) {
                            margin-left: calc(12/390*100vw);
                            border-bottom: calc(1/390*100vw) solid #E8E9ED;
                        }
                    }
                }
                .sub-title{
                    margin-bottom: calc(12/1920*100vw);
                    font-size: calc(14/1920*100vw);
                    color: #1D1D1D;
                    @media (max-width: 768px) {
                        font-size: calc(12/390*100vw);
                        margin-bottom: calc(10/390*100vw);
                    }
                }
                .tags{
                    display: flex;
                    flex-wrap: wrap;
                    row-gap: calc(16/1920*100vw);
                    column-gap: calc(12/1920*100vw);
                    @media (max-width: 768px) {
                        row-gap: calc(12/390*100vw);
                        column-gap: calc(10/390*100vw);
                    }
                    .tag{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: calc(32/1920*100vw);
                        background-color: #EBECF0;
                        border-radius: calc(16/1920*100vw);
                        font-size: calc(14/1920*100vw);
                        padding: 0 calc(45/1920*100vw);
                        @media (max-width: 768px) {
                            height: calc(20/390*100vw);
                            border-radius: calc(16/390*100vw);
                            font-size: calc(12/390*100vw);
                            padding: 0 calc(30/390*100vw);
                        }
                    }
                }
                .fixed-width-tags{
                    .tag{
                        padding: 0;
                        width: calc(146/1920*100vw);
                        @media (max-width: 768px) {
                            width: calc(100/390*100vw);
                        }
                    }
                }
            }
        }
        .benefits{
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width:100%;
            height: calc(425/1920*100vw);
            margin-top: calc(50/1920*100vw);
            @media (max-width: 768px) {
                height: calc(380/390*100vw);
                margin-top: calc(20/390*100vw);
            }
            img{
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: -1;
            }
            .info{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                .title{
                    font-size: calc(42/1920*100vw);
                    font-weight: 600;
                    color: #292A2F;
                    margin-bottom: calc(28/1920*100vw);
                    @media (max-width: 768px) {
                        font-size: calc(24/390*100vw);
                        margin-bottom: calc(20/390*100vw);
                    }
                }
                .description{
                    margin:0 auto;
                    width: calc(1084/1920*100vw);
                    font-size: calc(20/1920*100vw);
                    color: #505668;
                    margin-bottom: calc(28/1920*100vw);
                    text-align: center;
                    @media (max-width: 768px) {
                        width: calc(350/390*100vw);
                        font-size: calc(16/390*100vw);
                        margin-bottom: calc(20/390*100vw);
                    }
                }
                .button-get{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: calc(208/1920*100vw);
                    height: calc(52/1920*100vw);
                    font-size: calc(16/1920*100vw);
                    color: #fff;
                    background-color: #3073FF;
                    border-radius: calc(28/1920*100vw);
                    cursor: pointer;
                    @media (max-width: 768px) {
                        width: calc(150/390*100vw);
                        height: calc(40/390*100vw);
                        font-size: calc(12/390*100vw);
                        border-radius: calc(20/390*100vw);
                    }
                }
            }
        }
        .footer{
            display: flex;
            flex-direction: column;
            width: 100%;
            padding: 0 calc(360/1920*100vw);
            background-color: #14181E;
            @media (max-width: 768px) {
                padding: 0 calc(20/390*100vw);
            }
            .top-logo{
                box-sizing: content-box;
                display: flex;
                justify-content: space-between;
                align-items: center;
                height: calc(46/1920*100vw);
                margin-top: calc(12/1920*100vw);
                padding: calc(25/1920*100vw) 0;
                border-bottom: calc(1/1920*100vw) solid rgba(255, 255, 255, 0.28);
                @media (max-width: 768px) {
                    height: calc(20/390*100vw);
                    margin-top: calc(20/390*100vw);
                    margin-bottom: calc(10/390*100vw);
                    padding: 0;
                    border-bottom: none;
                }
                .logo{
                    width: calc(153/1920*100vw);
                    height: calc(46/1920*100vw);
                    @media (max-width: 768px) {
                        width: calc(100/390*100vw);
                        height: calc(30/390*100vw);
                    }
                }
                .contact-us{
                    display: flex;
                    color: #fff;
                    font-size: calc(14/1920*100vw);
                    .fixed,.mobile{
                        display: flex;
                        align-items: center;
                    }
                    .fixed-logo,.fixed-phone{
                        width: calc(20/1920*100vw);
                        height: calc(20/1920*100vw);
                    }
                    @media (max-width: 768px) {
                        display: none;
                    }
                }
            }
            .content{
                display: flex;
                margin-top: calc(28/1920*100vw);
                @media (max-width: 768px) {
                    display: flex;
                    flex-direction: column;
                }
                .left{
                    width: calc(274/1920*100vw);
                    height: calc(203/1920*100vw);
                    padding-right: calc(32/1920*100vw);
                    color: #fff;
                    font-size: calc(14/1920*100vw);
                    line-height: 180%;
                    @media (max-width: 768px) {
                        width: 100%;
                        height: auto;
                        padding-right:0;
                        font-size: calc(12/390*100vw);
                        border-bottom: calc(1/390*100vw) solid rgba(255, 255, 255, 0.28);
                        padding-bottom: calc(20/390*100vw);
                    }
                }
                .right{
                    display: flex;
                    margin-left: calc(46/1920*100vw);
                    column-gap: calc(80/1920*100vw);
                    @media (max-width: 768px) {
                        display: flex;
                        flex-direction: column;
                        margin-left: 0;
                        column-gap: 0;
                        margin-top: calc(20/390*100vw);
                    }
                    .items{
                        display: flex;
                        flex-direction: column;
                        .item-title{
                            font-size: calc(14/1920*100vw);
                            color: #fff;
                            margin-bottom: calc(22/1920*100vw);
                            .more{
                                display: none;
                            }
                            @media (max-width: 768px) {
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                margin-bottom: calc(10/390*100vw);
                                font-size: calc(12/390*100vw);
                                padding-bottom: calc(10/390*100vw);
                                border-bottom: calc(1/390*100vw) solid rgba(255, 255, 255, 0.28);
                                .more{
                                    display: block;
                                    font-size: calc(14/390*100vw);
                                    margin-right: calc(10/390*100vw);
                                }
                            }
                        }
                        .item{
                            font-size: calc(14/1920*100vw);
                            color: #B0B0B0;
                            margin-bottom: calc(10/1920*100vw);
                            @media (max-width: 768px) {
                                font-size: calc(12/390*100vw);
                                margin-bottom: calc(10/390*100vw);
                                margin-left: calc(20/390*100vw);
                            }
                        }
                        .item-img{
                            display: flex;
                            justify-content: space-between;
                            @media (max-width: 768px) {
                                display: flex;
                                justify-content: start;
                                column-gap: calc(20/390*100vw);
                            }
                            img{
                                width: calc(90/1920*100vw);
                                height: calc(90/1920*100vw);
                                @media (max-width: 768px) {
                                    width: calc(60/390*100vw);
                                    height: calc(60/390*100vw);
                                }
                            }
                        }
                        .remen-items,.ziyuan-items,.fuwu-items,.ec-items,.guanzhu-items{
                            display: block;
                        }
                        @media (max-width: 768px) {
                            .remen-items,.ziyuan-items,.fuwu-items,.ec-items,.guanzhu-items{
                                display: none;
                            }
                        }
                    }
                }
            }
            .bottom{
                display: flex;
                flex-direction: column;
                margin-top: calc(50/1920*100vw);
                border-top: calc(1/1920*100vw) solid rgba(255, 255, 255, 0.28);
                @media (max-width: 768px) {
                    border-top: none;
                }
                .top{
                    display: flex;
                    align-items: center;
                    justify-content: start;
                    font-size: calc(14/1920*100vw);
                    color: rgba(255, 255, 255, 0.7);
                    padding-top: calc(20/1920*100vw);
                    margin-bottom: calc(10/1920*100vw);
                    @media (max-width: 768px) {
                        font-size: calc(12/390*100vw);
                        padding-top: 0;
                        margin-bottom: calc(10/390*100vw);
                    }
                    .cooperation,.link-tip{
                        height: calc(25/1920*100vw);
                        margin-right: calc(10/1920*100vw);
                        white-space: nowrap;
                        cursor: pointer;
                        @media (max-width: 768px) {
                            height: calc(20/390*100vw);
                            margin-right: calc(10/390*100vw);
                        }
                        &.active{
                            border-bottom: calc(2/1920*100vw) solid #2A68FF;
                            @media (max-width: 768px) {
                                border-bottom: calc(2/390*100vw) solid #2A68FF;
                            }
                        }
                    }

                    div{
                        height: calc(25/1920*100vw);
                        border-bottom: calc(2/1920*100vw) solid transparent;
                        @media (max-width: 768px) {
                            height: calc(20/390*100vw);
                        }
                    }
                }
                .cooperation-link,.link-tip-link{
                    display: none;
                    flex-wrap: wrap;
                    column-gap: calc(10/1920*100vw);
                    cursor: pointer;
                    @media (max-width: 768px) {
                        column-gap: calc(10/390*100vw);
                    }
                    .item{
                        font-size: calc(14/1920*100vw);
                        color: #B0B0B0;
                        @media (max-width: 768px) {
                            font-size: calc(12/390*100vw);
                        }
                    }
                    &.active{
                        display: flex;
                    }
                }
            }
            .copyright{
                display: flex;
                justify-content: center;
                padding-top: calc(16/1920*100vw);
                margin-top: calc(20/1920*100vw);
                margin-bottom: calc(23/1920*100vw);
                border-top: calc(1/1920*100vw) solid rgba(255, 255, 255, 0.28);
                font-size: calc(14/1920*100vw);
                color: #B0B0B0;
                .jing{
                    width: calc(20/1920*100vw);
                    @media screen and (max-width: 768px) {
                        width: calc(10/390*100vw);
                    }
                }
                .copyright-text{
                    @media (max-width: 768px) {
                        text-align: center;
                    }
                }
                @media (max-width: 768px) {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    padding-top: calc(16/390*100vw);
                    margin-top: calc(20/390*100vw);
                    margin-bottom: calc(23/390*100vw);
                    font-size: calc(12/390*100vw);
                }
            }
        }
        .stick-bar{
            position: fixed;
            top: 50%;
            transform: translateY(-50%);
            right: calc(10/1920*100vw);
            width: calc(68/1920*100vw);
            background-color: #fff;
            border-radius: calc(8/1920*100vw);
            z-index: 100;
            @media (max-width: 768px) {
                display: none;
            }
            .stick-item{
                position: relative;
                width: 100%;
                height: calc(65/1920*100vw);
                cursor: pointer;
                color: #808080;
                text-align: center;
                font-size: calc(12/1920*100vw);
                padding: calc(8/1920*100vw) 0;
                &.back-to-top{
                    overflow: hidden;
                    height: 0;
                    padding: 0;
                    pointer-events: none;
                    transform: translateY(calc(6/1920*100vw));
                    transition: height .5s ease, transform .5s ease;
                }
                &.back-to-top.show{
                    height: calc(65/1920*100vw);
                    pointer-events: auto;
                    transform: translateY(0);
                    padding: calc(8/1920*100vw) 0;
                }
                img{
                    width: calc(26/1920*100vw);
                    height: calc(26/1920*100vw);
                }
                .online-tip{
                    position: absolute;
                    display: flex;
                    justify-content: space-between;
                    width: calc(165/1920*100vw);
                    background-color: #fff;
                    border-radius: calc(4/1920*100vw);
                    padding: calc(12/1920*100vw);
                    top:calc(10 /1920*100vw);
                    left: calc(-176/1920*100vw);
                    font-size: calc(14/1920*100vw);
                    &::after{
                        content: "";
                        position: absolute;
                        top: calc(8/1920*100vw);
                        right: calc(-8/1920*100vw);
                        width: 0;
                        height: 0;
                        border-left: calc(8/1920*100vw) solid #fff;
                        border-top: calc(8/1920*100vw) solid transparent;
                        border-bottom: calc(8/1920*100vw) solid transparent;
                    }
                }
                .phone-tip,.wechat-tip{
                    position: absolute;
                    display: none;
                    top: 0;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    background-color: rgba(255, 255, 255, 0.9);
                    border-radius: calc(4/1920*100vw);
                    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
                    line-height: calc(25/1920*100vw);
                    color:#333;
                }
                .phone-tip{
                    left: calc(-279/1920*100vw);
                    padding: calc(12/1920*100vw);
                    padding-right: calc(40/1920*100vw);
                    width: calc(268/1920*100vw);
                    height: calc(74/1920*100vw);
                    font-size: calc(10/1920*100vw);
                }
                .phone-tip img{
                    width: calc(15/1920*100vw);
                    height: calc(18/1920*100vw);
                    margin-left: calc(10/1920*100vw);
                }
                .wechat-tip{
                    left: calc(-182/1920*100vw);
                    width: calc(171/1920*100vw);
                    height: calc(232/1920*100vw);
                    font-size: calc(14/1920*100vw);
                    color:#333;
                    line-height: calc(25/1920*100vw);
                }
                .wechat-tip img{
                    width: calc(147/1920*100vw);
                    height: calc(147/1920*100vw);
                }
                &:hover .phone-tip, &:hover .wechat-tip{
                    display: flex;
                }
            }
        }
        .phone-stick-bar{
            position: fixed;
            bottom: 0;
            width: 100%;
            justify-content: space-between;
            margin:0 auto;
            padding: calc(10/390*100vw) calc(20/390*100vw);
            z-index: 1000;
            display: none;
            @media (max-width: 768px) {
                display: flex;
            }
            .phone-bar-item{
                width: 31.5%;
                height: calc(42/390*100vw);
                line-height: calc(42/390*100vw);
                text-align: center;
                font-size: calc(10/390*100vw);
                color: #fff;
                background-color: #008bff;
                cursor: pointer;
            }
        }
    }
</style>
</html>