Sunucu yanıtını kontrol edin
Sunucu yanıtı
NS kayıtları
Whois alanı
200 OK - ccfyq.com
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Server: nginx/1.22.1
Date: Wed, 28 May 2025 00:32:14 GMT
Content-Type: text/html
Content-Length: 161543
Last-Modified: Mon, 28 Apr 2025 08:51:59 GMT
Connection: keep-alive
ETag: "680f41af-27707"
Accept-Ranges: bytes
HTTP Kodu 200 OK
200 durum kodu, standart bir başarılı HTTP sunucu yanıtıdır. Bu, istemcinin isteğinin (örneğin, bir tarayıcıdan) başarıyla işlendiği ve sunucunun istenen verileri ilettiği anlamına gelir.
Kod 200 ne zaman kullanılır?
- Bir web sayfası yüklenirken
- Bir API yanıtı başarıyla alındığında
- Bir form veya başka bir HTTP isteği işlenirken
Kod 200 kullanıcı için ne anlama gelir?
Kullanıcı içeriği hatasız alır ve sayfa veya uygulama düzgün çalışır. Kod 200'e veri eşlik ediyorsa, tarayıcı veya program bunu işler ve kullanıcıya görüntüler.
GET / HTTP/1.1 Host: ccfyq.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<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" />
<meta name="google-site-verification" content="zq5NUhrO8Rkxm3T4h3pUG7BhRK_t2l1PaITcWWEmZOw" />
<meta name="google-site-verification" content="OaVZoIVxP5vZvBS4AQB0rXOBByKNke0NsvSD7uWmokM" />
<meta name="keywords" content="翻译，xx下载，翻译软件， 聊天翻译助手，自动翻译软件，whatsapp 翻译软件， telegram 翻译， AI翻译， twitter 翻译，贸易翻译, 实时翻译，即时翻译软件，跨境电商翻译，出海翻译软件，外贸翻译软件，中文翻译器" />
<meta property="title" content="CC翻译" />
<meta name="description" content="CC翻译-聊天翻译助手，凭借10年经验，为用户提供快速、专业、低价的实时消息翻译服务，轻松完成在线翻译，提升沟通效率"/>
<meta property="og:url" content="https://ccfyq.com" />
<meta property="og:image" content="assets/images/hero/hero-image.png">
<meta property="og:title" content="CC翻译"/>
<meta property="og:type" content="website">
<meta
name="og:description"
content="CC翻译-聊天翻译助手，仅需三步即可在线翻译,依托10年翻译翻译经验专注为用户提供快速、专业、低价的实时消息翻译服务"
/>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="CC翻译">
<meta name="twitter:description" content="支持免费试用，双向自动翻译，智能语音翻译，AI智能回复，支持全球200➕语种，稳定不卡中文">
<meta name="twitter:image" content="assets/images/hero/hero-image.png">
<meta name="twitter:site" content="@ccfyq888">
<title>
CC翻译-聊天翻译助手，仅需三步即可在线翻译,依托10年翻译翻译经验专注为用户提供快速、专业、低价的实时消息翻译服务
</title>
<style>
.online-customer-service {
position: fixed;
right: 60px;
bottom: 10vh;
width: 70px;
height: 70px;
background: linear-gradient(159deg, #496AEE 0%, #8487FF 100%);
box-shadow: 0px 2px 16px 0px #9CA2F3;
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
}
.online-customer-service-label {
font-weight: 400;
font-size: 12px;
color: #FFFFFF;
margin-top: 2px;
}
.online-customer-service-content {
display: none;
position: absolute;
top: -140px;
right: 60px;
width: 234px;
height: 297px;
background: #FFFFFF;
box-shadow: 0px 2px 14px 0px rgba(96,117,245,0.3);
border-radius: 8px;
padding: 20px 15px;
box-sizing: border-box;
}
.online-customer-service:hover .online-customer-service-content {
display: block;
}
.online-customer-service-content-item {
display: flex;
align-items: center;
text-decoration: none;
margin-bottom: 20px;
}
.online-customer-service-content-item img {
width: 70px;
margin-right: 13px;
object-fit: cover;
}
.item-info div:first-child {
font-weight: 500;
font-size: 12px;
color: #333333;
line-height: 17px;
}
.item-info div:first-child:hover {
color: #3C71E0;
}
.item-info div:nth-child(2) {
margin-top: 4px;
font-weight: 300;
font-size: 10px;
color: #999999;
line-height: 14px;
}
</style>
<link rel="canonical" href="https://www.ccfyq.com">
<link
rel="shortcut icon"
href="assets/images/favicon.png"
type="image/x-icon"
/>
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css" />
<link rel="stylesheet" href="assets/css/animate.css" />
<link rel="stylesheet" href="assets/css/tailwind.css" />
<link rel="stylesheet" href="assets/layui/css/layui.css" />
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NB7ZHHGS');</script>
<!-- End Google Tag Manager -->
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '3632399623562879');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=3632399623562879&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- ==== WOW JS ==== -->
<script src="assets/js/wow.min.js"></script>
<script src="assets/layui/layui.js"></script>
<script src="assets/js/jquery-3.7.1.js"></script>
<script>
new WOW().init();
</script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NB7ZHHGS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- ====== Navbar Section Start -->
<div
class="ud-header absolute left-0 top-0 z-40 flex w-full items-center bg-transparent"
>
<div class="container">
<div class="relative -mx-4 flex items-center justify-between">
<div class="w-60 max-w-full px-4">
<a href="index.html" class="navbar-logo block w-full py-5">
<img
src="assets/images/logo/logo-white.svg"
alt="cc翻译"
class="header-logo w-full"
/>
</a>
</div>
<div class="flex w-full items-center justify-between px-4">
<div>
<button
id="navbarToggler"
class="absolute right-4 top-1/2 block -translate-y-1/2 rounded-lg px-3 py-[6px] ring-primary focus:ring-2 lg:hidden"
>
<span
class="relative my-[6px] block h-[2px] w-[30px] bg-white"
></span>
<span
class="relative my-[6px] block h-[2px] w-[30px] bg-white"
></span>
<span
class="relative my-[6px] block h-[2px] w-[30px] bg-white"
></span>
</button>
<nav
id="navbarCollapse"
class="absolute right-4 top-full hidden w-full max-w-[250px] rounded-lg bg-white py-5 shadow-lg dark:bg-dark-2 lg:static lg:block lg:w-full lg:max-w-full lg:bg-transparent lg:px-4 lg:py-0 lg:shadow-none dark:lg:bg-transparent xl:px-6"
>
<ul class="blcok lg:flex 2xl:ml-20">
<li class="group relative">
<a
href="#home"
class="ud-menu-scroll mx-8 flex py-2 text-base font-medium text-dark group-hover:text-primary dark:text-white lg:mr-0 lg:inline-flex lg:px-0 lg:py-6 lg:text-white lg:group-hover:text-white lg:group-hover:opacity-70"
>
首页
</a>
</li>
<li class="group relative">
<a
href="#about"
class="ud-menu-scroll mx-8 flex py-2 text-base font-medium text-dark group-hover:text-primary dark:text-white lg:ml-7 lg:mr-0 lg:inline-flex lg:px-0 lg:py-6 lg:text-white lg:group-hover:text-white lg:group-hover:opacity-70 xl:ml-10"
>
关于我们
</a>
</li>
<li class="group relative">
<a
href="#pricing"
class="ud-menu-scroll mx-8 flex py-2 text-base font-medium text-dark group-hover:text-primary dark:text-white lg:ml-7 lg:mr-0 lg:inline-flex lg:px-0 lg:py-6 lg:text-white lg:group-hover:text-white lg:group-hover:opacity-70 xl:ml-10"
>
套餐价格
</a>
</li>
<li class="group relative">
<a
href="javascript:void(0)" target="_blank" onclick="window.open('https://catchat.lanzouw.com/b00tb1fmsd')"
class="ud-menu-scroll mx-8 flex py-2 text-base font-medium text-dark group-hover:text-primary dark:text-white lg:ml-7 lg:mr-0 lg:inline-flex lg:px-0 lg:py-6 lg:text-white lg:group-hover:text-white lg:group-hover:opacity-70 xl:ml-10"
>
软件下载
</a>
</li>
<li class="group relative">
<a href="javascript:void(0)" onclick="window.location.href='blog-grids.html'"
class="ud-menu-scroll mx-8 flex py-2 text-base font-medium text-dark group-hover:text-primary dark:text-white lg:ml-7 lg:mr-0 lg:inline-flex lg:px-0 lg:py-6 lg:text-white lg:group-hover:text-white lg:group-hover:opacity-70 xl:ml-10"
>
新闻博客
</a>
</li>
<li class="group relative">
<a href="javascript:void(0)" onclick="window.location.href='privacyPolicy.html'"
class="ud-menu-scroll mx-8 flex py-2 text-base font-medium text-dark group-hover:text-primary dark:text-white lg:ml-7 lg:mr-0 lg:inline-flex lg:px-0 lg:py-6 lg:text-white lg:group-hover:text-white lg:group-hover:opacity-70 xl:ml-10"
>
隐私政策
</a>
</li>
</ul>
</nav>
</div>
<div class="flex items-center justify-end pr-16 lg:pr-0">
<label
for="themeSwitcher"
class="inline-flex cursor-pointer items-center"
aria-label="themeSwitcher"
name="themeSwitcher"
>
<input
type="checkbox"
name="themeSwitcher"
id="themeSwitcher"
class="sr-only"
/>
<span class="block text-white dark:hidden">
<svg
class="fill-current"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.3125 1.50001C12.675 1.31251 12.0375 1.16251 11.3625 1.05001C10.875 0.975006 10.35 1.23751 10.1625 1.68751C9.93751 2.13751 10.05 2.70001 10.425 3.00001C13.0875 5.47501 14.0625 9.11251 12.975 12.525C11.775 16.3125 8.25001 18.975 4.16251 19.0875C3.63751 19.0875 3.22501 19.425 3.07501 19.9125C2.92501 20.4 3.15001 20.925 3.56251 21.1875C4.50001 21.75 5.43751 22.2 6.37501 22.5C7.46251 22.8375 8.58751 22.9875 9.71251 22.9875C11.625 22.9875 13.5 22.5 15.1875 21.5625C17.85 20.1 19.725 17.7375 20.55 14.8875C22.1625 9.26251 18.975 3.37501 13.3125 1.50001ZM18.9375 14.4C18.2625 16.8375 16.6125 18.825 14.4 20.0625C12.075 21.3375 9.41251 21.6 6.90001 20.85C6.63751 20.775 6.33751 20.6625 6.07501 20.55C10.05 19.7625 13.35 16.9125 14.5875 13.0125C15.675 9.56251 15 5.92501 12.7875 3.07501C17.5875 4.68751 20.2875 9.67501 18.9375 14.4Z"
/>
</svg>
</span>
<span class="hidden text-white dark:block">
<svg
class="fill-current"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_2172_3070)">
<path
d="M12 6.89999C9.18752 6.89999 6.90002 9.18749 6.90002 12C6.90002 14.8125 9.18752 17.1 12 17.1C14.8125 17.1 17.1 14.8125 17.1 12C17.1 9.18749 14.8125 6.89999 12 6.89999ZM12 15.4125C10.125 15.4125 8.58752 13.875 8.58752 12C8.58752 10.125 10.125 8.58749 12 8.58749C13.875 8.58749 15.4125 10.125 15.4125 12C15.4125 13.875 13.875 15.4125 12 15.4125Z"
/>
<path
d="M12 4.2375C12.45 4.2375 12.8625 3.8625 12.8625 3.375V1.5C12.8625 1.05 12.4875 0.637497 12 0.637497C11.55 0.637497 11.1375 1.0125 11.1375 1.5V3.4125C11.175 3.8625 11.55 4.2375 12 4.2375Z"
/>
<path
d="M12 19.7625C11.55 19.7625 11.1375 20.1375 11.1375 20.625V22.5C11.1375 22.95 11.5125 23.3625 12 23.3625C12.45 23.3625 12.8625 22.9875 12.8625 22.5V20.5875C12.8625 20.1375 12.45 19.7625 12 19.7625Z"
/>
<path
d="M18.1125 6.74999C18.3375 6.74999 18.5625 6.67499 18.7125 6.48749L19.9125 5.28749C20.25 4.94999 20.25 4.42499 19.9125 4.08749C19.575 3.74999 19.05 3.74999 18.7125 4.08749L17.5125 5.28749C17.175 5.62499 17.175 6.14999 17.5125 6.48749C17.6625 6.67499 17.8875 6.74999 18.1125 6.74999Z"
/>
<path
d="M5.32501 17.5125L4.12501 18.675C3.78751 19.0125 3.78751 19.5375 4.12501 19.875C4.27501 20.025 4.50001 20.1375 4.72501 20.1375C4.95001 20.1375 5.17501 20.0625 5.32501 19.875L6.52501 18.675C6.86251 18.3375 6.86251 17.8125 6.52501 17.475C6.18751 17.175 5.62501 17.175 5.32501 17.5125Z"
/>
<path
d="M22.5 11.175H20.5875C20.1375 11.175 19.725 11.55 19.725 12.0375C19.725 12.4875 20.1 12.9 20.5875 12.9H22.5C22.95 12.9 23.3625 12.525 23.3625 12.0375C23.3625 11.55 22.95 11.175 22.5 11.175Z"
/>
<path
d="M4.23751 12C4.23751 11.55 3.86251 11.1375 3.37501 11.1375H1.50001C1.05001 11.1375 0.637512 11.5125 0.637512 12C0.637512 12.45 1.01251 12.8625 1.50001 12.8625H3.41251C3.86251 12.8625 4.23751 12.45 4.23751 12Z"
/>
<path
d="M18.675 17.5125C18.3375 17.175 17.8125 17.175 17.475 17.5125C17.1375 17.85 17.1375 18.375 17.475 18.7125L18.675 19.9125C18.825 20.0625 19.05 20.175 19.275 20.175C19.5 20.175 19.725 20.1 19.875 19.9125C20.2125 19.575 20.2125 19.05 19.875 18.7125L18.675 17.5125Z"
/>
<path
d="M5.32501 4.125C4.98751 3.7875 4.46251 3.7875 4.12501 4.125C3.78751 4.4625 3.78751 4.9875 4.12501 5.325L5.32501 6.525C5.47501 6.675 5.70001 6.7875 5.92501 6.7875C6.15001 6.7875 6.37501 6.7125 6.52501 6.525C6.86251 6.1875 6.86251 5.6625 6.52501 5.325L5.32501 4.125Z"
/>
</g>
<defs>
<clipPath id="clip0_2172_3070">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
</span>
</label>
<div class="hidden sm:flex" id="loginBox">
<a href="signin.html"
class="loginBtn px-[22px] py-2 text-base font-medium text-white hover:opacity-70">
登录
</a>
<a href="signup.html"
class="signUpBtn rounded-md bg-white bg-opacity-20 px-6 py-2 text-base font-medium text-white duration-300 ease-in-out hover:bg-opacity-100 hover:text-dark">
注册
</a>
</div>
<div class="hidden sm:flex submenu-item group relative" id="userBox">
<i class="layui-icon loginBtn px-[22px] py-2 text-base font-medium text-white hover:opacity-70 cursor-pointer" style="font-size: 30px;"></i>
<div
class="submenu relative left-0 top-full hidden w-[250px] rounded-sm bg-white p-4 transition-[top] duration-300 group-hover:opacity-100 dark:bg-dark-2 lg:invisible lg:absolute lg:top-[110%] lg:block lg:opacity-0 lg:shadow-lg lg:group-hover:visible lg:group-hover:top-full"
>
<a href="javascript:void(0)" onclick="home.logout()"
class="block rounded px-4 py-[10px] text-sm text-body-color hover:text-primary dark:text-dark-6 dark:hover:text-primary">
退出登录
</a>
<a href="personalCenter.html"
class="block rounded px-4 py-[10px] text-sm text-body-color hover:text-primary dark:text-dark-6 dark:hover:text-primary">
个人中心
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ====== Navbar Section End -->
<!-- ====== Hero Section Start -->
<div
id="home"
class="relative overflow-hidden bg-primary pt-[120px] md:pt-[130px] lg:pt-[160px]"
>
<div class="container">
<div class="-mx-4 flex flex-wrap items-center">
<div class="w-full px-4">
<div
class="hero-content wow fadeInUp mx-auto max-w-[780px] text-center"
data-wow-delay=".2s"
>
<h1
class="mb-6 text-3xl font-bold leading-snug text-white sm:text-4xl sm:leading-snug lg:text-5xl lg:leading-[1.2]"
>
CC翻译-翻译畅联全球，打破语言壁垒的实时对话引擎
</h1>
<p
class="mx-auto mb-9 max-w-[600px] text-base font-medium text-white sm:text-lg sm:leading-[1.44]"
>
每0.3秒完成一次跨国商务洽谈的精准转化，让100+种语言的精准沟通发生在击键瞬间，10亿+字符翻译实战验证
</p>
</div>
</div>
<div class="w-full px-4">
<div
class="wow fadeInUp relative z-10 mx-auto max-w-[845px]"
data-wow-delay=".25s"
>
<div class="mt-16">
</div>
<div class="absolute -left-9 bottom-0 z-[-1]">
<svg
width="134"
height="106"
viewBox="0 0 134 106"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="1.66667"
cy="104"
r="1.66667"
transform="rotate(-90 1.66667 104)"
fill="white"
/>
<circle
cx="16.3333"
cy="104"
r="1.66667"
transform="rotate(-90 16.3333 104)"
fill="white"
/>
<circle
cx="31"
cy="104"
r="1.66667"
transform="rotate(-90 31 104)"
fill="white"
/>
<circle
cx="45.6667"
cy="104"
r="1.66667"
transform="rotate(-90 45.6667 104)"
fill="white"
/>
<circle
cx="60.3333"
cy="104"
r="1.66667"
transform="rotate(-90 60.3333 104)"
fill="white"
/>
<circle
cx="88.6667"
cy="104"
r="1.66667"
transform="rotate(-90 88.6667 104)"
fill="white"
/>
<circle
cx="117.667"
cy="104"
r="1.66667"
transform="rotate(-90 117.667 104)"
fill="white"
/>
<circle
cx="74.6667"
cy="104"
r="1.66667"
transform="rotate(-90 74.6667 104)"
fill="white"
/>
<circle
cx="103"
cy="104"
r="1.66667"
transform="rotate(-90 103 104)"
fill="white"
/>
<circle
cx="132"
cy="104"
r="1.66667"
transform="rotate(-90 132 104)"
fill="white"
/>
<circle
cx="1.66667"
cy="89.3333"
r="1.66667"
transform="rotate(-90 1.66667 89.3333)"
fill="white"
/>
<circle
cx="16.3333"
cy="89.3333"
r="1.66667"
transform="rotate(-90 16.3333 89.3333)"
fill="white"
/>
<circle
cx="31"
cy="89.3333"
r="1.66667"
transform="rotate(-90 31 89.3333)"
fill="white"
/>
<circle
cx="45.6667"
cy="89.3333"
r="1.66667"
transform="rotate(-90 45.6667 89.3333)"
fill="white"
/>
<circle
cx="60.3333"
cy="89.3338"
r="1.66667"
transform="rotate(-90 60.3333 89.3338)"
fill="white"
/>
<circle
cx="88.6667"
cy="89.3338"
r="1.66667"
transform="rotate(-90 88.6667 89.3338)"
fill="white"
/>
<circle
cx="117.667"
cy="89.3338"
r="1.66667"
transform="rotate(-90 117.667 89.3338)"
fill="white"
/>
<circle
cx="74.6667"
cy="89.3338"
r="1.66667"
transform="rotate(-90 74.6667 89.3338)"
fill="white"
/>
<circle
cx="103"
cy="89.3338"
r="1.66667"
transform="rotate(-90 103 89.3338)"
fill="white"
/>
<circle
cx="132"
cy="89.3338"
r="1.66667"
transform="rotate(-90 132 89.3338)"
fill="white"
/>
<circle
cx="1.66667"
cy="74.6673"
r="1.66667"
transform="rotate(-90 1.66667 74.6673)"
fill="white"
/>
<circle
cx="1.66667"
cy="31.0003"
r="1.66667"
transform="rotate(-90 1.66667 31.0003)"
fill="white"
/>
<circle
cx="16.3333"
cy="74.6668"
r="1.66667"
transform="rotate(-90 16.3333 74.6668)"
fill="white"
/>
<circle
cx="16.3333"
cy="31.0003"
r="1.66667"
transform="rotate(-90 16.3333 31.0003)"
fill="white"
/>
<circle
cx="31"
cy="74.6668"
r="1.66667"
transform="rotate(-90 31 74.6668)"
fill="white"
/>
<circle
cx="31"
cy="31.0003"
r="1.66667"
transform="rotate(-90 31 31.0003)"
fill="white"
/>
<circle
cx="45.6667"
cy="74.6668"
r="1.66667"
transform="rotate(-90 45.6667 74.6668)"
fill="white"
/>
<circle
cx="45.6667"
cy="31.0003"
r="1.66667"
transform="rotate(-90 45.6667 31.0003)"
fill="white"
/>
<circle
cx="60.3333"
cy="74.6668"
r="1.66667"
transform="rotate(-90 60.3333 74.6668)"
fill="white"
/>
<circle
cx="60.3333"
cy="31.0001"
r="1.66667"
transform="rotate(-90 60.3333 31.0001)"
fill="white"
/>
<circle
cx="88.6667"
cy="74.6668"
r="1.66667"
transform="rotate(-90 88.6667 74.6668)"
fill="white"
/>
<circle
cx="88.6667"
cy="31.0001"
r="1.66667"
transform="rotate(-90 88.6667 31.0001)"
fill="white"
/>
<circle
cx="117.667"
cy="74.6668"
r="1.66667"
transform="rotate(-90 117.667 74.6668)"
fill="white"
/>
<circle
cx="117.667"
cy="31.0001"
r="1.66667"
transform="rotate(-90 117.667 31.0001)"
fill="white"
/>
<circle
cx="74.6667"
cy="74.6668"
r="1.66667"
transform="rotate(-90 74.6667 74.6668)"
fill="white"
/>
<circle
cx="74.6667"
cy="31.0001"
r="1.66667"
transform="rotate(-90 74.6667 31.0001)"
fill="white"
/>
<circle
cx="103"
cy="74.6668"
r="1.66667"
transform="rotate(-90 103 74.6668)"
fill="white"
/>
<circle
cx="103"
cy="31.0001"
r="1.66667"
transform="rotate(-90 103 31.0001)"
fill="white"
/>
<circle
cx="132"
cy="74.6668"
r="1.66667"
transform="rotate(-90 132 74.6668)"
fill="white"
/>
<circle
cx="132"
cy="31.0001"
r="1.66667"
transform="rotate(-90 132 31.0001)"
fill="white"
/>
<circle
cx="1.66667"
cy="60.0003"
r="1.66667"
transform="rotate(-90 1.66667 60.0003)"
fill="white"
/>
<circle
cx="1.66667"
cy="16.3336"
r="1.66667"
transform="rotate(-90 1.66667 16.3336)"
fill="white"
/>
<circle
cx="16.3333"
cy="60.0003"
r="1.66667"
transform="rotate(-90 16.3333 60.0003)"
fill="white"
/>
<circle
cx="16.3333"
cy="16.3336"
r="1.66667"
transform="rotate(-90 16.3333 16.3336)"
fill="white"
/>
<circle
cx="31"
cy="60.0003"
r="1.66667"
transform="rotate(-90 31 60.0003)"
fill="white"
/>
<circle
cx="31"
cy="16.3336"
r="1.66667"
transform="rotate(-90 31 16.3336)"
fill="white"
/>
<circle
cx="45.6667"
cy="60.0003"
r="1.66667"
transform="rotate(-90 45.6667 60.0003)"
fill="white"
/>
<circle
cx="45.6667"
cy="16.3336"
r="1.66667"
transform="rotate(-90 45.6667 16.3336)"
fill="white"
/>
<circle
cx="60.3333"
cy="60.0003"
r="1.66667"
transform="rotate(-90 60.3333 60.0003)"
fill="white"
/>
<circle
cx="60.3333"
cy="16.3336"
r="1.66667"
transform="rotate(-90 60.3333 16.3336)"
fill="white"
/>
<circle
cx="88.6667"
cy="60.0003"
r="1.66667"
transform="rotate(-90 88.6667 60.0003)"
fill="white"
/>
<circle
cx="88.6667"
cy="16.3336"
r="1.66667"
transform="rotate(-90 88.6667 16.3336)"
fill="white"
/>
<circle
cx="117.667"
cy="60.0003"
r="1.66667"
transform="rotate(-90 117.667 60.0003)"
fill="white"
/>
<circle
cx="117.667"
cy="16.3336"
r="1.66667"
transform="rotate(-90 117.667 16.3336)"
fill="white"
/>
<circle
cx="74.6667"
cy="60.0003"
r="1.66667"
transform="rotate(-90 74.6667 60.0003)"
fill="white"
/>
<circle
cx="74.6667"
cy="16.3336"
r="1.66667"
transform="rotate(-90 74.6667 16.3336)"
fill="white"
/>
<circle
cx="103"
cy="60.0003"
r="1.66667"
transform="rotate(-90 103 60.0003)"
fill="white"
/>
<circle
cx="103"
cy="16.3336"
r="1.66667"
transform="rotate(-90 103 16.3336)"
fill="white"
/>
<circle
cx="132"
cy="60.0003"
r="1.66667"
transform="rotate(-90 132 60.0003)"
fill="white"
/>
<circle
cx="132"
cy="16.3336"
r="1.66667"
transform="rotate(-90 132 16.3336)"
fill="white"
/>
<circle
cx="1.66667"
cy="45.3336"
r="1.66667"
transform="rotate(-90 1.66667 45.3336)"
fill="white"
/>
<circle
cx="1.66667"
cy="1.66683"
r="1.66667"
transform="rotate(-90 1.66667 1.66683)"
fill="white"
/>
<circle
cx="16.3333"
cy="45.3336"
r="1.66667"
transform="rotate(-90 16.3333 45.3336)"
fill="white"
/>
<circle
cx="16.3333"
cy="1.66683"
r="1.66667"
transform="rotate(-90 16.3333 1.66683)"
fill="white"
/>
<circle
cx="31"
cy="45.3336"
r="1.66667"
transform="rotate(-90 31 45.3336)"
fill="white"
/>
<circle
cx="31"
cy="1.66683"
r="1.66667"
transform="rotate(-90 31 1.66683)"
fill="white"
/>
<circle
cx="45.6667"
cy="45.3336"
r="1.66667"
transform="rotate(-90 45.6667 45.3336)"
fill="white"
/>
<circle
cx="45.6667"
cy="1.66683"
r="1.66667"
transform="rotate(-90 45.6667 1.66683)"
fill="white"
/>
<circle
cx="60.3333"
cy="45.3338"
r="1.66667"
transform="rotate(-90 60.3333 45.3338)"
fill="white"
/>
<circle
cx="60.3333"
cy="1.66707"
r="1.66667"
transform="rotate(-90 60.3333 1.66707)"
fill="white"
/>
<circle
cx="88.6667"
cy="45.3338"
r="1.66667"
transform="rotate(-90 88.6667 45.3338)"
fill="white"
/>
<circle
cx="88.6667"
cy="1.66707"
r="1.66667"
transform="rotate(-90 88.6667 1.66707)"
fill="white"
/>
<circle
cx="117.667"
cy="45.3338"
r="1.66667"
transform="rotate(-90 117.667 45.3338)"
fill="white"
/>
<circle
cx="117.667"
cy="1.66707"
r="1.66667"
transform="rotate(-90 117.667 1.66707)"
fill="white"
/>
<circle
cx="74.6667"
cy="45.3338"
r="1.66667"
transform="rotate(-90 74.6667 45.3338)"
fill="white"
/>
<circle
cx="74.6667"
cy="1.66707"
r="1.66667"
transform="rotate(-90 74.6667 1.66707)"
fill="white"
/>
<circle
cx="103"
cy="45.3338"
r="1.66667"
transform="rotate(-90 103 45.3338)"
fill="white"
/>
<circle
cx="103"
cy="1.66707"
r="1.66667"
transform="rotate(-90 103 1.66707)"
fill="white"
/>
<circle
cx="132"
cy="45.3338"
r="1.66667"
transform="rotate(-90 132 45.3338)"
fill="white"
/>
<circle
cx="132"
cy="1.66707"
r="1.66667"
transform="rotate(-90 132 1.66707)"
fill="white"
/>
</svg>
</div>
<div class="absolute -right-6 -top-6 z-[-1]">
<svg
width="134"
height="106"
viewBox="0 0 134 106"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="1.66667"
cy="104"
r="1.66667"
transform="rotate(-90 1.66667 104)"
fill="white"
/>
<circle
cx="16.3333"
cy="104"
r="1.66667"
transform="rotate(-90 16.3333 104)"
fill="white"
/>
<circle
cx="31"
cy="104"
r="1.66667"
transform="rotate(-90 31 104)"
fill="white"
/>
<circle
cx="45.6667"
cy="104"
r="1.66667"
transform="rotate(-90 45.6667 104)"
fill="white"
/>
<circle
cx="60.3333"
cy="104"
r="1.66667"
transform="rotate(-90 60.3333 104)"
fill="white"
/>
<circle
cx="88.6667"
cy="104"
r="1.66667"
transform="rotate(-90 88.6667 104)"
fill="white"
/>
<circle
cx="117.667"
cy="104"
r="1.66667"
transform="rotate(-90 117.667 104)"
fill="white"
/>
<circle
cx="74.6667"
cy="104"
r="1.66667"
transform="rotate(-90 74.6667 104)"
fill="white"
/>
<circle
cx="103"
cy="104"
r="1.66667"
transform="rotate(-90 103 104)"
fill="white"
/>
<circle
cx="132"
cy="104"
r="1.66667"
transform="rotate(-90 132 104)"
fill="white"
/>
<circle
cx="1.66667"
cy="89.3333"
r="1.66667"
transform="rotate(-90 1.66667 89.3333)"
fill="white"
/>
<circle
cx="16.3333"
cy="89.3333"
r="1.66667"
transform="rotate(-90 16.3333 89.3333)"
fill="white"
/>
<circle
cx="31"
cy="89.3333"
r="1.66667"
transform="rotate(-90 31 89.3333)"
fill="white"
/>
<circle
cx="45.6667"
cy="89.3333"
r="1.66667"
transform="rotate(-90 45.6667 89.3333)"
fill="white"
/>
<circle
cx="60.3333"
cy="89.3338"
r="1.66667"
transform="rotate(-90 60.3333 89.3338)"
fill="white"
/>
<circle
cx="88.6667"
cy="89.3338"
r="1.66667"
transform="rotate(-90 88.6667 89.3338)"
fill="white"
/>
<circle
cx="117.667"
cy="89.3338"
r="1.66667"
transform="rotate(-90 117.667 89.3338)"
fill="white"
/>
<circle
cx="74.6667"
cy="89.3338"
r="1.66667"
transform="rotate(-90 74.6667 89.3338)"
fill="white"
/>
<circle
cx="103"
cy="89.3338"
r="1.66667"
transform="rotate(-90 103 89.3338)"
fill="white"
/>
<circle
cx="132"
cy="89.3338"
r="1.66667"
transform="rotate(-90 132 89.3338)"
fill="white"
/>
<circle
cx="1.66667"
cy="74.6673"
r="1.66667"
transform="rotate(-90 1.66667 74.6673)"
fill="white"
/>
<circle
cx="1.66667"
cy="31.0003"
r="1.66667"
transform="rotate(-90 1.66667 31.0003)"
fill="white"
/>
<circle
cx="16.3333"
cy="74.6668"
r="1.66667"
transform="rotate(-90 16.3333 74.6668)"
fill="white"
/>
<circle
cx="16.3333"
cy="31.0003"
r="1.66667"
transform="rotate(-90 16.3333 31.0003)"
fill="white"
/>
<circle
cx="31"
cy="74.6668"
r="1.66667"
transform="rotate(-90 31 74.6668)"
fill="white"
/>
<circle
cx="31"
cy="31.0003"
r="1.66667"
transform="rotate(-90 31 31.0003)"
fill="white"
/>
<circle
cx="45.6667"
cy="74.6668"
r="1.66667"
transform="rotate(-90 45.6667 74.6668)"
fill="white"
/>
<circle
cx="45.6667"
cy="31.0003"
r="1.66667"
transform="rotate(-90 45.6667 31.0003)"
fill="white"
/>
<circle
cx="60.3333"
cy="74.6668"
r="1.66667"
transform="rotate(-90 60.3333 74.6668)"
fill="white"
/>
<circle
cx="60.3333"
cy="31.0001"
r="1.66667"
transform="rotate(-90 60.3333 31.0001)"
fill="white"
/>
<circle
cx="88.6667"
cy="74.6668"
r="1.66667"
transform="rotate(-90 88.6667 74.6668)"
fill="white"
/>
<circle
cx="88.6667"
cy="31.0001"
r="1.66667"
transform="rotate(-90 88.6667 31.0001)"
fill="white"
/>
<circle
cx="117.667"
cy="74.6668"
r="1.66667"
transform="rotate(-90 117.667 74.6668)"
fill="white"
/>
<circle
cx="117.667"
cy="31.0001"
r="1.66667"
transform="rotate(-90 117.667 31.0001)"
fill="white"
/>
<circle
cx="74.6667"
cy="74.6668"
r="1.66667"
transform="rotate(-90 74.6667 74.6668)"
fill="white"
/>
<circle
cx="74.6667"
cy="31.0001"
r="1.66667"
transform="rotate(-90 74.6667 31.0001)"
fill="white"
/>
<circle
cx="103"
cy="74.6668"
r="1.66667"
transform="rotate(-90 103 74.6668)"
fill="white"
/>
<circle
cx="103"
cy="31.0001"
r="1.66667"
transform="rotate(-90 103 31.0001)"
fill="white"
/>
<circle
cx="132"
cy="74.6668"
r="1.66667"
transform="rotate(-90 132 74.6668)"
fill="white"
/>
<circle
cx="132"
cy="31.0001"
r="1.66667"
transform="rotate(-90 132 31.0001)"
fill="white"
/>
<circle
cx="1.66667"
cy="60.0003"
r="1.66667"
transform="rotate(-90 1.66667 60.0003)"
fill="white"
/>
<circle
cx="1.66667"
cy="16.3336"
r="1.66667"
transform="rotate(-90 1.66667 16.3336)"
fill="white"
/>
<circle
cx="16.3333"
cy="60.0003"
r="1.66667"
transform="rotate(-90 16.3333 60.0003)"
fill="white"
/>
<circle
cx="16.3333"
cy="16.3336"
r="1.66667"
transform="rotate(-90 16.3333 16.3336)"
fill="white"
/>
<circle
cx="31"
cy="60.0003"
r="1.66667"
transform="rotate(-90 31 60.0003)"
fill="white"
/>
<circle
cx="31"
cy="16.3336"
r="1.66667"
transform="rotate(-90 31 16.3336)"
fill="white"
/>
<circle
cx="45.6667"
cy="60.0003"
r="1.66667"
transform="rotate(-90 45.6667 60.0003)"
fill="white"
/>
<circle
cx="45.6667"
cy="16.3336"
r="1.66667"
transform="rotate(-90 45.6667 16.3336)"
fill="white"
/>
<circle
cx="60.3333"
cy="60.0003"
r="1.66667"
transform="rotate(-90 60.3333 60.0003)"
fill="white"
/>
<circle
cx="60.3333"
cy="16.3336"
r="1.66667"
transform="rotate(-90 60.3333 16.3336)"
fill="white"
/>
<circle
cx="88.6667"
cy="60.0003"
r="1.66667"
transform="rotate(-90 88.6667 60.0003)"
fill="white"
/>
<circle
cx="88.6667"
cy="16.3336"
r="1.66667"
transform="rotate(-90 88.6667 16.3336)"
fill="white"
/>
<circle
cx="117.667"
cy="60.0003"
r="1.66667"
transform="rotate(-90 117.667 60.0003)"
fill="white"
/>
<circle
cx="117.667"
cy="16.3336"
r="1.66667"
transform="rotate(-90 117.667 16.3336)"
fill="white"
/>
<circle
cx="74.6667"
cy="60.0003"
r="1.66667"
transform="rotate(-90 74.6667 60.0003)"
fill="white"
/>
<circle
cx="74.6667"
cy="16.3336"
r="1.66667"
transform="rotate(-90 74.6667 16.3336)"
fill="white"
/>
<circle
cx="103"
cy="60.0003"
r="1.66667"
transform="rotate(-90 103 60.0003)"
fill="white"
/>
<circle
cx="103"
cy="16.3336"
r="1.66667"
transform="rotate(-90 103 16.3336)"
fill="white"
/>
<circle
cx="132"
cy="60.0003"
r="1.66667"
transform="rotate(-90 132 60.0003)"
fill="white"
/>
<circle
cx="132"
cy="16.3336"
r="1.66667"
transform="rotate(-90 132 16.3336)"
fill="white"
/>
<circle
cx="1.66667"
cy="45.3336"
r="1.66667"
transform="rotate(-90 1.66667 45.3336)"
fill="white"
/>
<circle
cx="1.66667"
cy="1.66683"
r="1.66667"
transform="rotate(-90 1.66667 1.66683)"
fill="white"
/>
<circle
cx="16.3333"
cy="45.3336"
r="1.66667"
transform="rotate(-90 16.3333 45.3336)"
fill="white"
/>
<circle
cx="16.3333"
cy="1.66683"
r="1.66667"
transform="rotate(-90 16.3333 1.66683)"
fill="white"
/>
<circle
cx="31"
cy="45.3336"
r="1.66667"
transform="rotate(-90 31 45.3336)"
fill="white"
/>
<circle
cx="31"
cy="1.66683"
r="1.66667"
transform="rotate(-90 31 1.66683)"
fill="white"
/>
<circle
cx="45.6667"
cy="45.3336"
r="1.66667"
transform="rotate(-90 45.6667 45.3336)"
fill="white"
/>
<circle
cx="45.6667"
cy="1.66683"
r="1.66667"
transform="rotate(-90 45.6667 1.66683)"
fill="white"
/>
<circle
cx="60.3333"
cy="45.3338"
r="1.66667"
transform="rotate(-90 60.3333 45.3338)"
fill="white"
/>
<circle
cx="60.3333"
cy="1.66707"
r="1.66667"
transform="rotate(-90 60.3333 1.66707)"
fill="white"
/>
<circle
cx="88.6667"
cy="45.3338"
r="1.66667"
transform="rotate(-90 88.6667 45.3338)"
fill="white"
/>
<circle
cx="88.6667"
cy="1.66707"
r="1.66667"
transform="rotate(-90 88.6667 1.66707)"
fill="white"
/>
<circle
cx="117.667"
cy="45.3338"
r="1.66667"
transform="rotate(-90 117.667 45.3338)"
fill="white"
/>
<circle
cx="117.667"
cy="1.66707"
r="1.66667"
transform="rotate(-90 117.667 1.66707)"
fill="white"
/>
<circle
cx="74.6667"
cy="45.3338"
r="1.66667"
transform="rotate(-90 74.6667 45.3338)"
fill="white"
/>
<circle
cx="74.6667"
cy="1.66707"
r="1.66667"
transform="rotate(-90 74.6667 1.66707)"
fill="white"
/>
<circle
cx="103"
cy="45.3338"
r="1.66667"
transform="rotate(-90 103 45.3338)"
fill="white"
/>
<circle
cx="103"
cy="1.66707"
r="1.66667"
transform="rotate(-90 103 1.66707)"
fill="white"
/>
<circle
cx="132"
cy="45.3338"
r="1.66667"
transform="rotate(-90 132 45.3338)"
fill="white"
/>
<circle
cx="132"
cy="1.66707"
r="1.66667"
transform="rotate(-90 132 1.66707)"
fill="white"
/>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ====== Hero Section End -->
<!-- ====== Features Section Start -->
<section class="pb-8 pt-20 dark:bg-dark lg:pb-[70px] lg:pt-[120px]">
<div class="container">
<div class="-mx-4 flex flex-wrap">
<div class="w-full px-4">
<div class="mx-auto mb-12 max-w-[485px] text-center lg:mb-[70px]">
<span class="mb-2 block text-lg font-semibold text-primary">
Features
</span>
<h2
class="mb-3 text-3xl font-bold text-dark dark:text-white sm:text-4xl md:text-[40px] md:leading-[1.2]"
>
软件功能
</h2>
<p class="text-base text-body-color dark:text-dark-6">
为您提供专业的解决方案 ，智能化操作，简单易用.
</p>
</div>
</div>
</div>
<div class="-mx-4 flex flex-wrap">
<div class="w-full px-4 md:w-1/2 lg:w-1/4">
<div class="wow fadeInUp group mb-12" data-wow-delay=".1s">
<div
class="relative z-10 mb-10 flex h-[70px] w-[70px] items-center justify-center rounded-[14px] bg-primary"
>
<span
class="absolute left-0 top-0 -z-[1] mb-8 flex h-[70px] w-[70px] rotate-[25deg] items-center justify-center rounded-[14px] bg-primary bg-opacity-20 duration-300 group-hover:rotate-45"
></span>
<svg
width="37"
height="37"
viewBox="0 0 37 37"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M30.5801 8.30514H27.9926C28.6113 7.85514 29.1176 7.34889 29.3426 6.73014C29.6801 5.88639 29.6801 4.48014 27.9363 2.84889C26.0801 1.04889 24.3926 1.04889 23.3238 1.33014C20.9051 1.94889 19.2738 4.76139 18.3738 6.78639C17.4738 4.76139 15.8426 2.00514 13.4238 1.33014C12.3551 1.04889 10.6676 1.10514 8.81133 2.84889C7.06758 4.53639 7.12383 5.88639 7.40508 6.73014C7.63008 7.34889 8.13633 7.85514 8.75508 8.30514H5.71758C4.08633 8.30514 2.73633 9.65514 2.73633 11.2864V14.9989C2.73633 16.5739 4.03008 17.8676 5.60508 17.9239V31.6489C5.60508 33.5614 7.18008 35.1926 9.14883 35.1926H27.5426C29.4551 35.1926 31.0863 33.6176 31.0863 31.6489V17.8676C32.4926 17.6426 33.5613 16.4051 33.5613 14.9426V11.2301C33.5613 9.59889 32.2113 8.30514 30.5801 8.30514ZM23.9426 3.69264C23.9988 3.69264 24.1676 3.63639 24.3363 3.63639C24.7301 3.63639 25.3488 3.80514 26.1926 4.59264C26.8676 5.21139 27.0363 5.66139 26.9801 5.77389C26.6988 6.56139 23.8863 7.40514 20.6801 7.74264C21.4676 5.99889 22.6488 4.03014 23.9426 3.69264ZM10.4988 4.64889C11.3426 3.86139 11.9613 3.69264 12.3551 3.69264C12.5238 3.69264 12.6363 3.74889 12.7488 3.74889C14.0426 4.08639 15.2801 5.99889 16.0676 7.79889C12.8613 7.46139 10.0488 6.61764 9.76758 5.83014C9.71133 5.66139 9.88008 5.26764 10.4988 4.64889ZM5.26758 14.9426V11.2301C5.26758 11.0051 5.43633 10.7801 5.71758 10.7801H30.5801C30.8051 10.7801 31.0301 10.9489 31.0301 11.2301V14.9426C31.0301 15.1676 30.8613 15.3926 30.5801 15.3926H5.71758C5.49258 15.3926 5.26758 15.2239 5.26758 14.9426ZM27.5426 32.6614H9.14883C8.58633 32.6614 8.13633 32.2114 8.13633 31.6489V17.9239H28.4988V31.6489C28.5551 32.2114 28.1051 32.6614 27.5426 32.6614Z"
fill="white"
/>
</svg>
</div>
<h4 class="mb-3 text-xl font-bold text-dark dark:text-white">
跨语言智能沟通
</h4>
<p class="mb-8 text-body-color dark:text-dark-6 lg:mb-9">
- 实时双向互译技术，支持100+语种智能识别 <br/>
- 区域化翻译配置：根据国家/地区预设翻译策略 <br/>
- 双重确认机制：消息二次校译保障准确性 <br/>
- 场景化AI应答：自动匹配商务/社交等不同场景话术 <br/>
</p>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/4">
<div class="wow fadeInUp group mb-12" data-wow-delay=".15s">
<div
class="relative z-10 mb-10 flex h-[70px] w-[70px] items-center justify-center rounded-[14px] bg-primary"
>
<span
class="absolute left-0 top-0 -z-[1] mb-8 flex h-[70px] w-[70px] rotate-[25deg] items-center justify-center rounded-[14px] bg-primary bg-opacity-20 duration-300 group-hover:rotate-45"
></span>
<svg
width="36"
height="36"
viewBox="0 0 36 36"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M30.5998 1.01245H5.39981C2.98105 1.01245 0.956055 2.9812 0.956055 5.4562V30.6562C0.956055 33.075 2.9248 35.0437 5.39981 35.0437H30.5998C33.0186 35.0437 34.9873 33.075 34.9873 30.6562V5.39995C34.9873 2.9812 33.0186 1.01245 30.5998 1.01245ZM5.39981 3.48745H30.5998C31.6123 3.48745 32.4561 4.3312 32.4561 5.39995V11.1937H3.4873V5.39995C3.4873 4.38745 4.38731 3.48745 5.39981 3.48745ZM3.4873 30.6V13.725H23.0623V32.5125H5.39981C4.38731 32.5125 3.4873 31.6125 3.4873 30.6ZM30.5998 32.5125H25.5373V13.725H32.4561V30.6C32.5123 31.6125 31.6123 32.5125 30.5998 32.5125Z"
fill="white"
/>
</svg>
</div>
<h4 class="mb-3 text-xl font-bold text-dark dark:text-white">
多引擎翻译源
</h4>
<p class="mb-8 text-body-color dark:text-dark-6 lg:mb-9">
🌐 集成全球顶尖翻译引擎<br/>
- 灵活调用Google、DeepL及第三方AI引擎<br/>
- 根据需求自主选择，匹配最优翻译源<br/>
- 实时质量监测确保精准输出<br/>
</p>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/4">
<div class="wow fadeInUp group mb-12" data-wow-delay=".2s">
<div
class="relative z-10 mb-10 flex h-[70px] w-[70px] items-center justify-center rounded-[14px] bg-primary"
>
<span
class="absolute left-0 top-0 -z-[1] mb-8 flex h-[70px] w-[70px] rotate-[25deg] items-center justify-center rounded-[14px] bg-primary bg-opacity-20 duration-300 group-hover:rotate-45"
></span>
<svg
width="37"
height="37"
viewBox="0 0 37 37"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M33.5613 21.4677L31.3675 20.1177C30.805 19.7239 30.0175 19.9489 29.6238 20.5114C29.23 21.1302 29.455 21.8614 30.0175 22.2552L31.48 23.2114L18.1488 31.5927L4.76127 23.2114L6.22377 22.2552C6.84252 21.8614 7.01127 21.0739 6.61752 20.5114C6.22377 19.8927 5.43627 19.7239 4.87377 20.1177L2.68002 21.4677C2.11752 21.8614 1.72377 22.4802 1.72377 23.1552C1.72377 23.8302 2.06127 24.5052 2.68002 24.8427L17.08 33.8989C17.4175 34.1239 17.755 34.1802 18.1488 34.1802C18.5425 34.1802 18.88 34.0677 19.2175 33.8989L33.5613 24.8989C34.1238 24.5052 34.5175 23.8864 34.5175 23.2114C34.5175 22.5364 34.18 21.8614 33.5613 21.4677Z"
fill="white"
/>
<path
d="M20.1175 20.4552L18.1488 21.6364L16.18 20.3989C15.5613 20.0052 14.83 20.2302 14.4363 20.7927C14.0425 21.4114 14.2675 22.1427 14.83 22.5364L17.4738 24.1677C17.6988 24.2802 17.9238 24.3364 18.1488 24.3364C18.3738 24.3364 18.5988 24.2802 18.8238 24.1677L21.4675 22.5364C22.0863 22.1427 22.255 21.3552 21.8613 20.7927C21.4675 20.2302 20.68 20.0614 20.1175 20.4552Z"
fill="white"
/>
<path
d="M7.74252 18.0927L11.455 20.4552C11.68 20.5677 11.905 20.6239 12.13 20.6239C12.5238 20.6239 12.9738 20.3989 13.1988 20.0052C13.5925 19.3864 13.3675 18.6552 12.805 18.2614L9.09252 15.8989C8.47377 15.5052 7.74252 15.7302 7.34877 16.2927C6.95502 16.9677 7.12377 17.7552 7.74252 18.0927Z"
fill="white"
/>
<path
d="M5.04252 16.1802C5.43627 16.1802 5.88627 15.9552 6.11127 15.5614C6.50502 14.9427 6.28002 14.2114 5.71752 13.8177L4.81752 13.2552L5.71752 12.6927C6.33627 12.2989 6.50502 11.5114 6.11127 10.9489C5.71752 10.3302 4.93002 10.1614 4.36752 10.5552L1.72377 12.1864C1.33002 12.4114 1.10502 12.8052 1.10502 13.2552C1.10502 13.7052 1.33002 14.0989 1.72377 14.3239L4.36752 15.9552C4.53627 16.1239 4.76127 16.1802 5.04252 16.1802Z"
fill="white"
/>
<path
d="M8.41752 10.7239C8.64252 10.7239 8.86752 10.6677 9.09252 10.5552L12.805 8.1927C13.4238 7.79895 13.5925 7.01145 13.1988 6.44895C12.805 5.8302 12.0175 5.66145 11.455 6.0552L7.74252 8.4177C7.12377 8.81145 6.95502 9.59895 7.34877 10.1614C7.57377 10.4989 7.96752 10.7239 8.41752 10.7239Z"
fill="white"
/>
<path
d="M16.18 6.05522L18.1488 4.81772L20.1175 6.05522C20.3425 6.16772 20.5675 6.22397 20.7925 6.22397C21.1863 6.22397 21.6363 5.99897 21.8613 5.60522C22.255 4.98647 22.03 4.25522 21.4675 3.86147L18.8238 2.23022C18.43 1.94897 17.8675 1.94897 17.4738 2.23022L14.83 3.86147C14.2113 4.25522 14.0425 5.04272 14.4363 5.60522C14.83 6.16772 15.6175 6.44897 16.18 6.05522Z"
fill="white"
/>
<path
d="M23.4925 8.19267L27.205 10.5552C27.43 10.6677 27.655 10.7239 27.88 10.7239C28.2738 10.7239 28.7238 10.4989 28.9488 10.1052C29.3425 9.48642 29.1175 8.75517 28.555 8.36142L24.8425 5.99892C24.28 5.60517 23.4925 5.83017 23.0988 6.39267C22.705 7.01142 22.8738 7.79892 23.4925 8.19267Z"
fill="white"
/>
<path
d="M34.5738 12.1864L31.93 10.5552C31.3675 10.1614 30.58 10.3864 30.1863 10.9489C29.7925 11.5677 30.0175 12.2989 30.58 12.6927L31.48 13.2552L30.58 13.8177C29.9613 14.2114 29.7925 14.9989 30.1863 15.5614C30.4113 15.9552 30.8613 16.1802 31.255 16.1802C31.48 16.1802 31.705 16.1239 31.93 16.0114L34.5738 14.3802C34.9675 14.1552 35.1925 13.7614 35.1925 13.3114C35.1925 12.8614 34.9675 12.4114 34.5738 12.1864Z"
fill="white"
/>
<path
d="M24.1675 20.624C24.3925 20.624 24.6175 20.5677 24.8425 20.4552L28.555 18.0927C29.1738 17.699 29.3425 16.9115 28.9488 16.349C28.555 15.7302 27.7675 15.5615 27.205 15.9552L23.4925 18.3177C22.8738 18.7115 22.705 19.499 23.0988 20.0615C23.3238 20.4552 23.7175 20.624 24.1675 20.624Z"
fill="white"
/>
</svg>
</div>
<h4 class="mb-3 text-xl font-bold text-dark dark:text-white">
企业级管理中枢
</h4>
<p class="mb-8 text-body-color dark:text-dark-6 lg:mb-9">
- 智能化团队协作平台 <br/>
- 一键升级企业级账号 <br/>
- 子账号批量创建与权限分级管理 <br/>
- 可视化字符自动配额分配系统 <br/>
</p>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/4">
<div class="wow fadeInUp group mb-12" data-wow-delay=".25s">
<div
class="relative z-10 mb-10 flex h-[70px] w-[70px] items-center justify-center rounded-[14px] bg-primary"
>
<span
class="absolute left-0 top-0 -z-[1] mb-8 flex h-[70px] w-[70px] rotate-[25deg] items-center justify-center rounded-[14px] bg-primary bg-opacity-20 duration-300 group-hover:rotate-45"
></span>
<svg
width="37"
height="37"
viewBox="0 0 37 37"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.355 2.0614H5.21129C3.29879 2.0614 1.72379 3.6364 1.72379 5.5489V12.6927C1.72379 14.6052 3.29879 16.1802 5.21129 16.1802H12.355C14.2675 16.1802 15.8425 14.6052 15.8425 12.6927V5.60515C15.8988 3.6364 14.3238 2.0614 12.355 2.0614ZM13.3675 12.7489C13.3675 13.3114 12.9175 13.7614 12.355 13.7614H5.21129C4.64879 13.7614 4.19879 13.3114 4.19879 12.7489V5.60515C4.19879 5.04265 4.64879 4.59265 5.21129 4.59265H12.355C12.9175 4.59265 13.3675 5.04265 13.3675 5.60515V12.7489Z"
fill="white"
/>
<path
d="M31.0863 2.0614H23.9425C22.03 2.0614 20.455 3.6364 20.455 5.5489V12.6927C20.455 14.6052 22.03 16.1802 23.9425 16.1802H31.0863C32.9988 16.1802 34.5738 14.6052 34.5738 12.6927V5.60515C34.5738 3.6364 32.9988 2.0614 31.0863 2.0614ZM32.0988 12.7489C32.0988 13.3114 31.6488 13.7614 31.0863 13.7614H23.9425C23.38 13.7614 22.93 13.3114 22.93 12.7489V5.60515C22.93 5.04265 23.38 4.59265 23.9425 4.59265H31.0863C31.6488 4.59265 32.0988 5.04265 32.0988 5.60515V12.7489Z"
fill="white"
/>
<path
d="M12.355 20.0051H5.21129C3.29879 20.0051 1.72379 21.5801 1.72379 23.4926V30.6364C1.72379 32.5489 3.29879 34.1239 5.21129 34.1239H12.355C14.2675 34.1239 15.8425 32.5489 15.8425 30.6364V23.5489C15.8988 21.5801 14.3238 20.0051 12.355 20.0051ZM13.3675 30.6926C13.3675 31.2551 12.9175 31.7051 12.355 31.7051H5.21129C4.64879 31.7051 4.19879 31.2551 4.19879 30.6926V23.5489C4.19879 22.9864 4.64879 22.5364 5.21129 22.5364H12.355C12.9175 22.5364 13.3675 22.9864 13.3675 23.5489V30.6926Z"
fill="white"
/>
<path
d="M31.0863 20.0051H23.9425C22.03 20.0051 20.455 21.5801 20.455 23.4926V30.6364C20.455 32.5489 22.03 34.1239 23.9425 34.1239H31.0863C32.9988 34.1239 34.5738 32.5489 34.5738 30.6364V23.5489C34.5738 21.5801 32.9988 20.0051 31.0863 20.0051ZM32.0988 30.6926C32.0988 31.2551 31.6488 31.7051 31.0863 31.7051H23.9425C23.38 31.7051 22.93 31.2551 22.93 30.6926V23.5489C22.93 22.9864 23.38 22.5364 23.9425 22.5364H31.0863C31.6488 22.5364 32.0988 22.9864 32.0988 23.5489V30.6926Z"
fill="white"
/>
</svg>
</div>
<h4 class="mb-3 text-xl font-bold text-dark dark:text-white">
产品优势
</h4>
<p class="mb-8 text-body-color dark:text-dark-6 lg:mb-9">
-信息安全 <br/>
-产品稳定 <br/>
-反应迅速 <br/>
-专业服务
</p>
</div>
</div>
</div>
</div>
</section>
<!-- ====== Features Section End -->
<!-- ====== About Section Start -->
<section
id="about"
class="bg-gray-1 pb-8 pt-20 dark:bg-dark-2 lg:pb-[70px] lg:pt-[120px]"
>
<div class="container">
<div class="wow fadeInUp" data-wow-delay=".2s">
<div class="-mx-4 flex flex-wrap items-center">
<div class="w-full px-4 lg:w-1/2">
<div class="mb-12 max-w-[540px] lg:mb-0">
<h2
class="mb-5 text-3xl font-bold leading-tight text-dark dark:text-white sm:text-[40px] sm:leading-[1.2]"
>
为什么选择CC翻译.
</h2>
<p
class="mb-10 text-base leading-relaxed text-body-color dark:text-dark-6"
>
✅ 深度集成WhatsApp/Telegram/Line等主流平台，支持可调用AI。<br />
✅ 100+语言精准覆盖，支持全球96%经济体官方语言，文件级翻译精度。会话数据物理隔离存储（支持本地化部署），行业独家「会话保险箱」技术 。支持全球大部分语种即时交流无需复制粘贴，自动翻译
，畅享极速交流体验.<br />
✅ 企业级增效跨境电商客户响应速度提升7.2倍，出海游戏客服成本降低58%。<br />
✅ 智能加速方案：①输入即翻译，消除复制粘贴动作损耗 ；② 0.3秒级响应，行业平均速度的1/3 ；③ 多线程并发，单窗口处理多个会话不卡顿；<br />
</p>
</div>
</div>
<div class="w-full px-4 lg:w-1/2">
<div class="-mx-2 flex flex-wrap sm:-mx-4 lg:-mx-2 xl:-mx-4">
<div class="w-full px-2 sm:w-1/2 sm:px-4 lg:px-2 xl:px-4">
<div
class="mb-4 sm:mb-8 sm:h-[400px] md:h-[540px] lg:h-[400px] xl:h-[500px]"
>
<img
src="./assets/images/about/about-image-01.jpg"
alt="cc翻译"
class="h-full w-full object-cover object-center"
/>
</div>
</div>
<div class="w-full px-2 sm:w-1/2 sm:px-4 lg:px-2 xl:px-4">
<div
class="mb-4 sm:mb-8 sm:h-[220px] md:h-[346px] lg:mb-4 lg:h-[225px] xl:mb-8 xl:h-[310px]"
>
<img
src="./assets/images/about/about-image-02.jpg"
alt="cc翻译"
class="h-full w-full object-cover object-center"
/>
</div>
<div
class="relative z-10 mb-4 flex items-center justify-center overflow-hidden bg-primary px-6 py-12 sm:mb-8 sm:h-[160px] sm:p-5 lg:mb-4 xl:mb-8"
>
<div>
<span class="block text-5xl font-extrabold text-white">
10+
</span>
<span class="block text-base font-semibold text-white">
We have
</span>
<span
class="block text-base font-medium text-white text-opacity-70"
>
Years of experience
</span>
</div>
<div>
<span class="absolute left-0 top-0 -z-10">
<svg
width="106"
height="144"
viewBox="0 0 106 144"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
opacity="0.1"
x="-67"
y="47.127"
width="113.378"
height="131.304"
transform="rotate(-42.8643 -67 47.127)"
fill="url(#paint0_linear_1416_214)"
/>
<defs>
<linearGradient
id="paint0_linear_1416_214"
x1="-10.3111"
y1="47.127"
x2="-10.3111"
y2="178.431"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" />
<stop
offset="1"
stop-color="white"
stop-opacity="0"
/>
</linearGradient>
</defs>
</svg>
</span>
<span class="absolute right-0 top-0 -z-10">
<svg
width="130"
height="97"
viewBox="0 0 130 97"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
opacity="0.1"
x="0.86792"
y="-6.67725"
width="155.563"
height="140.614"
transform="rotate(-42.8643 0.86792 -6.67725)"
fill="url(#paint0_linear_1416_215)"
/>
<defs>
<linearGradient
id="paint0_linear_1416_215"
x1="78.6495"
y1="-6.67725"
x2="78.6495"
y2="133.937"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" />
<stop
offset="1"
stop-color="white"
stop-opacity="0"
/>
</linearGradient>
</defs>
</svg>
</span>
<span class="absolute bottom-0 right-0 -z-10">
<svg
width="175"
height="104"
viewBox="0 0 175 104"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
opacity="0.1"
x="175.011"
y="108.611"
width="101.246"
height="148.179"
transform="rotate(137.136 175.011 108.611)"
fill="url(#paint0_linear_1416_216)"
/>
<defs>
<linearGradient
id="paint0_linear_1416_216"
x1="225.634"
y1="108.611"
x2="225.634"
y2="256.79"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="white" />
<stop
offset="1"
stop-color="white"
stop-opacity="0"
/>
</linearGradient>
</defs>
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ====== About Section End -->
<!-- ====== Pricing Section Start -->
<section
id="pricing"
class="relative z-20 overflow-hidden bg-white pb-12 pt-20 dark:bg-dark lg:pb-[90px] lg:pt-[120px]"
>
<div class="container mx-auto">
<div class="-mx-4 flex flex-wrap">
<div class="w-full px-4">
<div class="mx-auto mb-[60px] max-w-[510px] text-center">
<span class="mb-2 block text-lg font-semibold text-primary">
定价方案
</span>
<h2
class="mb-3 text-3xl font-bold text-dark dark:text-white sm:text-4xl md:text-[40px] md:leading-[1.2]"
>
超棒的定价方案
</h2>
<p class="text-base text-body-color dark:text-dark-6">
CC翻译为您提供多种套餐方案
</p>
</div>
</div>
</div>
<div class="-mx-4 flex flex-wrap justify-center">
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
<div
class="relative z-10 mb-10 overflow-hidden rounded-xl bg-white px-8 py-10 shadow-pricing dark:bg-dark-2 sm:p-12 lg:px-6 lg:py-10 xl:p-14"
>
<span
class="mb-5 block text-xl font-medium text-dark dark:text-white"
>
VIP1标准版
</span>
<h2
class="mb-11 text-4xl font-semibold text-dark dark:text-white xl:text-[42px] xl:leading-[1.21]"
>
<span class="text-xl font-medium">¥</span>
<span class="-ml-1 -tracking-[2px]">200.00</span>
</h2>
<div class="mb-[50px]">
<h5 class="mb-5 text-lg font-medium text-dark dark:text-white">
套餐特点
</h5>
<div class="flex flex-col gap-[14px]">
<p class="text-base text-body-color dark:text-dark-6">
字符数量160万字符
</p>
<p class="text-base text-body-color dark:text-dark-6">
套餐不限时间，客服随时支持
</p>
<p class="text-base text-body-color dark:text-dark-6">
自动升级高级账户，支持子账户管理
</p>
<p class="text-base text-body-color dark:text-dark-6">
支持有道、百度、火山、小牛翻译通道 <br/>
<br/>
<br/>
</p>
</div>
</div>
<a
href="javascript:void(0)"
class="inline-block rounded-md bg-primary px-7 py-3 text-center text-base font-medium text-white transition hover:bg-blue-dark"
onclick="home.handleBuy(0)"
>
立即购买
</a>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
<div
class="relative z-10 mb-10 overflow-hidden rounded-xl bg-white px-8 py-10 shadow-pricing dark:bg-dark-2 sm:p-12 lg:px-6 lg:py-10 xl:p-14"
>
<p
class="absolute right-[-50px] top-[60px] inline-block rounded-bl-md rounded-tl-md bg-primary px-5 py-2 text-base font-medium text-white width-[auto]"
style="top: 46px; right:0px"
>
推荐
</p>
<span
class="mb-5 block text-xl font-medium text-dark dark:text-white"
>
VIP2高级版
</span>
<h2
class="mb-11 text-4xl font-semibold text-dark dark:text-white xl:text-[42px] xl:leading-[1.21]"
>
<span class="text-xl font-medium">¥</span>
<span class="-ml-1 -tracking-[2px]">320.00</span>
</h2>
<div class="mb-[50px]">
<h5 class="mb-5 text-lg font-medium text-dark dark:text-white">
套餐特点
</h5>
<div class="flex flex-col gap-[14px]">
<p class="text-base text-body-color dark:text-dark-6">
字符数量160万字符
</p>
<p class="text-base text-body-color dark:text-dark-6">
套餐不限时间，客服随时支持
</p>
<p class="text-base text-body-color dark:text-dark-6">
自动升级高级账户，支持子账户管理
</p>
<p class="text-base text-body-color dark:text-dark-6">
支持谷歌、腾讯、chatGPT、有道等翻译通道, 支持语音转文字翻译，支持智能回复
</p>
</div>
</div>
<a
href="javascript:void(0)"
class="inline-block rounded-md bg-primary px-7 py-3 text-center text-base font-medium text-white transition hover:bg-blue-dark"
onclick="home.handleBuy(1)"
>
立即购买
</a>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
<div
class="relative z-10 mb-10 overflow-hidden rounded-xl bg-white px-8 py-10 shadow-pricing dark:bg-dark-2 sm:p-12 lg:px-6 lg:py-10 xl:p-14"
>
<span
class="mb-5 block text-xl font-medium text-dark dark:text-white"
>
VIP3专业版
</span>
<h2
class="mb-11 text-4xl font-semibold text-dark dark:text-white xl:text-[42px] xl:leading-[1.21]"
>
<span class="text-xl font-medium">¥</span>
<span class="-ml-1 -tracking-[2px]">680.00</span>
</h2>
<div class="mb-[50px]">
<h5 class="mb-5 text-lg font-medium text-dark dark:text-white">
套餐特点
</h5>
<div class="flex flex-col gap-[14px]">
<p class="text-base text-body-color dark:text-dark-6">
字符数量160万字符
</p>
<p class="text-base text-body-color dark:text-dark-6">
套餐不限时间，客服随时支持
</p>
<p class="text-base text-body-color dark:text-dark-6">
自动升级高级账户，支持子账户管理
</p>
<p class="text-base text-body-color dark:text-dark-6">
支持 Deepl、谷歌、chatGPT、有道等翻译通道,支持语音转文字翻译，支持智能回复
</p>
</div>
</div>
<a
href="javascript:void(0)"
class="inline-block rounded-md bg-primary px-7 py-3 text-center text-base font-medium text-white transition hover:bg-blue-dark"
onclick="home.handleBuy(2)"
>
立即购买
</a>
</div>
</div>
</div>
<div class="-mx-4 flex flex-wrap justify-center">
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
<div
class="relative z-10 mb-10 overflow-hidden rounded-xl bg-white px-8 py-10 shadow-pricing dark:bg-dark-2 sm:p-12 lg:px-6 lg:py-10 xl:p-14"
>
<span
class="mb-5 block text-xl font-medium text-dark dark:text-white"
>
VIP1标准版
</span>
<h2
class="mb-11 text-4xl font-semibold text-dark dark:text-white xl:text-[42px] xl:leading-[1.21]"
>
<span class="text-xl font-medium">¥</span>
<span class="-ml-1 -tracking-[2px]">499.00</span>
<span
class="text-base font-normal text-body-color dark:text-dark-6"
>
包月
</span>
</h2>
<div class="mb-[50px]">
<h5 class="mb-5 text-lg font-medium text-dark dark:text-white">
套餐特点
</h5>
<div class="flex flex-col gap-[14px]">
<p class="text-base text-body-color dark:text-dark-6">
适用于专职用户
</p>
<p class="text-base text-body-color dark:text-dark-6">
30天内字符无限畅用
</p>
<p class="text-base text-body-color dark:text-dark-6">
不支持子账户管理
</p>
<p class="text-base text-body-color dark:text-dark-6">
支持有道、百度、火山、小牛翻译通道 <br/>
<br/>
<br/>
</p>
</div>
</div>
<a
href="javascript:void(0)"
class="inline-block rounded-md bg-primary px-7 py-3 text-center text-base font-medium text-white transition hover:bg-blue-dark"
onclick="home.handleBuy(3)"
>
立即购买
</a>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
<div
class="relative z-10 mb-10 overflow-hidden rounded-xl bg-white px-8 py-10 shadow-pricing dark:bg-dark-2 sm:p-12 lg:px-6 lg:py-10 xl:p-14"
>
<p
class="absolute right-[-50px] top-[60px] inline-block rounded-bl-md rounded-tl-md bg-primary px-5 py-2 text-base font-medium text-white"
style="top: 46px; right:0px"
>
推荐
</p>
<span
class="mb-5 block text-xl font-medium text-dark dark:text-white"
>
VIP2高级版
</span>
<h2
class="mb-11 text-4xl font-semibold text-dark dark:text-white xl:text-[42px] xl:leading-[1.21]"
>
<span class="text-xl font-medium">¥</span>
<span class="-ml-1 -tracking-[2px]">599.00</span>
<span
class="text-base font-normal text-body-color dark:text-dark-6"
>
包月
</span>
</h2>
<div class="mb-[50px]">
<h5 class="mb-5 text-lg font-medium text-dark dark:text-white">
套餐特点
</h5>
<div class="flex flex-col gap-[14px]">
<p class="text-base text-body-color dark:text-dark-6">
适用于专职用户
</p>
<p class="text-base text-body-color dark:text-dark-6">
30天内字符无限畅用
</p>
<p class="text-base text-body-color dark:text-dark-6">
不支持子账户管理
</p>
<p class="text-base text-body-color dark:text-dark-6">
支持谷歌、腾讯、chatGPT、有道等翻译通道, 支持语音转文字翻译，支持智能回复
</p>
</div>
</div>
<a
href="javascript:void(0)"
class="inline-block rounded-md bg-primary px-7 py-3 text-center text-base font-medium text-white transition hover:bg-blue-dark"
onclick="home.handleBuy(4)"
>
立即购买
</a>
</div>
</div>
<div class="w-full px-4 md:w-1/2 lg:w-1/3">
<div
class="relative z-10 mb-10 overflow-hidden rounded-xl bg-white px-8 py-10 shadow-pricing dark:bg-dark-2 sm:p-12 lg:px-6 lg:py-10 xl:p-14"
>
<span
class="mb-5 block text-xl font-medium text-dark dark:text-white"
>
VIP3专业版
</span>
<h2
class="mb-11 text-4xl font-semibold text-dark dark:text-white xl:text-[42px] xl:leading-[1.21]"
>
<span class="text-xl font-medium">¥</span>
<span class="-ml-1 -tracking-[2px]">799.00</span>
<span
class="text-base font-normal text-body-color dark:text-dark-6"
>
包月
</span>
</h2>
<div class="mb-[50px]">
<h5 class="mb-5 text-lg font-medium text-dark dark:text-white">
套餐特点
</h5>
<div class="flex flex-col gap-[14px]">
<p class="text-base text-body-color dark:text-dark-6">
适用于专职用户
</p>
<p class="text-base text-body-color dark:text-dark-6">
30天内字符无限畅用
</p>
<p class="text-base text-body-color dark:text-dark-6">
不支持子账户管理
</p>
<p class="text-base text-body-color dark:text-dark-6">
支持 Deepl、谷歌、chatGPT、有道等翻译通道,, 支持语音转文字翻译，支持智能回复
</p>
</div>
</div>
<a
href="javascript:void(0)"
class="inline-block rounded-md bg-primary px-7 py-3 text-center text-base font-medium text-white transition hover:bg-blue-dark"
onclick="home.handleBuy(5)"
>
立即购买
</a>
</div>
</div>
</div>
</div>
</section>
<!-- ====== Pricing Section End -->
<!-- ====== FAQ Section Start -->
<section
class="relative z-20 overflow-hidden bg-white pb-8 pt-20 dark:bg-dark lg:pb-[50px] lg:pt-[120px]"
>
<div class="container mx-auto">
<div class="-mx-4 flex flex-wrap">
<div class="w-full px-4">
<div class="mx-auto mb-[60px] max-w-[520px] text-center">
<span class="mb-2 block text-lg font-semibold text-primary">
FAQ
</span>
<h2
class="mb-3 text-3xl font-bold leading-[1.2] text-dark dark:text-white sm:text-4xl md:text-[40px]"
>
使用说明
</h2>
<p
class="mx-auto max-w-[485px] text-base text-body-color dark:text-dark-6"
>
CC翻译精汇客户最高频的问题,在这里，90%的疑问都能得到解答.
</p>
</div>
</div>
</div>
<div class="-mx-4 flex flex-wrap">
<div class="w-full px-4 lg:w-1/2">
<div class="mb-12 flex lg:mb-[70px]">
<div
class="mr-4 flex h-[50px] w-full max-w-[50px] items-center justify-center rounded-xl bg-primary text-white sm:mr-6 sm:h-[60px] sm:max-w-[60px]"
>
<svg
width="32"
height="32"
viewBox="0 0 34 34"
class="fill-current"
>
<path
d="M17.0008 0.690674C7.96953 0.690674 0.691406 7.9688 0.691406 17C0.691406 26.0313 7.96953 33.3625 17.0008 33.3625C26.032 33.3625 33.3633 26.0313 33.3633 17C33.3633 7.9688 26.032 0.690674 17.0008 0.690674ZM17.0008 31.5032C9.03203 31.5032 2.55078 24.9688 2.55078 17C2.55078 9.0313 9.03203 2.55005 17.0008 2.55005C24.9695 2.55005 31.5039 9.0313 31.5039 17C31.5039 24.9688 24.9695 31.5032 17.0008 31.5032Z"
/>
<path
d="M17.9039 6.32194C16.3633 6.05631 14.8227 6.48131 13.707 7.43756C12.5383 8.39381 11.8477 9.82819 11.8477 11.3688C11.8477 11.9532 11.9539 12.5376 12.1664 13.0688C12.3258 13.5469 12.857 13.8126 13.3352 13.6532C13.8133 13.4938 14.0789 12.9626 13.9195 12.4844C13.8133 12.1126 13.707 11.7938 13.707 11.3688C13.707 10.4126 14.132 9.50944 14.8758 8.87194C15.6195 8.23444 16.5758 7.96881 17.5852 8.18131C18.9133 8.39381 19.9758 9.50944 20.1883 10.7844C20.4539 12.3251 19.657 13.8126 18.2227 14.3969C16.8945 14.9282 16.0445 16.2563 16.0445 17.7969V21.1969C16.0445 21.7282 16.4695 22.1532 17.0008 22.1532C17.532 22.1532 17.957 21.7282 17.957 21.1969V17.7969C17.957 17.0532 18.382 16.3626 18.9664 16.1501C21.1977 15.2469 22.4727 12.9094 22.0477 10.4657C21.6758 8.39381 19.9758 6.69381 17.9039 6.32194Z"
/>
<path
d="M17.0531 24.8625H16.8937C16.3625 24.8625 15.9375 25.2875 15.9375 25.8188C15.9375 26.35 16.3625 26.7751 16.8937 26.7751H17.0531C17.5844 26.7751 18.0094 26.35 18.0094 25.8188C18.0094 25.2875 17.5844 24.8625 17.0531 24.8625Z"
/>
</svg>
</div>
<div class="w-full">
<h3
class="mb-6 text-xl font-semibold text-dark dark:text-white sm:text-2xl lg:text-xl xl:text-2xl"
>
企业账户管理系统
</h3>
<p class="text-base text-body-color dark:text-dark-6">
• 主账户集中分配翻译资源，支持创建无限子账户 <br/>
• 智能配额管理系统，按成员/部门设置字符使用量 <br/>
• 子账户直接继承主账户所有功能权限
</p>
</div>
</div>
<div class="mb-12 flex lg:mb-[70px]">
<div
class="mr-4 flex h-[50px] w-full max-w-[50px] items-center justify-center rounded-xl bg-primary text-white sm:mr-6 sm:h-[60px] sm:max-w-[60px]"
>
<svg
width="32"
height="32"
viewBox="0 0 34 34"
class="fill-current"
>
<path
d="M17.0008 0.690674C7.96953 0.690674 0.691406 7.9688 0.691406 17C0.691406 26.0313 7.96953 33.3625 17.0008 33.3625C26.032 33.3625 33.3633 26.0313 33.3633 17C33.3633 7.9688 26.032 0.690674 17.0008 0.690674ZM17.0008 31.5032C9.03203 31.5032 2.55078 24.9688 2.55078 17C2.55078 9.0313 9.03203 2.55005 17.0008 2.55005C24.9695 2.55005 31.5039 9.0313 31.5039 17C31.5039 24.9688 24.9695 31.5032 17.0008 31.5032Z"
/>
<path
d="M17.9039 6.32194C16.3633 6.05631 14.8227 6.48131 13.707 7.43756C12.5383 8.39381 11.8477 9.82819 11.8477 11.3688C11.8477 11.9532 11.9539 12.5376 12.1664 13.0688C12.3258 13.5469 12.857 13.8126 13.3352 13.6532C13.8133 13.4938 14.0789 12.9626 13.9195 12.4844C13.8133 12.1126 13.707 11.7938 13.707 11.3688C13.707 10.4126 14.132 9.50944 14.8758 8.87194C15.6195 8.23444 16.5758 7.96881 17.5852 8.18131C18.9133 8.39381 19.9758 9.50944 20.1883 10.7844C20.4539 12.3251 19.657 13.8126 18.2227 14.3969C16.8945 14.9282 16.0445 16.2563 16.0445 17.7969V21.1969C16.0445 21.7282 16.4695 22.1532 17.0008 22.1532C17.532 22.1532 17.957 21.7282 17.957 21.1969V17.7969C17.957 17.0532 18.382 16.3626 18.9664 16.1501C21.1977 15.2469 22.4727 12.9094 22.0477 10.4657C21.6758 8.39381 19.9758 6.69381 17.9039 6.32194Z"
/>
<path
d="M17.0531 24.8625H16.8937C16.3625 24.8625 15.9375 25.2875 15.9375 25.8188C15.9375 26.35 16.3625 26.7751 16.8937 26.7751H17.0531C17.5844 26.7751 18.0094 26.35 18.0094 25.8188C18.0094 25.2875 17.5844 24.8625 17.0531 24.8625Z"
/>
</svg>
</div>
<div class="w-full">
<h3
class="mb-6 text-xl font-semibold text-dark dark:text-white sm:text-2xl lg:text-xl xl:text-2xl"
>
语言覆盖能力
</h3>
<p class="text-base text-body-color dark:text-dark-6">
• 214种语言实时互译支持 <br />
• 包含联合国六种官方语言及37种区域保护性语言 <br />
• 特别优化阿拉伯语，泰语（男女区别）等复杂语系处理能力 <br />
</p>
</div>
</div>
</div>
<div class="w-full px-4 lg:w-1/2">
<div class="mb-12 flex lg:mb-[70px]">
<div
class="mr-4 flex h-[50px] w-full max-w-[50px] items-center justify-center rounded-xl bg-primary text-white sm:mr-6 sm:h-[60px] sm:max-w-[60px]"
>
<svg
width="32"
height="32"
viewBox="0 0 34 34"
class="fill-current"
>
<path
d="M17.0008 0.690674C7.96953 0.690674 0.691406 7.9688 0.691406 17C0.691406 26.0313 7.96953 33.3625 17.0008 33.3625C26.032 33.3625 33.3633 26.0313 33.3633 17C33.3633 7.9688 26.032 0.690674 17.0008 0.690674ZM17.0008 31.5032C9.03203 31.5032 2.55078 24.9688 2.55078 17C2.55078 9.0313 9.03203 2.55005 17.0008 2.55005C24.9695 2.55005 31.5039 9.0313 31.5039 17C31.5039 24.9688 24.9695 31.5032 17.0008 31.5032Z"
/>
<path
d="M17.9039 6.32194C16.3633 6.05631 14.8227 6.48131 13.707 7.43756C12.5383 8.39381 11.8477 9.82819 11.8477 11.3688C11.8477 11.9532 11.9539 12.5376 12.1664 13.0688C12.3258 13.5469 12.857 13.8126 13.3352 13.6532C13.8133 13.4938 14.0789 12.9626 13.9195 12.4844C13.8133 12.1126 13.707 11.7938 13.707 11.3688C13.707 10.4126 14.132 9.50944 14.8758 8.87194C15.6195 8.23444 16.5758 7.96881 17.5852 8.18131C18.9133 8.39381 19.9758 9.50944 20.1883 10.7844C20.4539 12.3251 19.657 13.8126 18.2227 14.3969C16.8945 14.9282 16.0445 16.2563 16.0445 17.7969V21.1969C16.0445 21.7282 16.4695 22.1532 17.0008 22.1532C17.532 22.1532 17.957 21.7282 17.957 21.1969V17.7969C17.957 17.0532 18.382 16.3626 18.9664 16.1501C21.1977 15.2469 22.4727 12.9094 22.0477 10.4657C21.6758 8.39381 19.9758 6.69381 17.9039 6.32194Z"
/>
<path
d="M17.0531 24.8625H16.8937C16.3625 24.8625 15.9375 25.2875 15.9375 25.8188C15.9375 26.35 16.3625 26.7751 16.8937 26.7751H17.0531C17.5844 26.7751 18.0094 26.35 18.0094 25.8188C18.0094 25.2875 17.5844 24.8625 17.0531 24.8625Z"
/>
</svg>
</div>
<div class="w-full">
<h3
class="mb-6 text-xl font-semibold text-dark dark:text-white sm:text-2xl lg:text-xl xl:text-2xl"
>
翻译技术架构
</h3>
<p class="text-base text-body-color dark:text-dark-6">
• 全球领先的混合引擎技术 <br/>
• 动态融合Google Neural MT与规则型翻译系统
</p>
</div>
</div>
<div class="mb-12 flex lg:mb-[70px]">
<div
class="mr-4 flex h-[50px] w-full max-w-[50px] items-center justify-center rounded-xl bg-primary text-white sm:mr-6 sm:h-[60px] sm:max-w-[60px]"
>
<svg
width="32"
height="32"
viewBox="0 0 34 34"
class="fill-current"
>
<path
d="M17.0008 0.690674C7.96953 0.690674 0.691406 7.9688 0.691406 17C0.691406 26.0313 7.96953 33.3625 17.0008 33.3625C26.032 33.3625 33.3633 26.0313 33.3633 17C33.3633 7.9688 26.032 0.690674 17.0008 0.690674ZM17.0008 31.5032C9.03203 31.5032 2.55078 24.9688 2.55078 17C2.55078 9.0313 9.03203 2.55005 17.0008 2.55005C24.9695 2.55005 31.5039 9.0313 31.5039 17C31.5039 24.9688 24.9695 31.5032 17.0008 31.5032Z"
/>
<path
d="M17.9039 6.32194C16.3633 6.05631 14.8227 6.48131 13.707 7.43756C12.5383 8.39381 11.8477 9.82819 11.8477 11.3688C11.8477 11.9532 11.9539 12.5376 12.1664 13.0688C12.3258 13.5469 12.857 13.8126 13.3352 13.6532C13.8133 13.4938 14.0789 12.9626 13.9195 12.4844C13.8133 12.1126 13.707 11.7938 13.707 11.3688C13.707 10.4126 14.132 9.50944 14.8758 8.87194C15.6195 8.23444 16.5758 7.96881 17.5852 8.18131C18.9133 8.39381 19.9758 9.50944 20.1883 10.7844C20.4539 12.3251 19.657 13.8126 18.2227 14.3969C16.8945 14.9282 16.0445 16.2563 16.0445 17.7969V21.1969C16.0445 21.7282 16.4695 22.1532 17.0008 22.1532C17.532 22.1532 17.957 21.7282 17.957 21.1969V17.7969C17.957 17.0532 18.382 16.3626 18.9664 16.1501C21.1977 15.2469 22.4727 12.9094 22.0477 10.4657C21.6758 8.39381 19.9758 6.69381 17.9039 6.32194Z"
/>
<path
d="M17.0531 24.8625H16.8937C16.3625 24.8625 15.9375 25.2875 15.9375 25.8188C15.9375 26.35 16.3625 26.7751 16.8937 26.7751H17.0531C17.5844 26.7751 18.0094 26.35 18.0094 25.8188C18.0094 25.2875 17.5844 24.8625 17.0531 24.8625Z"
/>
</svg>
</div>
<div class="w-full">
<h3
class="mb-6 text-xl font-semibold text-dark dark:text-white sm:text-2xl lg:text-xl xl:text-2xl"
>
智能交互系统
</h3>
<p class="text-base text-body-color dark:text-dark-6">
• 上下文感知型应答技术 <br/>
• 自动识别商务谈判/客户服务等多种场景 <br/>
• 基于会话历史的动态话术优化建议 <br/>
• 响应速度较传统方式提升80% <br/>
</p>
</div>
</div>
</div>
<div class="w-full px-4 lg:w-1/2">
<div class="mb-12 flex lg:mb-[70px]">
<div
class="mr-4 flex h-[50px] w-full max-w-[50px] items-center justify-center rounded-xl bg-primary text-white sm:mr-6 sm:h-[60px] sm:max-w-[60px]"
>
<svg
width="32"
height="32"
viewBox="0 0 34 34"
class="fill-current"
>
<path
d="M17.0008 0.690674C7.96953 0.690674 0.691406 7.9688 0.691406 17C0.691406 26.0313 7.96953 33.3625 17.0008 33.3625C26.032 33.3625 33.3633 26.0313 33.3633 17C33.3633 7.9688 26.032 0.690674 17.0008 0.690674ZM17.0008 31.5032C9.03203 31.5032 2.55078 24.9688 2.55078 17C2.55078 9.0313 9.03203 2.55005 17.0008 2.55005C24.9695 2.55005 31.5039 9.0313 31.5039 17C31.5039 24.9688 24.9695 31.5032 17.0008 31.5032Z"
/>
<path
d="M17.9039 6.32194C16.3633 6.05631 14.8227 6.48131 13.707 7.43756C12.5383 8.39381 11.8477 9.82819 11.8477 11.3688C11.8477 11.9532 11.9539 12.5376 12.1664 13.0688C12.3258 13.5469 12.857 13.8126 13.3352 13.6532C13.8133 13.4938 14.0789 12.9626 13.9195 12.4844C13.8133 12.1126 13.707 11.7938 13.707 11.3688C13.707 10.4126 14.132 9.50944 14.8758 8.87194C15.6195 8.23444 16.5758 7.96881 17.5852 8.18131C18.9133 8.39381 19.9758 9.50944 20.1883 10.7844C20.4539 12.3251 19.657 13.8126 18.2227 14.3969C16.8945 14.9282 16.0445 16.2563 16.0445 17.7969V21.1969C16.0445 21.7282 16.4695 22.1532 17.0008 22.1532C17.532 22.1532 17.957 21.7282 17.957 21.1969V17.7969C17.957 17.0532 18.382 16.3626 18.9664 16.1501C21.1977 15.2469 22.4727 12.9094 22.0477 10.4657C21.6758 8.39381 19.9758 6.69381 17.9039 6.32194Z"
/>
<path
d="M17.0531 24.8625H16.8937C16.3625 24.8625 15.9375 25.2875 15.9375 25.8188C15.9375 26.35 16.3625 26.7751 16.8937 26.7751H17.0531C17.5844 26.7751 18.0094 26.35 18.0094 25.8188C18.0094 25.2875 17.5844 24.8625 17.0531 24.8625Z"
/>
</svg>
</div>
<div class="w-full">
<h3
class="mb-6 text-xl font-semibold text-dark dark:text-white sm:text-2xl lg:text-xl xl:text-2xl"
>
翻译助手功能
</h3>
<p class="text-base text-body-color dark:text-dark-6">
• 部分<a href="blog-details13.html">翻译助手</a>支持离线功能，但离线翻译质量略低。 <br/>
• 日常用语翻译准确，专业内容需人工校对。<br/>
• 多数翻译助手支持标准语言，方言翻译需依赖专业服务。
</p>
</div>
</div>
</div>
<div class="w-full px-4 lg:w-1/2">
<div class="mb-12 flex lg:mb-[70px]">
<div
class="mr-4 flex h-[50px] w-full max-w-[50px] items-center justify-center rounded-xl bg-primary text-white sm:mr-6 sm:h-[60px] sm:max-w-[60px]"
>
<svg
width="32"
height="32"
viewBox="0 0 34 34"
class="fill-current"
>
<path
d="M17.0008 0.690674C7.96953 0.690674 0.691406 7.9688 0.691406 17C0.691406 26.0313 7.96953 33.3625 17.0008 33.3625C26.032 33.3625 33.3633 26.0313 33.3633 17C33.3633 7.9688 26.032 0.690674 17.0008 0.690674ZM17.0008 31.5032C9.03203 31.5032 2.55078 24.9688 2.55078 17C2.55078 9.0313 9.03203 2.55005 17.0008 2.55005C24.9695 2.55005 31.5039 9.0313 31.5039 17C31.5039 24.9688 24.9695 31.5032 17.0008 31.5032Z"
/>
<path
d="M17.9039 6.32194C16.3633 6.05631 14.8227 6.48131 13.707 7.43756C12.5383 8.39381 11.8477 9.82819 11.8477 11.3688C11.8477 11.9532 11.9539 12.5376 12.1664 13.0688C12.3258 13.5469 12.857 13.8126 13.3352 13.6532C13.8133 13.4938 14.0789 12.9626 13.9195 12.4844C13.8133 12.1126 13.707 11.7938 13.707 11.3688C13.707 10.4126 14.132 9.50944 14.8758 8.87194C15.6195 8.23444 16.5758 7.96881 17.5852 8.18131C18.9133 8.39381 19.9758 9.50944 20.1883 10.7844C20.4539 12.3251 19.657 13.8126 18.2227 14.3969C16.8945 14.9282 16.0445 16.2563 16.0445 17.7969V21.1969C16.0445 21.7282 16.4695 22.1532 17.0008 22.1532C17.532 22.1532 17.957 21.7282 17.957 21.1969V17.7969C17.957 17.0532 18.382 16.3626 18.9664 16.1501C21.1977 15.2469 22.4727 12.9094 22.0477 10.4657C21.6758 8.39381 19.9758 6.69381 17.9039 6.32194Z"
/>
<path
d="M17.0531 24.8625H16.8937C16.3625 24.8625 15.9375 25.2875 15.9375 25.8188C15.9375 26.35 16.3625 26.7751 16.8937 26.7751H17.0531C17.5844 26.7751 18.0094 26.35 18.0094 25.8188C18.0094 25.2875 17.5844 24.8625 17.0531 24.8625Z"
/>
</svg>
</div>
<div class="w-full">
<h3
class="mb-6 text-xl font-semibold text-dark dark:text-white sm:text-2xl lg:text-xl xl:text-2xl"
>
翻译助手隐私和用途
</h3>
<p class="text-base text-body-color dark:text-dark-6">
• 大多数翻译助手承诺保护用户隐私，部分工具采用端到端加密。 <br/>
• 翻译助手适合学术文献翻译，支持术语管理。 <br/>
• 学术写作中建议结合人工校对，确保规范准确。<br/>
</p>
</div>
</div>
</div>
</div>
</div>
<div>
<span class="absolute left-4 top-4 -z-[1]">
<svg
width="48"
height="134"
viewBox="0 0 48 134"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="45.6673"
cy="132"
r="1.66667"
transform="rotate(180 45.6673 132)"
fill="#13C296"
/>
<circle
cx="45.6673"
cy="117.333"
r="1.66667"
transform="rotate(180 45.6673 117.333)"
fill="#13C296"
/>
<circle
cx="45.6673"
cy="102.667"
r="1.66667"
transform="rotate(180 45.6673 102.667)"
fill="#13C296"
/>
<circle
cx="45.6673"
cy="88.0001"
r="1.66667"
transform="rotate(180 45.6673 88.0001)"
fill="#13C296"
/>
<circle
cx="45.6673"
cy="73.3335"
r="1.66667"
transform="rotate(180 45.6673 73.3335)"
fill="#13C296"
/>
<circle
cx="45.6673"
cy="45.0001"
r="1.66667"
transform="rotate(180 45.6673 45.0001)"
fill="#13C296"
/>
<circle
cx="45.6673"
cy="16.0001"
r="1.66667"
transform="rotate(180 45.6673 16.0001)"
fill="#13C296"
/>
<circle
cx="45.6673"
cy="59.0001"
r="1.66667"
transform="rotate(180 45.6673 59.0001)"
fill="#13C296"
/>
<circle
cx="45.6673"
cy="30.6668"
r="1.66667"
transform="rotate(180 45.6673 30.6668)"
fill="#13C296"
/>
<circle
cx="45.6673"
cy="1.66683"
r="1.66667"
transform="rotate(180 45.6673 1.66683)"
fill="#13C296"
/>
<circle
cx="31.0013"
cy="132"
r="1.66667"
transform="rotate(180 31.0013 132)"
fill="#13C296"
/>
<circle
cx="31.0013"
cy="117.333"
r="1.66667"
transform="rotate(180 31.0013 117.333)"
fill="#13C296"
/>
<circle
cx="31.0013"
cy="102.667"
r="1.66667"
transform="rotate(180 31.0013 102.667)"
fill="#13C296"
/>
<circle
cx="31.0013"
cy="88.0001"
r="1.66667"
transform="rotate(180 31.0013 88.0001)"
fill="#13C296"
/>
<circle
cx="31.0013"
cy="73.3335"
r="1.66667"
transform="rotate(180 31.0013 73.3335)"
fill="#13C296"
/>
<circle
cx="31.0013"
cy="45.0001"
r="1.66667"
transform="rotate(180 31.0013 45.0001)"
fill="#13C296"
/>
<circle
cx="31.0013"
cy="16.0001"
r="1.66667"
transform="rotate(180 31.0013 16.0001)"
fill="#13C296"
/>
<circle
cx="31.0013"
cy="59.0001"
r="1.66667"
transform="rotate(180 31.0013 59.0001)"
fill="#13C296"
/>
<circle
cx="31.0013"
cy="30.6668"
r="1.66667"
transform="rotate(180 31.0013 30.6668)"
fill="#13C296"
/>
<circle
cx="31.0013"
cy="1.66683"
r="1.66667"
transform="rotate(180 31.0013 1.66683)"
fill="#13C296"
/>
<circle
cx="16.3333"
cy="132"
r="1.66667"
transform="rotate(180 16.3333 132)"
fill="#13C296"
/>
<circle
cx="16.3333"
cy="117.333"
r="1.66667"
transform="rotate(180 16.3333 117.333)"
fill="#13C296"
/>
<circle
cx="16.3333"
cy="102.667"
r="1.66667"
transform="rotate(180 16.3333 102.667)"
fill="#13C296"
/>
<circle
cx="16.3333"
cy="88.0001"
r="1.66667"
transform="rotate(180 16.3333 88.0001)"
fill="#13C296"
/>
<circle
cx="16.3333"
cy="73.3335"
r="1.66667"
transform="rotate(180 16.3333 73.3335)"
fill="#13C296"
/>
<circle
cx="16.3333"
cy="45.0001"
r="1.66667"
transform="rotate(180 16.3333 45.0001)"
fill="#13C296"
/>
<circle
cx="16.3333"
cy="16.0001"
r="1.66667"
transform="rotate(180 16.3333 16.0001)"
fill="#13C296"
/>
<circle
cx="16.3333"
cy="59.0001"
r="1.66667"
transform="rotate(180 16.3333 59.0001)"
fill="#13C296"
/>
<circle
cx="16.3333"
cy="30.6668"
r="1.66667"
transform="rotate(180 16.3333 30.6668)"
fill="#13C296"
/>
<circle
cx="16.3333"
cy="1.66683"
r="1.66667"
transform="rotate(180 16.3333 1.66683)"
fill="#13C296"
/>
<circle
cx="1.66732"
cy="132"
r="1.66667"
transform="rotate(180 1.66732 132)"
fill="#13C296"
/>
<circle
cx="1.66732"
cy="117.333"
r="1.66667"
transform="rotate(180 1.66732 117.333)"
fill="#13C296"
/>
<circle
cx="1.66732"
cy="102.667"
r="1.66667"
transform="rotate(180 1.66732 102.667)"
fill="#13C296"
/>
<circle
cx="1.66732"
cy="88.0001"
r="1.66667"
transform="rotate(180 1.66732 88.0001)"
fill="#13C296"
/>
<circle
cx="1.66732"
cy="73.3335"
r="1.66667"
transform="rotate(180 1.66732 73.3335)"
fill="#13C296"
/>
<circle
cx="1.66732"
cy="45.0001"
r="1.66667"
transform="rotate(180 1.66732 45.0001)"
fill="#13C296"
/>
<circle
cx="1.66732"
cy="16.0001"
r="1.66667"
transform="rotate(180 1.66732 16.0001)"
fill="#13C296"
/>
<circle
cx="1.66732"
cy="59.0001"
r="1.66667"
transform="rotate(180 1.66732 59.0001)"
fill="#13C296"
/>
<circle
cx="1.66732"
cy="30.6668"
r="1.66667"
transform="rotate(180 1.66732 30.6668)"
fill="#13C296"
/>
<circle
cx="1.66732"
cy="1.66683"
r="1.66667"
transform="rotate(180 1.66732 1.66683)"
fill="#13C296"
/>
</svg>
</span>
<span class="absolute bottom-4 right-4 -z-[1]">
<svg
width="48"
height="134"
viewBox="0 0 48 134"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="45.6673"
cy="132"
r="1.66667"
transform="rotate(180 45.6673 132)"
fill="#3758F9"
/>
<circle
cx="45.6673"
cy="117.333"
r="1.66667"
transform="rotate(180 45.6673 117.333)"
fill="#3758F9"
/>
<circle
cx="45.6673"
cy="102.667"
r="1.66667"
transform="rotate(180 45.6673 102.667)"
fill="#3758F9"
/>
<circle
cx="45.6673"
cy="88.0001"
r="1.66667"
transform="rotate(180 45.6673 88.0001)"
fill="#3758F9"
/>
<circle
cx="45.6673"
cy="73.3333"
r="1.66667"
transform="rotate(180 45.6673 73.3333)"
fill="#3758F9"
/>
<circle
cx="45.6673"
cy="45.0001"
r="1.66667"
transform="rotate(180 45.6673 45.0001)"
fill="#3758F9"
/>
<circle
cx="45.6673"
cy="16.0001"
r="1.66667"
transform="rotate(180 45.6673 16.0001)"
fill="#3758F9"
/>
<circle
cx="45.6673"
cy="59.0001"
r="1.66667"
transform="rotate(180 45.6673 59.0001)"
fill="#3758F9"
/>
<circle
cx="45.6673"
cy="30.6668"
r="1.66667"
transform="rotate(180 45.6673 30.6668)"
fill="#3758F9"
/>
<circle
cx="45.6673"
cy="1.66683"
r="1.66667"
transform="rotate(180 45.6673 1.66683)"
fill="#3758F9"
/>
<circle
cx="31.0006"
cy="132"
r="1.66667"
transform="rotate(180 31.0006 132)"
fill="#3758F9"
/>
<circle
cx="31.0006"
cy="117.333"
r="1.66667"
transform="rotate(180 31.0006 117.333)"
fill="#3758F9"
/>
<circle
cx="31.0006"
cy="102.667"
r="1.66667"
transform="rotate(180 31.0006 102.667)"
fill="#3758F9"
/>
<circle
cx="31.0006"
cy="88.0001"
r="1.66667"
transform="rotate(180 31.0006 88.0001)"
fill="#3758F9"
/>
<circle
cx="31.0008"
cy="73.3333"
r="1.66667"
transform="rotate(180 31.0008 73.3333)"
fill="#3758F9"
/>
<circle
cx="31.0008"
cy="45.0001"
r="1.66667"
transform="rotate(180 31.0008 45.0001)"
fill="#3758F9"
/>
<circle
cx="31.0008"
cy="16.0001"
r="1.66667"
transform="rotate(180 31.0008 16.0001)"
fill="#3758F9"
/>
<circle
cx="31.0008"
cy="59.0001"
r="1.66667"
transform="rotate(180 31.0008 59.0001)"
fill="#3758F9"
/>
<circle
cx="31.0008"
cy="30.6668"
r="1.66667"
transform="rotate(180 31.0008 30.6668)"
fill="#3758F9"
/>
<circle
cx="31.0008"
cy="1.66683"
r="1.66667"
transform="rotate(180 31.0008 1.66683)"
fill="#3758F9"
/>
<circle
cx="16.3341"
cy="132"
r="1.66667"
transform="rotate(180 16.3341 132)"
fill="#3758F9"
/>
<circle
cx="16.3341"
cy="117.333"
r="1.66667"
transform="rotate(180 16.3341 117.333)"
fill="#3758F9"
/>
<circle
cx="16.3341"
cy="102.667"
r="1.66667"
transform="rotate(180 16.3341 102.667)"
fill="#3758F9"
/>
<circle
cx="16.3341"
cy="88.0001"
r="1.66667"
transform="rotate(180 16.3341 88.0001)"
fill="#3758F9"
/>
<circle
cx="16.3338"
cy="73.3333"
r="1.66667"
transform="rotate(180 16.3338 73.3333)"
fill="#3758F9"
/>
<circle
cx="16.3338"
cy="45.0001"
r="1.66667"
transform="rotate(180 16.3338 45.0001)"
fill="#3758F9"
/>
<circle
cx="16.3338"
cy="16.0001"
r="1.66667"
transform="rotate(180 16.3338 16.0001)"
fill="#3758F9"
/>
<circle
cx="16.3338"
cy="59.0001"
r="1.66667"
transform="rotate(180 16.3338 59.0001)"
fill="#3758F9"
/>
<circle
cx="16.3338"
cy="30.6668"
r="1.66667"
transform="rotate(180 16.3338 30.6668)"
fill="#3758F9"
/>
<circle
cx="16.3338"
cy="1.66683"
r="1.66667"
transform="rotate(180 16.3338 1.66683)"
fill="#3758F9"
/>
<circle
cx="1.66732"
cy="132"
r="1.66667"
transform="rotate(180 1.66732 132)"
fill="#3758F9"
/>
<circle
cx="1.66732"
cy="117.333"
r="1.66667"
transform="rotate(180 1.66732 117.333)"
fill="#3758F9"
/>
<circle
cx="1.66732"
cy="102.667"
r="1.66667"
transform="rotate(180 1.66732 102.667)"
fill="#3758F9"
/>
<circle
cx="1.66732"
cy="88.0001"
r="1.66667"
transform="rotate(180 1.66732 88.0001)"
fill="#3758F9"
/>
<circle
cx="1.66732"
cy="73.3333"
r="1.66667"
transform="rotate(180 1.66732 73.3333)"
fill="#3758F9"
/>
<circle
cx="1.66732"
cy="45.0001"
r="1.66667"
transform="rotate(180 1.66732 45.0001)"
fill="#3758F9"
/>
<circle
cx="1.66732"
cy="16.0001"
r="1.66667"
transform="rotate(180 1.66732 16.0001)"
fill="#3758F9"
/>
<circle
cx="1.66732"
cy="59.0001"
r="1.66667"
transform="rotate(180 1.66732 59.0001)"
fill="#3758F9"
/>
<circle
cx="1.66732"
cy="30.6668"
r="1.66667"
transform="rotate(180 1.66732 30.6668)"
fill="#3758F9"
/>
<circle
cx="1.66732"
cy="1.66683"
r="1.66667"
transform="rotate(180 1.66732 1.66683)"
fill="#3758F9"
/>
</svg>
</span>
</div>
</section>
<!-- ====== FAQ Section End -->
<!-- ====== Footer Section Start -->
<footer
class="wow z-10 bg-[#090E34]"
data-wow-delay=".15s"
>
<div
class="mt-12 border-t border-[#8890A4] border-opacity-40 py-8 lg:mt-[60px]"
>
<div class="container">
<div class="-mx-4 flex flex-wrap">
<div class="w-full px-4">
<div class="my-1 flex justify-center md:justify-center">
<p class="text-base text-gray-7">
Designed and Developed by
<a
href="javascript:void(0)"
rel="nofollow noopner"
class="text-gray-1 hover:underline"
>
CC翻译
</a>
</p>
</div>
</div>
</div>
</div>
</div>
<div>
<span class="absolute left-0 top-0 z-[-1]">
<img src="assets/images/footer/shape-1.svg" alt="cc翻译" />
</span>
<span class="absolute bottom-0 right-0 z-[-1]">
<img src="assets/images/footer/shape-3.svg" alt="cc翻译" />
</span>
<span class="absolute right-0 top-0 z-[-1]">
<svg
width="102"
height="102"
viewBox="0 0 102 102"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M1.8667 33.1956C2.89765 33.1956 3.7334 34.0318 3.7334 35.0633C3.7334 36.0947 2.89765 36.9309 1.8667 36.9309C0.835744 36.9309 4.50645e-08 36.0947 0 35.0633C-4.50645e-08 34.0318 0.835744 33.1956 1.8667 33.1956Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M18.2939 33.1956C19.3249 33.1956 20.1606 34.0318 20.1606 35.0633C20.1606 36.0947 19.3249 36.9309 18.2939 36.9309C17.263 36.9309 16.4272 36.0947 16.4272 35.0633C16.4272 34.0318 17.263 33.1956 18.2939 33.1956Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M34.7209 33.195C35.7519 33.195 36.5876 34.0311 36.5876 35.0626C36.5876 36.0941 35.7519 36.9303 34.7209 36.9303C33.69 36.9303 32.8542 36.0941 32.8542 35.0626C32.8542 34.0311 33.69 33.195 34.7209 33.195Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M50.9341 33.195C51.965 33.195 52.8008 34.0311 52.8008 35.0626C52.8008 36.0941 51.965 36.9303 50.9341 36.9303C49.9031 36.9303 49.0674 36.0941 49.0674 35.0626C49.0674 34.0311 49.9031 33.195 50.9341 33.195Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M1.8667 16.7605C2.89765 16.7605 3.7334 17.5966 3.7334 18.6281C3.7334 19.6596 2.89765 20.4957 1.8667 20.4957C0.835744 20.4957 4.50645e-08 19.6596 0 18.6281C-4.50645e-08 17.5966 0.835744 16.7605 1.8667 16.7605Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M18.2939 16.7605C19.3249 16.7605 20.1606 17.5966 20.1606 18.6281C20.1606 19.6596 19.3249 20.4957 18.2939 20.4957C17.263 20.4957 16.4272 19.6596 16.4272 18.6281C16.4272 17.5966 17.263 16.7605 18.2939 16.7605Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M34.7209 16.7605C35.7519 16.7605 36.5876 17.5966 36.5876 18.6281C36.5876 19.6596 35.7519 20.4957 34.7209 20.4957C33.69 20.4957 32.8542 19.6596 32.8542 18.6281C32.8542 17.5966 33.69 16.7605 34.7209 16.7605Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M50.9341 16.7605C51.965 16.7605 52.8008 17.5966 52.8008 18.6281C52.8008 19.6596 51.965 20.4957 50.9341 20.4957C49.9031 20.4957 49.0674 19.6596 49.0674 18.6281C49.0674 17.5966 49.9031 16.7605 50.9341 16.7605Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M1.8667 0.324951C2.89765 0.324951 3.7334 1.16115 3.7334 2.19261C3.7334 3.22408 2.89765 4.06024 1.8667 4.06024C0.835744 4.06024 4.50645e-08 3.22408 0 2.19261C-4.50645e-08 1.16115 0.835744 0.324951 1.8667 0.324951Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M18.2939 0.324951C19.3249 0.324951 20.1606 1.16115 20.1606 2.19261C20.1606 3.22408 19.3249 4.06024 18.2939 4.06024C17.263 4.06024 16.4272 3.22408 16.4272 2.19261C16.4272 1.16115 17.263 0.324951 18.2939 0.324951Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M34.7209 0.325302C35.7519 0.325302 36.5876 1.16147 36.5876 2.19293C36.5876 3.2244 35.7519 4.06056 34.7209 4.06056C33.69 4.06056 32.8542 3.2244 32.8542 2.19293C32.8542 1.16147 33.69 0.325302 34.7209 0.325302Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M50.9341 0.325302C51.965 0.325302 52.8008 1.16147 52.8008 2.19293C52.8008 3.2244 51.965 4.06056 50.9341 4.06056C49.9031 4.06056 49.0674 3.2244 49.0674 2.19293C49.0674 1.16147 49.9031 0.325302 50.9341 0.325302Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M66.9037 33.1956C67.9346 33.1956 68.7704 34.0318 68.7704 35.0633C68.7704 36.0947 67.9346 36.9309 66.9037 36.9309C65.8727 36.9309 65.037 36.0947 65.037 35.0633C65.037 34.0318 65.8727 33.1956 66.9037 33.1956Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M83.3307 33.1956C84.3616 33.1956 85.1974 34.0318 85.1974 35.0633C85.1974 36.0947 84.3616 36.9309 83.3307 36.9309C82.2997 36.9309 81.464 36.0947 81.464 35.0633C81.464 34.0318 82.2997 33.1956 83.3307 33.1956Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M99.7576 33.1956C100.789 33.1956 101.624 34.0318 101.624 35.0633C101.624 36.0947 100.789 36.9309 99.7576 36.9309C98.7266 36.9309 97.8909 36.0947 97.8909 35.0633C97.8909 34.0318 98.7266 33.1956 99.7576 33.1956Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M66.9037 16.7605C67.9346 16.7605 68.7704 17.5966 68.7704 18.6281C68.7704 19.6596 67.9346 20.4957 66.9037 20.4957C65.8727 20.4957 65.037 19.6596 65.037 18.6281C65.037 17.5966 65.8727 16.7605 66.9037 16.7605Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M83.3307 16.7605C84.3616 16.7605 85.1974 17.5966 85.1974 18.6281C85.1974 19.6596 84.3616 20.4957 83.3307 20.4957C82.2997 20.4957 81.464 19.6596 81.464 18.6281C81.464 17.5966 82.2997 16.7605 83.3307 16.7605Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M99.7576 16.7605C100.789 16.7605 101.624 17.5966 101.624 18.6281C101.624 19.6596 100.789 20.4957 99.7576 20.4957C98.7266 20.4957 97.8909 19.6596 97.8909 18.6281C97.8909 17.5966 98.7266 16.7605 99.7576 16.7605Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M66.9037 0.324966C67.9346 0.324966 68.7704 1.16115 68.7704 2.19261C68.7704 3.22408 67.9346 4.06024 66.9037 4.06024C65.8727 4.06024 65.037 3.22408 65.037 2.19261C65.037 1.16115 65.8727 0.324966 66.9037 0.324966Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M83.3307 0.324951C84.3616 0.324951 85.1974 1.16115 85.1974 2.19261C85.1974 3.22408 84.3616 4.06024 83.3307 4.06024C82.2997 4.06024 81.464 3.22408 81.464 2.19261C81.464 1.16115 82.2997 0.324951 83.3307 0.324951Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M99.7576 0.324951C100.789 0.324951 101.624 1.16115 101.624 2.19261C101.624 3.22408 100.789 4.06024 99.7576 4.06024C98.7266 4.06024 97.8909 3.22408 97.8909 2.19261C97.8909 1.16115 98.7266 0.324951 99.7576 0.324951Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M1.8667 82.2029C2.89765 82.2029 3.7334 83.039 3.7334 84.0705C3.7334 85.102 2.89765 85.9382 1.8667 85.9382C0.835744 85.9382 4.50645e-08 85.102 0 84.0705C-4.50645e-08 83.039 0.835744 82.2029 1.8667 82.2029Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M18.2939 82.2029C19.3249 82.2029 20.1606 83.039 20.1606 84.0705C20.1606 85.102 19.3249 85.9382 18.2939 85.9382C17.263 85.9382 16.4272 85.102 16.4272 84.0705C16.4272 83.039 17.263 82.2029 18.2939 82.2029Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M34.7209 82.2026C35.7519 82.2026 36.5876 83.0387 36.5876 84.0702C36.5876 85.1017 35.7519 85.9378 34.7209 85.9378C33.69 85.9378 32.8542 85.1017 32.8542 84.0702C32.8542 83.0387 33.69 82.2026 34.7209 82.2026Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M50.9341 82.2026C51.965 82.2026 52.8008 83.0387 52.8008 84.0702C52.8008 85.1017 51.965 85.9378 50.9341 85.9378C49.9031 85.9378 49.0674 85.1017 49.0674 84.0702C49.0674 83.0387 49.9031 82.2026 50.9341 82.2026Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M1.8667 65.7677C2.89765 65.7677 3.7334 66.6039 3.7334 67.6353C3.7334 68.6668 2.89765 69.503 1.8667 69.503C0.835744 69.503 4.50645e-08 68.6668 0 67.6353C-4.50645e-08 66.6039 0.835744 65.7677 1.8667 65.7677Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M18.2939 65.7677C19.3249 65.7677 20.1606 66.6039 20.1606 67.6353C20.1606 68.6668 19.3249 69.503 18.2939 69.503C17.263 69.503 16.4272 68.6668 16.4272 67.6353C16.4272 66.6039 17.263 65.7677 18.2939 65.7677Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M34.7209 65.7674C35.7519 65.7674 36.5876 66.6036 36.5876 67.635C36.5876 68.6665 35.7519 69.5027 34.7209 69.5027C33.69 69.5027 32.8542 68.6665 32.8542 67.635C32.8542 66.6036 33.69 65.7674 34.7209 65.7674Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M50.9341 65.7674C51.965 65.7674 52.8008 66.6036 52.8008 67.635C52.8008 68.6665 51.965 69.5027 50.9341 69.5027C49.9031 69.5027 49.0674 68.6665 49.0674 67.635C49.0674 66.6036 49.9031 65.7674 50.9341 65.7674Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M1.8667 98.2644C2.89765 98.2644 3.7334 99.1005 3.7334 100.132C3.7334 101.163 2.89765 102 1.8667 102C0.835744 102 4.50645e-08 101.163 0 100.132C-4.50645e-08 99.1005 0.835744 98.2644 1.8667 98.2644Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M1.8667 49.3322C2.89765 49.3322 3.7334 50.1684 3.7334 51.1998C3.7334 52.2313 2.89765 53.0675 1.8667 53.0675C0.835744 53.0675 4.50645e-08 52.2313 0 51.1998C-4.50645e-08 50.1684 0.835744 49.3322 1.8667 49.3322Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M18.2939 98.2644C19.3249 98.2644 20.1606 99.1005 20.1606 100.132C20.1606 101.163 19.3249 102 18.2939 102C17.263 102 16.4272 101.163 16.4272 100.132C16.4272 99.1005 17.263 98.2644 18.2939 98.2644Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M18.2939 49.3322C19.3249 49.3322 20.1606 50.1684 20.1606 51.1998C20.1606 52.2313 19.3249 53.0675 18.2939 53.0675C17.263 53.0675 16.4272 52.2313 16.4272 51.1998C16.4272 50.1684 17.263 49.3322 18.2939 49.3322Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M34.7209 98.2647C35.7519 98.2647 36.5876 99.1008 36.5876 100.132C36.5876 101.164 35.7519 102 34.7209 102C33.69 102 32.8542 101.164 32.8542 100.132C32.8542 99.1008 33.69 98.2647 34.7209 98.2647Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M50.9341 98.2647C51.965 98.2647 52.8008 99.1008 52.8008 100.132C52.8008 101.164 51.965 102 50.9341 102C49.9031 102 49.0674 101.164 49.0674 100.132C49.0674 99.1008 49.9031 98.2647 50.9341 98.2647Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M34.7209 49.3326C35.7519 49.3326 36.5876 50.1687 36.5876 51.2002C36.5876 52.2317 35.7519 53.0678 34.7209 53.0678C33.69 53.0678 32.8542 52.2317 32.8542 51.2002C32.8542 50.1687 33.69 49.3326 34.7209 49.3326Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M50.9341 49.3326C51.965 49.3326 52.8008 50.1687 52.8008 51.2002C52.8008 52.2317 51.965 53.0678 50.9341 53.0678C49.9031 53.0678 49.0674 52.2317 49.0674 51.2002C49.0674 50.1687 49.9031 49.3326 50.9341 49.3326Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M66.9037 82.2029C67.9346 82.2029 68.7704 83.0391 68.7704 84.0705C68.7704 85.102 67.9346 85.9382 66.9037 85.9382C65.8727 85.9382 65.037 85.102 65.037 84.0705C65.037 83.0391 65.8727 82.2029 66.9037 82.2029Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M83.3307 82.2029C84.3616 82.2029 85.1974 83.0391 85.1974 84.0705C85.1974 85.102 84.3616 85.9382 83.3307 85.9382C82.2997 85.9382 81.464 85.102 81.464 84.0705C81.464 83.0391 82.2997 82.2029 83.3307 82.2029Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M99.7576 82.2029C100.789 82.2029 101.624 83.039 101.624 84.0705C101.624 85.102 100.789 85.9382 99.7576 85.9382C98.7266 85.9382 97.8909 85.102 97.8909 84.0705C97.8909 83.039 98.7266 82.2029 99.7576 82.2029Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M66.9037 65.7674C67.9346 65.7674 68.7704 66.6036 68.7704 67.635C68.7704 68.6665 67.9346 69.5027 66.9037 69.5027C65.8727 69.5027 65.037 68.6665 65.037 67.635C65.037 66.6036 65.8727 65.7674 66.9037 65.7674Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M83.3307 65.7677C84.3616 65.7677 85.1974 66.6039 85.1974 67.6353C85.1974 68.6668 84.3616 69.503 83.3307 69.503C82.2997 69.503 81.464 68.6668 81.464 67.6353C81.464 66.6039 82.2997 65.7677 83.3307 65.7677Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M99.7576 65.7677C100.789 65.7677 101.624 66.6039 101.624 67.6353C101.624 68.6668 100.789 69.503 99.7576 69.503C98.7266 69.503 97.8909 68.6668 97.8909 67.6353C97.8909 66.6039 98.7266 65.7677 99.7576 65.7677Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M66.9037 98.2644C67.9346 98.2644 68.7704 99.1005 68.7704 100.132C68.7704 101.163 67.9346 102 66.9037 102C65.8727 102 65.037 101.163 65.037 100.132C65.037 99.1005 65.8727 98.2644 66.9037 98.2644Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M66.9037 49.3322C67.9346 49.3322 68.7704 50.1684 68.7704 51.1998C68.7704 52.2313 67.9346 53.0675 66.9037 53.0675C65.8727 53.0675 65.037 52.2313 65.037 51.1998C65.037 50.1684 65.8727 49.3322 66.9037 49.3322Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M83.3307 98.2644C84.3616 98.2644 85.1974 99.1005 85.1974 100.132C85.1974 101.163 84.3616 102 83.3307 102C82.2997 102 81.464 101.163 81.464 100.132C81.464 99.1005 82.2997 98.2644 83.3307 98.2644Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M83.3307 49.3322C84.3616 49.3322 85.1974 50.1684 85.1974 51.1998C85.1974 52.2313 84.3616 53.0675 83.3307 53.0675C82.2997 53.0675 81.464 52.2313 81.464 51.1998C81.464 50.1684 82.2997 49.3322 83.3307 49.3322Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M99.7576 98.2644C100.789 98.2644 101.624 99.1005 101.624 100.132C101.624 101.163 100.789 102 99.7576 102C98.7266 102 97.8909 101.163 97.8909 100.132C97.8909 99.1005 98.7266 98.2644 99.7576 98.2644Z"
fill="white"
fill-opacity="0.08"
></path>
<path
d="M99.7576 49.3322C100.789 49.3322 101.624 50.1684 101.624 51.1998C101.624 52.2313 100.789 53.0675 99.7576 53.0675C98.7266 53.0675 97.8909 52.2313 97.8909 51.1998C97.8909 50.1684 98.7266 49.3322 99.7576 49.3322Z"
fill="white"
fill-opacity="0.08"
></path>
</svg>
</span>
</div>
</footer>
<!-- ====== Footer Section End -->
<!-- ====== Back To Top Start -->
<a
href="javascript:void(0)"
class="back-to-top fixed bottom-8 left-auto right-8 z-[999] hidden h-10 w-10 items-center justify-center rounded-md bg-primary text-white shadow-md transition duration-300 ease-in-out hover:bg-dark"
>
<span
class="mt-[6px] h-3 w-3 rotate-45 border-l border-t border-white"
></span>
</a>
<!-- ====== Back To Top End -->
<!-- ====== payment layer dom start -->
<form class="layui-form p-4" action="" id="payment-layer" style="z-index: -1;display: none;">
<div class="w-full max-w-4xl bg-white p-8 rounded-lg mx-auto">
<div class="mb-6">
<h3 class="text-lg font-semibold text-gray-800">套餐购买客服随时支持</h3>
</div>
<div class="mb-6">
<div class="layui-form-item">
<label class="layui-form-label" style="width: 100px">购买内容：</label>
<div class="layui-input-block flex items-center">
<span class="layui-badge layui-bg-blue flex items-center" id="packageName">VIP1</span>
</div>
</div>
</div>
<div class="mb-6">
<div class="layui-form-item">
<label class="layui-form-label" style="width: 100px">购买数量：</label>
<div class="layui-input-block">
<input onchange="home.onCountChange(event)" type="number" value="1" name="count" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input" style="width: 200px">
</div>
</div>
</div>
<div class="mb-8">
<p class="text-gray-700 mb-3">请选择支付方式</p>
<div class="layui-form-item">
<label class="layui-form-label" style="width: 100px">支付：</label>
<div class="layui-input-block">
<input type="radio" name="paymethod" value="0" title="微信支付" checked>
<img class="mr-3" src="assets/images/pricing/wechat.png" class="w-6 h-6 mr-2" alt="cc翻译">
<input type="radio" name="paymethod" value="1" title="支付宝支付">
<img src="assets/images/pricing/alipay.png" class="w-6 h-6 mr-2" alt="cc翻译">
</div>
</div>
</div>
<div class="w-full border-t pt-8 p-4">
<div class="flex justify-between items-center mt-1">
<span class="text-gray-700" id="count-label">总共 1 件商品，商品总额：</span>
<span class="text-lg font-semibold" id="goods-amount">￥200.00</span>
</div>
<div class="flex justify-between items-center">
<span class="text-lg font-bold">支付总额：</span>
<span class="text-2xl font-bold text-red-600" id="total-payment">￥200.00</span>
</div>
<div class="layui-form-item flex justify-end mt-1">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
</div>
</div>
</div>
</div>
</form>
<!-- ====== payment layer dom end -->
<!-- ====== Made With Button Start -->
<div class="fixed bottom-12 left-4 z-[999] inline-flex items-center gap-[10px] rounded-lg bg-black px-[14px] py-2 shadow-2 dark:bg-dark-2 sm:left-9">
<div class="online-customer-service">
<img src="assets/images/online-customer-service/customerService.png" alt="在线客服">
<div class="online-customer-service-label">在线客服</div>
<div class="online-customer-service-content">
<a class="online-customer-service-content-item">
<img src="assets/images/online-customer-service/wechat.jpg" alt="微信客服">
<div class="item-info">
<div>微信客服</div>
<div>通过微信随时与客服沟通 快速沟通，优质服务</div>
</div>
</a>
<a class="online-customer-service-content-item" href="https://t.me/catchat01" target="_blank">
<img src="assets/images/online-customer-service/telegram.jpg" alt="Telegram客服">
<div class="item-info">
<div>Telegram客服</div>
<div>通过Telegram随时与客服沟通 快速沟通，优质服务</div>
</div>
</a>
<a class="online-customer-service-content-item">
<img src="assets/images/online-customer-service/whatsapp.png" alt="WhatsApp客服">
<div class="item-info">
<div>WhatsApp客服</div>
<div>通过WhatsApp随时与客服沟通 快速沟通，优质服务</div>
</div>
</a>
</div>
</div>
</div>
<!-- ====== Made With Button End -->
<!-- ====== All Scripts -->
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="src/request.js"></script>
<script>
// ==== for menu scroll
const pageLink = document.querySelectorAll(".ud-menu-scroll");
pageLink.forEach((elem) => {
elem.addEventListener("click", (e) => {
e.preventDefault();
document.querySelector(elem.getAttribute("href"))?.scrollIntoView({
behavior: "smooth",
offsetTop: 1 - 60,
});
});
});
// section menu active
function onScroll(event) {
try {
const sections = document.querySelectorAll(".ud-menu-scroll");
const scrollPos =
window.pageYOffset ||
document.documentElement.scrollTop ||
document.body.scrollTop;
for (let i = 0; i < sections.length; i++) {
const currLink = sections[i];
const val = currLink.getAttribute("href");
const refElement = document?.querySelector(val);
const scrollTopMinus = scrollPos + 73;
if (
refElement.offsetTop <= scrollTopMinus &&
refElement.offsetTop + refElement.offsetHeight > scrollTopMinus
) {
document
.querySelector(".ud-menu-scroll")
.classList.remove("active");
currLink.classList.add("active");
} else {
currLink.classList.remove("active");
}
}
}catch (e) {
}
}
window.document.addEventListener("scroll", onScroll);
// Testimonial
const testimonialSwiper = new Swiper(".testimonial-carousel", {
slidesPerView: 1,
spaceBetween: 30,
// Navigation arrows
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
breakpoints: {
640: {
slidesPerView: 2,
spaceBetween: 30,
},
1024: {
slidesPerView: 3,
spaceBetween: 30,
},
1280: {
slidesPerView: 3,
spaceBetween: 30,
},
},
});
</script>
<script>
var home = {
packages: [],
currentIdx: null,
currentCount: 1,
/**
* 初始化
*/
init: function (){
var _this = this;
this.initLogin()
this.initData();
//初始化layui相关组件
layui.use('layer', ()=>{});
layui.use('form', function(){
var form = layui.form;
//监听提交
form.on('submit(formDemo)', function(data){
_this.handleSubmitOrderLastCheck(data)
return false;
});
});
},
/**
* 初始化登录态
*/
initLogin: function(){
var token = localStorage.getItem("token");
if(token){
var loginBox = document.getElementById("loginBox");
loginBox.style.display = "none";
} else {
var userBox = document.getElementById("userBox");
userBox.style.display = "none";
}
},
/**
* 初始化相关数据
*/
initData: function (){
var _this = this;
/**
* 初始化数据
*/
request.get("/customer/packageMng/queryPackage", {})
.then(response => {
if(response?.code === 200){
_this.packages = response?.result?.packages;
}
})
.catch(error => {
});
},
/**
* 购买套餐
*/
handleBuy: function(idx){
const token = localStorage.getItem('token');
var customer = JSON.parse(localStorage.getItem('customer'));
if (!token) {
layer.msg("请先登录账号！")
window.location.href = 'signin.html';
return;
}
var usertype = customer?.usertype;
if (usertype === "3") {
layer.msg("请联系企业主账户购买！")
return;
}
this.currentIdx = idx;
var order = this.packages[idx];
var currentprice = order?.currentprice;
var packageName = document.getElementById("packageName");
if(packageName) {
packageName.innerText = order?.name;
}
if(document.getElementById("goods-amount")) {
document.getElementById("goods-amount").innerText = `￥${currentprice}.00`;
}
if(document.getElementById("total-payment")) {
document.getElementById("total-payment").innerText = `￥${currentprice}.00`;
}
layer.open({
type: 1,
area: ['700px', '520px'],
title:"支付",
content: $('#payment-layer'),
end: function () {
var paymentLayer = document.getElementById("payment-layer");
paymentLayer.style.display = "none";
}
})
},
/**
* 套餐数量改变
* @param e
*/
onCountChange: function(e){
var count = e.target.value;
var order = this.packages[this.currentIdx];
var currentprice = order?.currentprice;
this.currentCount = Number(count);
if(count && count !== this.currentCount){
if(document.getElementById("count-label")){
document.getElementById("count-label").innerText = `总共 ${count} 件商品，商品总额：`;
}
if(document.getElementById("goods-amount")) {
document.getElementById("goods-amount").innerText = `￥${Number(count) * currentprice}.00`;
}
if(document.getElementById("total-payment")) {
document.getElementById("total-payment").innerText = `￥${Number(count) * currentprice}.00`;
}
}
},
/**
* 最后一次提交之前的验证
* @param data
*/
handleSubmitOrderLastCheck: function (data){
var _this = this;
var order = this.packages[this.currentIdx];
var customer = JSON.parse(localStorage.getItem('customer'));
if(order?.id !== customer?.packageid){
layer.confirm('您购买的套餐与当前已有套餐不一致，购买后原套餐字符量将会清零，是否继续？', {
btn: ['取消', '确认'] //可以无限个按钮
}, function(index, layero){
layer.close(index);
}, function(index){
_this.handleSubmitOrder(data.field)
});
return
}
_this.handleSubmitOrder(data.field);
},
/**
* 提交订单
* @param data
*/
handleSubmitOrder: function (data){
var _this = this;
var order = this.packages[this.currentIdx];
var customer = JSON.parse(localStorage.getItem('customer'));
var params = {
body: order?.name,
title: order?.name,
createBy: customer?.id, // 用户的id
paymethod: data?.paymethod,
packageId: order?.id,
count: data?.count,
}
request.post("/customer/buyServiceMng/applyPay", params)
.then(response => {
if(response?.code === 200){
const result = response?.result;
const payData = result?.payData; // 支付的二维码图片
if (!payData) {
return;
}
layer.open({
type: 1,
area: ['300px', '320px'],
title: "扫码支付",
content: `<div class="flex justify-center items-center"><img src="${payData}" alt="扫码支付" alt="cc翻译"/></div>`,
btn: ["取消支付", "我已完成支付"],
btn1: function (index, layero) {
layer.close(index);
},
btn2: function (index, layero) {
// todo 前往个人中心页面
}
});
_this.checkPaymentStatus(result?.mchOrderNo)
}
})
},
/**
* 校验支付订单
* @param mchOrderNo
*/
checkOrderStatus: function(mchOrderNo){
return request.get(`/customer/chatOrders/chatOrders/queryByOrderId`, {orderId: mchOrderNo});
},
/**
*
* @param mchOrderNo
*/
checkPaymentStatus: function(mchOrderNo){
const intervalTime = 3000; // 3秒
const timeout = 600000; // 10分钟
let elapsedTime = 0;
if(!mchOrderNo){
layer.msg("支付异常，请刷新后重试")
return;
}
var _this = this;
var intervalId = setInterval(async ()=>{
elapsedTime += intervalTime;
var res = await _this.checkOrderStatus(mchOrderNo)
if (res?.code === 200) {
if (res?.result?.paystatus === "1") {
clearInterval(intervalId);
fbq('track', 'Purchase', {mchOrderNo, value: 200.00});
} else if (elapsedTime >= timeout) {
console.log('订单支付失败，超时未支付');
clearInterval(intervalId);
}
}
}, intervalTime)
},
/**
* 退出登录
*/
logout: function(){
localStorage.removeItem('customer')
localStorage.removeItem('token')
window.location.href = "signin.html"
}
}
home.init()
</script>
</body>
</html>
Alan adının whois bilgisi
Domain Name: CCFYQ.COM
Registry Domain ID: 2947887066_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.cloudflare.com
Registrar URL: http://www.cloudflare.com
Updated Date: 2025-01-05T04:48:04Z
Creation Date: 2025-01-05T04:48:01Z
Registry Expiry Date: 2026-01-05T04:48:01Z
Registrar: Cloudflare, Inc.
Registrar IANA ID: 1910
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +1.6503198930
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Name Server: EMERSON.NS.CLOUDFLARE.COM
Name Server: MALAVIKA.NS.CLOUDFLARE.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-28T00:32:00Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass