Files
exchange-2.0/resources/views/pages/landing/1688-payment-alternative-cn.blade.php
T
2026-01-16 00:25:16 +08:00

926 lines
29 KiB
PHP

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Primary Meta Tags -->
<title>1688支付替代方案 - 马币直付 | CIEF Source 官方授权代付服务</title>
<meta name="title" content="1688支付替代方案 - 马币直付 | CIEF Source 官方授权代付服务">
<meta name="description" content="无需开通支付宝,无需处理外汇。用马币(MYR)完成人民币代付1688订单,订单状态秒级同步,发票合规可对账。官方授权,安全合规,10,000+成功代付案例。">
<meta name="keywords" content="1688支付,1688代付,马币支付1688,1688支付替代方案,支付宝替代,1688人民币代付,马来西亚1688支付,CIEF Source,1688订单支付,跨境支付">
<meta name="author" content="CIEF Source">
<meta name="robots" content="index, follow">
<meta name="language" content="Chinese">
<!-- Canonical URL -->
<link rel="canonical" href="{{ url('/1688-payment-alternative-cn') }}">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="{{ url('/1688-payment-alternative-cn') }}">
<meta property="og:title" content="1688支付替代方案 - 马币直付 | CIEF Source">
<meta property="og:description" content="无需开通支付宝,无需处理外汇。用马币完成人民币代付1688订单,订单状态秒级同步,发票合规可对账。">
<meta property="og:locale" content="zh_CN">
<meta property="og:site_name" content="CIEF Source">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="{{ url('/1688-payment-alternative-cn') }}">
<meta name="twitter:title" content="1688支付替代方案 - 马币直付 | CIEF Source">
<meta name="twitter:description" content="无需开通支付宝,无需处理外汇。用马币完成人民币代付1688订单,订单状态秒级同步,发票合规可对账。">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('images/favicon/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('images/favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('images/favicon/favicon-16x16.png') }}">
<link rel="manifest" href="/site.webmanifest">
<!-- Preconnect for Performance -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="dns-prefetch" href="https://www.googletagmanager.com">
<!-- Structured Data (JSON-LD) -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"name": "1688支付替代方案",
"description": "无需开通支付宝,无需处理外汇。用马币(MYR)完成人民币代付1688订单,订单状态秒级同步,发票合规可对账。",
"provider": {
"@type": "Organization",
"name": "CIEF Source",
"url": "{{ url('/') }}"
},
"areaServed": {
"@type": "Country",
"name": "Malaysia"
},
"serviceType": "跨境支付服务"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [{
"@type": "Question",
"name": "代付安全吗?",
"acceptedAnswer": {
"@type": "Answer",
"text": "CIEF 通过阿里官方 API 进行代付,支付记录与订单回执全链路可追踪。"
}
}, {
"@type": "Question",
"name": "汇率如何计算?",
"acceptedAnswer": {
"@type": "Answer",
"text": "系统每日更新官方汇率;确认前可在界面预览最终金额。"
}
}, {
"@type": "Question",
"name": "是否提供马来西亚发票?",
"acceptedAnswer": {
"@type": "Answer",
"text": "支持开具马来西亚正规发票,便于会计与审计对账。"
}
}, {
"@type": "Question",
"name": "是否有最低代付金额?",
"acceptedAnswer": {
"@type": "Answer",
"text": "无最低限制,小至单笔订单亦可受理。"
}
}, {
"@type": "Question",
"name": "代付后如何跟进发货?",
"acceptedAnswer": {
"@type": "Answer",
"text": "订单与发货信息会回传至 CIEF Source,你可在同一系统继续安排清关与配送。"
}
}]
}
</script>
<style>
/* === CSS Variables === */
:root {
--primary: #22c55e;
--secondary: #38bdf8;
--dark: #0f172a;
--dark-card: #1e293b;
--text: #e2e8f0;
--text-muted: #94a3b8;
--border: #334155;
--radius: 16px;
}
/* === Reset & Base === */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
color: var(--text);
line-height: 1.6;
min-height: 100vh;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
width: 100%;
}
img { max-width: 100%; height: auto; }
a { text-decoration: none; color: inherit; }
/* === Typography === */
.heading-xl {
font-size: clamp(32px, 5vw, 52px);
line-height: 1.2;
font-weight: 700;
margin-bottom: 20px;
color: var(--text);
}
.heading-lg {
font-size: clamp(24px, 4vw, 36px);
line-height: 1.3;
font-weight: 700;
margin-bottom: 16px;
color: var(--text);
}
.heading-md {
font-size: clamp(20px, 3vw, 28px);
line-height: 1.4;
font-weight: 600;
margin-bottom: 12px;
color: var(--text);
}
.text-lg {
font-size: clamp(16px, 2.5vw, 20px);
color: #cbd5e1;
}
.text-muted {
color: var(--text-muted);
font-size: 15px;
}
/* === Buttons === */
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 14px 28px;
border-radius: 100px;
font-weight: 600;
font-size: 16px;
transition: all 0.3s ease;
cursor: pointer;
border: 2px solid transparent;
}
.btn-primary {
background: linear-gradient(135deg, var(--primary), #16a34a);
color: #0a2e19;
box-shadow: 0 8px 20px rgba(34, 197, 94, 0.3);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(34, 197, 94, 0.4);
}
.btn-secondary {
background: rgba(148, 163, 184, 0.1);
border-color: var(--border);
color: var(--text);
}
.btn-secondary:hover {
background: rgba(148, 163, 184, 0.15);
border-color: #475569;
}
/* === Badges & Pills === */
.badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
background: rgba(34, 197, 94, 0.1);
border: 1px solid rgba(34, 197, 94, 0.3);
border-radius: 100px;
color: #86efac;
font-size: 13px;
font-weight: 500;
margin-bottom: 20px;
}
.pill {
display: inline-block;
padding: 6px 14px;
background: rgba(56, 189, 248, 0.1);
border: 1px solid rgba(56, 189, 248, 0.3);
border-radius: 100px;
color: #7dd3fc;
font-size: 13px;
font-weight: 500;
margin-bottom: 12px;
}
/* === Cards === */
.card {
background: linear-gradient(180deg, rgba(30, 41, 59, 0.8), rgba(15, 23, 42, 0.6));
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 24px;
transition: all 0.3s ease;
}
.card:hover {
transform: translateY(-2px);
border-color: #475569;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}
/* === Grid System === */
.grid {
display: grid;
gap: 20px;
}
.grid-2 { grid-template-columns: 1fr; }
.grid-3 { grid-template-columns: 1fr; }
@media (min-width: 640px) {
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
.grid-3 { grid-template-columns: repeat(3, 1fr); }
}
/* === Sections === */
.section {
padding: 80px 0;
position: relative;
}
.section-sm { padding: 50px 0; }
/* === Hero Section === */
.hero {
padding: 100px 0 80px;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
top: -20%;
right: -10%;
width: 800px;
height: 800px;
background: radial-gradient(circle, rgba(34, 197, 94, 0.15), transparent 70%);
filter: blur(60px);
pointer-events: none;
}
.hero::after {
content: '';
position: absolute;
bottom: -20%;
left: -10%;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(56, 189, 248, 0.12), transparent 70%);
filter: blur(50px);
pointer-events: none;
}
.hero-content {
position: relative;
z-index: 1;
}
.hero-grid {
display: grid;
gap: 40px;
align-items: center;
}
@media (min-width: 900px) {
.hero-grid { grid-template-columns: 1.2fr 1fr; }
}
/* === Stats === */
.stats {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-top: 24px;
}
.stat-item {
padding: 10px 16px;
background: rgba(99, 102, 241, 0.1);
border: 1px dashed rgba(129, 140, 248, 0.3);
border-radius: 12px;
color: #a5b4fc;
font-size: 14px;
font-weight: 500;
}
/* === Feature Items === */
.feature-item {
display: flex;
gap: 16px;
align-items: flex-start;
}
.feature-icon {
flex-shrink: 0;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(56, 189, 248, 0.1);
border: 1px solid rgba(56, 189, 248, 0.3);
border-radius: 12px;
font-size: 24px;
}
/* === Flow Diagram === */
.flow-card {
background: rgba(15, 23, 42, 0.6);
border: 1px solid var(--border);
border-radius: 14px;
padding: 20px;
}
.flow-step {
display: flex;
gap: 16px;
align-items: flex-start;
padding: 16px;
background: rgba(30, 41, 59, 0.5);
border: 1px solid var(--border);
border-radius: 12px;
margin-bottom: 12px;
}
.flow-step:last-child { margin-bottom: 0; }
.step-number {
flex-shrink: 0;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(56, 189, 248, 0.15);
border: 1px solid rgba(56, 189, 248, 0.4);
border-radius: 10px;
color: #7dd3fc;
font-weight: 700;
font-size: 16px;
}
.flow-arrow {
text-align: center;
color: var(--secondary);
font-size: 24px;
margin: -6px 0;
}
/* === Diagram Box === */
.diagram-box {
background: linear-gradient(180deg, rgba(30, 41, 59, 0.7), rgba(15, 23, 42, 0.5));
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 24px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.node {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
padding: 14px 16px;
background: rgba(30, 41, 59, 0.5);
border: 1px solid var(--border);
border-radius: 12px;
margin-bottom: 8px;
}
.node:last-child { margin-bottom: 0; }
.node-badge {
padding: 4px 12px;
background: rgba(34, 197, 94, 0.15);
border: 1px solid rgba(34, 197, 94, 0.3);
border-radius: 8px;
color: #86efac;
font-size: 12px;
font-weight: 500;
}
/* === Table === */
.table-wrap {
overflow-x: auto;
margin-top: 24px;
}
table {
width: 100%;
border-collapse: collapse;
background: rgba(30, 41, 59, 0.6);
border: 2px solid var(--border);
border-radius: 12px;
overflow: hidden;
}
table th,
table td {
padding: 16px;
text-align: left;
border: 1px solid var(--border);
}
table th {
background: rgba(15, 23, 42, 0.8);
color: var(--text);
font-weight: 600;
}
table tr:last-child td {
border-bottom: none;
}
table tr:hover {
background: rgba(30, 41, 59, 0.8);
}
/* === FAQ === */
.faq-item {
background: rgba(30, 41, 59, 0.6);
border: 1px solid var(--border);
border-radius: 12px;
padding: 16px;
margin-bottom: 12px;
}
.faq-question {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-weight: 600;
color: var(--text);
}
.faq-question span {
font-size: 20px;
color: var(--secondary);
transition: transform 0.3s ease;
}
.faq-item.active .faq-question span {
transform: rotate(45deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
margin-top: 12px;
color: var(--text-muted);
line-height: 1.6;
}
.faq-item.active .faq-answer {
max-height: 500px;
padding-top: 12px;
}
/* === CTA Banner === */
.cta-banner {
background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(56, 189, 248, 0.1));
border: 1px solid rgba(34, 197, 94, 0.3);
border-radius: 24px;
padding: 50px 30px;
text-align: center;
}
.cta-buttons {
display: flex;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
margin-top: 24px;
}
/* === Footer === */
.footer {
padding: 40px 0;
border-top: 1px solid var(--border);
color: var(--text-muted);
font-size: 14px;
text-align: center;
}
/* === Utilities === */
.text-center { text-align: center; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 8px; }
.mb-2 { margin-bottom: 16px; }
.mb-3 { margin-bottom: 24px; }
.mt-2 { margin-top: 16px; }
.mt-3 { margin-top: 24px; }
.gap-2 { gap: 16px; }
.flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.highlight { color: var(--primary); }
</style>
</head>
<body>
<!-- Hero Section -->
<section class="hero">
<div class="container hero-content">
<div class="hero-grid">
<div>
<span class="badge"> 官方授权 · 安全合规 · 马币直付</span>
<h1 class="heading-xl">
无法支付 1688 订单?<br>
<span class="highlight">CIEF 支付替代方案</span> 一键搞定
</h1>
<p class="text-lg">
无需开通支付宝,无需处理外汇。用马币(MYR)完成人民币代付,订单状态秒级同步,发票合规可对账。
</p>
<div class="flex flex-wrap gap-2 mt-3">
<a href="#start" class="btn btn-primary">
开始代付 1688 订单
</a>
<a href="https://wa.me/60123456789" class="btn btn-secondary" target="_blank" rel="noopener">
WhatsApp 咨询
</a>
</div>
<div class="stats">
<div class="stat-item">🎯 10,000+ 成功代付</div>
<div class="stat-item"> API 直连 · 可追踪</div>
<div class="stat-item">🧾 马来西亚正规发票</div>
</div>
</div>
<div class="diagram-box">
<div class="node">
<strong>买家(你)</strong>
<span class="node-badge">MYR 付款</span>
</div>
<div class="flow-arrow"></div>
<div class="node">
<strong>CIEF 系统</strong>
<span class="node-badge">API 处理</span>
</div>
<div class="flow-arrow"></div>
<div class="node">
<strong>1688 卖家</strong>
<span class="node-badge">RMB 收款</span>
</div>
<div class="flow-arrow"></div>
<div class="node">
<strong>物流清关</strong>
<span class="node-badge">一条龙</span>
</div>
<p class="text-muted" style="margin-top: 16px; font-size: 13px;">
💡 提示:可在 CIEF Source 内直接跟踪订单状态与物流进度
</p>
</div>
</div>
</div>
</section>
<!-- Pain Points -->
<section class="section">
<div class="container">
<span class="pill">常见难题</span>
<h2 class="heading-lg">你是否也遇到这些支付障碍?</h2>
<p class="text-muted mb-3">跨境采购最常见的痛点,我们都已替客户解决过:</p>
<div class="grid grid-2">
<div class="card">
<div class="feature-item">
<div class="feature-icon">🚫</div>
<div>
<h3 class="heading-md mb-1">无法开通/使用支付宝</h3>
<p class="text-muted">没有中国手机号或资质,支付宝难以落地。</p>
</div>
</div>
</div>
<div class="card">
<div class="feature-item">
<div class="feature-icon">🏢</div>
<div>
<h3 class="heading-md mb-1">公司账户难以对外汇款</h3>
<p class="text-muted">银行外汇手续复杂、到账慢、沟通成本高。</p>
</div>
</div>
</div>
<div class="card">
<div class="feature-item">
<div class="feature-icon">⏱️</div>
<div>
<h3 class="heading-md mb-1">时效 & 可追踪性差</h3>
<p class="text-muted">传统"找人代付"风险高、无法系统化追踪。</p>
</div>
</div>
</div>
<div class="card">
<div class="feature-item">
<div class="feature-icon">🧾</div>
<div>
<h3 class="heading-md mb-1">发票与对账不合规</h3>
<p class="text-muted">无法拿到马来西亚发票,财务对账困难。</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Solution -->
<section class="section">
<div class="container">
<span class="pill">解决方案</span>
<h2 class="heading-lg">官方授权 · 安全合规的 1688 支付替代方案</h2>
<p class="text-muted mb-3">
CIEF 作为 1688 官方合作方,支持你用马币完成人民币代付,付款即刻同步订单状态,并可无缝衔接采购、清关与配送。
</p>
<div class="grid grid-2">
<div class="flow-card">
<div class="flow-step">
<div class="step-number">1</div>
<div>
<strong>提交 1688 订单链接</strong>
<p class="text-muted mb-0"> CIEF Source 粘贴链接或上传截图,便可开始。</p>
</div>
</div>
<div class="flow-step">
<div class="step-number">2</div>
<div>
<strong>确认金额与汇率</strong>
<p class="text-muted mb-0">系统显示代付金额(含当日汇率),确认无误即下一步。</p>
</div>
</div>
<div class="flow-step">
<div class="step-number">3</div>
<div>
<strong>用马币付款给 CIEF</strong>
<p class="text-muted mb-0">支持转账/FPX 等方式,企业可走公司账。</p>
</div>
</div>
<div class="flow-step">
<div class="step-number">4</div>
<div>
<strong>API 代你支付卖家</strong>
<p class="text-muted mb-0">Ali 官方 API 直连,安全稳定可追踪。</p>
</div>
</div>
<div class="flow-step">
<div class="step-number">5</div>
<div>
<strong>订单与物流状态同步</strong>
<p class="text-muted mb-0">代付完成后,订单状态与发货信息自动回传。</p>
</div>
</div>
</div>
<div class="grid">
<div class="card">
<div class="feature-item">
<div class="feature-icon">💵</div>
<div>
<h3 class="heading-md mb-1">马币直付</h3>
<p class="text-muted mb-0">无需人民币账户,无需外汇繁琐流程。</p>
</div>
</div>
</div>
<div class="card">
<div class="feature-item">
<div class="feature-icon">🔒</div>
<div>
<h3 class="heading-md mb-1">官方 API</h3>
<p class="text-muted mb-0">阿里官方接口,支付与回执全链路记录。</p>
</div>
</div>
</div>
<div class="card">
<div class="feature-item">
<div class="feature-icon"></div>
<div>
<h3 class="heading-md mb-1">秒级入账</h3>
<p class="text-muted mb-0">确认后快速代付,缩短采购周期。</p>
</div>
</div>
</div>
<div class="card">
<div class="feature-item">
<div class="feature-icon">🧾</div>
<div>
<h3 class="heading-md mb-1">马来西亚发票</h3>
<p class="text-muted mb-0">开具正规发票,方便会计与审计对账。</p>
</div>
</div>
</div>
</div>
</div>
<div class="flex flex-wrap gap-2 mt-3">
<a href="#start" class="btn btn-primary">
现在用马币代付
</a>
<a href="https://wa.me/60123456789" class="btn btn-secondary" target="_blank" rel="noopener">
咨询客服
</a>
</div>
</div>
</section>
<!-- Comparison Table -->
<section class="section-sm">
<div class="container">
<span class="pill">为什么选我们</span>
<h2 class="heading-lg">一眼看懂:传统方式 vs CIEF 方案</h2>
<div class="table-wrap">
<table>
<thead>
<tr>
<th>项目</th>
<th>传统方式</th>
<th>CIEF 支付替代方案</th>
</tr>
</thead>
<tbody>
<tr>
<td>开通支付宝</td>
<td>需中国手机号/身份证,流程复杂</td>
<td><strong style="color: var(--primary);">无需</strong>,直接用马币支付</td>
</tr>
<tr>
<td>外汇手续</td>
<td>流程长、沟通成本高</td>
<td><strong style="color: var(--primary);">省去外汇步骤</strong>,企业可走公司账</td>
</tr>
<tr>
<td>安全性</td>
<td>找人代付,风险与纠纷高</td>
<td><strong style="color: var(--primary);">官方 API</strong> 直连,支付有据可查</td>
</tr>
<tr>
<td>订单追踪</td>
<td>支付后信息割裂,不易追踪</td>
<td><strong style="color: var(--primary);">系统实时回传</strong> 下单/发货状态</td>
</tr>
<tr>
<td>发票对账</td>
<td>无法取得本地发票</td>
<td><strong style="color: var(--primary);">马来西亚正规发票</strong>,合规对账</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- Social Proof -->
<section class="section-sm">
<div class="container">
<div class="grid grid-3">
<div class="card text-center">
<h3 class="heading-md">1688 官方合作伙伴</h3>
<p class="text-muted mb-0">长期技术与业务合作,可信赖的跨境解决方案。</p>
</div>
<div class="card text-center">
<h3 class="heading-md">10,000+ 成功代付</h3>
<p class="text-muted mb-0">覆盖多行业客户,口碑沉淀与流程完善。</p>
</div>
<div class="card text-center">
<h3 class="heading-md">端到端一条龙</h3>
<p class="text-muted mb-0">采购、代付、清关、配送与对账,全流程打通。</p>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="section">
<div class="container">
<span class="pill">FAQ</span>
<h2 class="heading-lg">常见问题</h2>
<div class="grid">
<div class="faq-item">
<div class="faq-question" onclick="this.parentElement.classList.toggle('active')">
代付安全吗?
<span>+</span>
</div>
<div class="faq-answer">
CIEF 通过阿里官方 API 进行代付,支付记录与订单回执全链路可追踪。
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="this.parentElement.classList.toggle('active')">
汇率如何计算?
<span>+</span>
</div>
<div class="faq-answer">
系统每日更新官方汇率;确认前可在界面预览最终金额。
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="this.parentElement.classList.toggle('active')">
是否提供马来西亚发票?
<span>+</span>
</div>
<div class="faq-answer">
支持开具马来西亚正规发票,便于会计与审计对账。
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="this.parentElement.classList.toggle('active')">
是否有最低代付金额?
<span>+</span>
</div>
<div class="faq-answer">
无最低限制,小至单笔订单亦可受理。
</div>
</div>
<div class="faq-item">
<div class="faq-question" onclick="this.parentElement.classList.toggle('active')">
代付后如何跟进发货?
<span>+</span>
</div>
<div class="faq-answer">
订单与发货信息会回传至 CIEF Source,你可在同一系统继续安排清关与配送。
</div>
</div>
</div>
</div>
</section>
<!-- CTA Banner -->
<section class="section-sm">
<div class="container">
<div class="cta-banner">
<h2 class="heading-lg mb-2">让采购更简单、安全、合规</h2>
<p class="text-lg mb-0">现在就用马币为你的 1688 订单代付,并在同一平台完成清关与对账。</p>
<div class="cta-buttons">
<a href="#start" class="btn btn-primary">开始使用</a>
<a href="https://wa.me/60123456789" class="btn btn-secondary" target="_blank" rel="noopener">联系客服</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<p>&copy; {{ date('Y') }} CIEF Source. All rights reserved.</p>
<p>1688 官方授权支付替代方案服务商</p>
</div>
</footer>
</body>
</html>