2025-08-10 23:09:36 +08:00
|
|
|
|
<template>
|
|
|
|
|
|
<div class="help-center">
|
2025-08-16 22:48:10 +08:00
|
|
|
|
<!-- 刷新遮罩层 -->
|
|
|
|
|
|
<div v-if="isRefreshing" class="refresh-mask">
|
|
|
|
|
|
<div class="refresh-content">
|
|
|
|
|
|
<div class="loading-spinner"></div>
|
|
|
|
|
|
<div class="loading-text">正在加载...</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2025-08-10 23:09:36 +08:00
|
|
|
|
<div class="text-wrapper_2">
|
|
|
|
|
|
<span class="text_31">帮助中心</span>
|
|
|
|
|
|
<span class="text_32">问题一次性解决</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<div class="help-content">
|
|
|
|
|
|
<div class="group_3 flex-col">
|
|
|
|
|
|
<span class="text_19">帮助中心</span>
|
|
|
|
|
|
<div class="text-wrapper_3">
|
|
|
|
|
|
<!-- 分割线 -->
|
|
|
|
|
|
<div class="divider_2"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2025-08-14 17:32:28 +08:00
|
|
|
|
<div class="box_3" :class="{ active: activeTab === 0 }" @click="handleTabChange(0)">
|
2025-08-10 23:09:36 +08:00
|
|
|
|
<div class="image-text_2 justify-between">
|
|
|
|
|
|
<img class="thumbnail_8" referrerpolicy="no-referrer"
|
2025-08-14 17:32:28 +08:00
|
|
|
|
:src="activeTab === 0 ? '/images/Help-center/SketchPngd9dfa413c705d7d7838aa04a1af69011abc78cfe7a9d0d31b5bfca3ed5a4c990.png' : '/images/Help-center/disposition.png'" />
|
2025-08-10 23:09:36 +08:00
|
|
|
|
<span class="text-group_2">账号问题</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2025-08-14 17:32:28 +08:00
|
|
|
|
<div class="box_3" :class="{ active: activeTab === 1 }" @click="handleTabChange(1)">
|
2025-08-10 23:09:36 +08:00
|
|
|
|
<div class="image-text_2 justify-between">
|
|
|
|
|
|
<img class="thumbnail_8" referrerpolicy="no-referrer"
|
2025-08-14 17:32:28 +08:00
|
|
|
|
:src="activeTab === 1 ? '/images/Help-center/Gc_24_line-Authentication(1).png@2x.png' : '/images/Help-center/SketchPng8c77f6b5914ca8b5148cb9e177fb5d7ad7b15bbad1eb5506086428c4b5243169.png'" />
|
2025-08-10 23:09:36 +08:00
|
|
|
|
<span class="text-group_2">认证证书</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2025-08-14 17:32:28 +08:00
|
|
|
|
<div class="box_3" :class="{ active: activeTab === 2 }" @click="handleTabChange(2)">
|
2025-08-10 23:09:36 +08:00
|
|
|
|
<div class="image-text_2 justify-between">
|
|
|
|
|
|
<img class="thumbnail_8" referrerpolicy="no-referrer"
|
2025-08-14 17:32:28 +08:00
|
|
|
|
:src="activeTab === 2 ? '/images/Help-center/course-active.png' : '/images/Help-center/SketchPng9eac41c079f953a4c9dd6e8ea78ccfedb8a08687a399dfa96c25967f42408792.png'" />
|
2025-08-10 23:09:36 +08:00
|
|
|
|
<span class="text-group_2">课程问题</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="group_2 justify-between">
|
|
|
|
|
|
<div class="block_1 flex-col">
|
2025-08-14 17:32:28 +08:00
|
|
|
|
<span class="text_4" v-if="activeTab === 0">帐号问题</span>
|
|
|
|
|
|
<span class="text_4" v-else-if="activeTab === 1">认证证书</span>
|
|
|
|
|
|
<span class="text_4" v-else>课程问题</span>
|
2025-08-10 23:09:36 +08:00
|
|
|
|
<!-- 分割线 -->
|
|
|
|
|
|
<div class="divider_1"></div>
|
2025-08-14 17:32:28 +08:00
|
|
|
|
|
|
|
|
|
|
<div v-if="activeTab === 0">
|
|
|
|
|
|
<div class="section_1 justify-between">
|
|
|
|
|
|
<img class="thumbnail_1" referrerpolicy="no-referrer"
|
|
|
|
|
|
src="/images/Help-center/SketchPngcebb162be4c752de66c89f16a525f570b179222941fc1ebd59ee37257e634009.png" />
|
|
|
|
|
|
<span class="text_5">1.如何在线上注册账号？</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="text_6">
|
|
|
|
|
|
浏览器登录www.xuetangx.com，打开网页后点击右上角登录按钮进行账号注册；您也可以在微信小程序和app的登录界面进行注册。
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div v-else-if="activeTab === 1">
|
|
|
|
|
|
<div class="section_1 justify-between">
|
|
|
|
|
|
<img class="thumbnail_1" referrerpolicy="no-referrer"
|
|
|
|
|
|
src="/images/Help-center/SketchPngcebb162be4c752de66c89f16a525f570b179222941fc1ebd59ee37257e634009.png" />
|
|
|
|
|
|
<span class="text_5">1.如何获取课程认证证书？</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="text_6">
|
|
|
|
|
|
完成课程所有学习内容并通过考核后，可在课程详情页面申请认证证书。认证证书通常在3-5个工作日内审核发放。
|
|
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div v-else>
|
|
|
|
|
|
<div class="section_1 justify-between">
|
|
|
|
|
|
<img class="thumbnail_1" referrerpolicy="no-referrer"
|
|
|
|
|
|
src="/images/Help-center/SketchPngcebb162be4c752de66c89f16a525f570b179222941fc1ebd59ee37257e634009.png" />
|
|
|
|
|
|
<span class="text_5">1.如何购买课程？</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="text_6">
|
|
|
|
|
|
浏览课程详情页面，点击"立即购买"按钮，按照提示完成支付流程即可。支持微信、支付宝等多种支付方式。
|
|
|
|
|
|
</span>
|
2025-08-10 23:09:36 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="section_1 justify-between">
|
|
|
|
|
|
<img class="thumbnail_1" referrerpolicy="no-referrer"
|
|
|
|
|
|
src="/images/Help-center/SketchPngcebb162be4c752de66c89f16a525f570b179222941fc1ebd59ee37257e634009.png" />
|
|
|
|
|
|
<span class="text_5">1.如何在线上注册账号？</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="text_6">
|
|
|
|
|
|
浏览器登录www.xuetangx.com，打开网页后点击右上角登录按钮进行账号注册；您也可以在微信小程序和app的登录界面进行注册。
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<div class="section_1 justify-between">
|
|
|
|
|
|
<img class="thumbnail_1" referrerpolicy="no-referrer"
|
|
|
|
|
|
src="/images/Help-center/SketchPngcebb162be4c752de66c89f16a525f570b179222941fc1ebd59ee37257e634009.png" />
|
|
|
|
|
|
<span class="text_5">1.如何在线上注册账号？</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="text_6">
|
|
|
|
|
|
浏览器登录www.xuetangx.com，打开网页后点击右上角登录按钮进行账号注册；您也可以在微信小程序和app的登录界面进行注册。
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<div class="section_1 justify-between">
|
|
|
|
|
|
<img class="thumbnail_1" referrerpolicy="no-referrer"
|
|
|
|
|
|
src="/images/Help-center/SketchPngcebb162be4c752de66c89f16a525f570b179222941fc1ebd59ee37257e634009.png" />
|
|
|
|
|
|
<span class="text_5">1.如何在线上注册账号？</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="text_6">
|
|
|
|
|
|
浏览器登录www.xuetangx.com，打开网页后点击右上角登录按钮进行账号注册；您也可以在微信小程序和app的登录界面进行注册。
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<div class="section_1 justify-between">
|
|
|
|
|
|
<img class="thumbnail_1" referrerpolicy="no-referrer"
|
|
|
|
|
|
src="/images/Help-center/SketchPngcebb162be4c752de66c89f16a525f570b179222941fc1ebd59ee37257e634009.png" />
|
|
|
|
|
|
<span class="text_5">1.如何在线上注册账号？</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="text_6">
|
|
|
|
|
|
浏览器登录www.xuetangx.com，打开网页后点击右上角登录按钮进行账号注册；您也可以在微信小程序和app的登录界面进行注册。
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<div class="section_1 justify-between">
|
|
|
|
|
|
<img class="thumbnail_1" referrerpolicy="no-referrer"
|
|
|
|
|
|
src="/images/Help-center/SketchPngcebb162be4c752de66c89f16a525f570b179222941fc1ebd59ee37257e634009.png" />
|
|
|
|
|
|
<span class="text_5">1.如何在线上注册账号？</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="text_6">
|
|
|
|
|
|
浏览器登录www.xuetangx.com，打开网页后点击右上角登录按钮进行账号注册；您也可以在微信小程序和app的登录界面进行注册。
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<div class="section_1 justify-between">
|
|
|
|
|
|
<img class="thumbnail_1" referrerpolicy="no-referrer"
|
|
|
|
|
|
src="/images/Help-center/SketchPngcebb162be4c752de66c89f16a525f570b179222941fc1ebd59ee37257e634009.png" />
|
|
|
|
|
|
<span class="text_5">1.如何在线上注册账号？</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="text_6">
|
|
|
|
|
|
浏览器登录www.xuetangx.com，打开网页后点击右上角登录按钮进行账号注册；您也可以在微信小程序和app的登录界面进行注册。
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<div class="section_1 justify-between">
|
|
|
|
|
|
<img class="thumbnail_1" referrerpolicy="no-referrer"
|
|
|
|
|
|
src="/images/Help-center/SketchPngcebb162be4c752de66c89f16a525f570b179222941fc1ebd59ee37257e634009.png" />
|
|
|
|
|
|
<span class="text_5">1.如何在线上注册账号？</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="text_6">
|
|
|
|
|
|
浏览器登录www.xuetangx.com，打开网页后点击右上角登录按钮进行账号注册；您也可以在微信小程序和app的登录界面进行注册。
|
|
|
|
|
|
</span>
|
2025-08-16 22:48:10 +08:00
|
|
|
|
<div class="section_1 justify-between">
|
|
|
|
|
|
<img class="thumbnail_1" referrerpolicy="no-referrer"
|
|
|
|
|
|
src="/images/Help-center/SketchPngcebb162be4c752de66c89f16a525f570b179222941fc1ebd59ee37257e634009.png" />
|
|
|
|
|
|
<span class="text_5">1.如何在线上注册账号？</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="text_6">
|
|
|
|
|
|
浏览器登录www.xuetangx.com，打开网页后点击右上角登录按钮进行账号注册；您也可以在微信小程序和app的登录界面进行注册。
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<div class="section_1 justify-between">
|
|
|
|
|
|
<img class="thumbnail_1" referrerpolicy="no-referrer"
|
|
|
|
|
|
src="/images/Help-center/SketchPngcebb162be4c752de66c89f16a525f570b179222941fc1ebd59ee37257e634009.png" />
|
|
|
|
|
|
<span class="text_5">1.如何在线上注册账号？</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="text_6">
|
|
|
|
|
|
浏览器登录www.xuetangx.com，打开网页后点击右上角登录按钮进行账号注册；您也可以在微信小程序和app的登录界面进行注册。
|
|
|
|
|
|
</span>
|
2025-08-10 23:09:36 +08:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
2025-08-16 22:48:10 +08:00
|
|
|
|
import { ref, onMounted, onActivated } from 'vue';
|
2025-08-10 23:09:36 +08:00
|
|
|
|
|
2025-08-14 17:32:28 +08:00
|
|
|
|
// 当前选中的tab索引
|
|
|
|
|
|
const activeTab = ref(0);
|
|
|
|
|
|
|
2025-08-16 22:48:10 +08:00
|
|
|
|
// 是否正在刷新
|
|
|
|
|
|
const isRefreshing = ref(false);
|
|
|
|
|
|
|
2025-08-14 17:32:28 +08:00
|
|
|
|
// tab切换处理函数
|
|
|
|
|
|
const handleTabChange = (index: number) => {
|
|
|
|
|
|
activeTab.value = index;
|
|
|
|
|
|
}
|
2025-08-16 22:48:10 +08:00
|
|
|
|
|
|
|
|
|
|
// 强制布局更新
|
|
|
|
|
|
const forceLayoutUpdate = () => {
|
|
|
|
|
|
// 强制重新计算布局
|
|
|
|
|
|
window.dispatchEvent(new Event('resize'));
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 检查自动刷新
|
|
|
|
|
|
const checkAutoRefresh = () => {
|
|
|
|
|
|
// 检查是否需要自动刷新页面
|
|
|
|
|
|
const needsRefresh = sessionStorage.getItem('helpCenterNeedsRefresh');
|
|
|
|
|
|
if (needsRefresh === 'true') {
|
|
|
|
|
|
console.log('检测到从其他页面进入帮助中心，开始无感知刷新');
|
|
|
|
|
|
sessionStorage.removeItem('helpCenterNeedsRefresh');
|
|
|
|
|
|
|
|
|
|
|
|
// 显示刷新动画
|
|
|
|
|
|
isRefreshing.value = true;
|
|
|
|
|
|
|
|
|
|
|
|
// 延迟刷新，让动画先显示
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
|
// 直接刷新页面
|
|
|
|
|
|
window.location.reload();
|
|
|
|
|
|
}, 300);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 生命周期钩子
|
|
|
|
|
|
onMounted(() => {
|
|
|
|
|
|
// 检查是否需要自动刷新
|
|
|
|
|
|
checkAutoRefresh();
|
|
|
|
|
|
|
|
|
|
|
|
// 确保页面加载时样式正确应用
|
|
|
|
|
|
forceLayoutUpdate();
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
onActivated(() => {
|
|
|
|
|
|
// 检查是否需要自动刷新
|
|
|
|
|
|
checkAutoRefresh();
|
|
|
|
|
|
|
|
|
|
|
|
// 当组件被激活时（从其他页面返回），重新应用样式
|
|
|
|
|
|
forceLayoutUpdate();
|
|
|
|
|
|
});
|
2025-08-10 23:09:36 +08:00
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
2025-08-19 19:04:11 +08:00
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
|
|
font-family: 'AlimamaShuHeiTiBold';
|
|
|
|
|
|
src: url('@/assets/fonts/AlimamaShuHeiTi-Bold.ttf') format('truetype');
|
|
|
|
|
|
font-display: swap;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2025-08-16 22:48:10 +08:00
|
|
|
|
/* 刷新遮罩层样式 */
|
|
|
|
|
|
.refresh-mask {
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
background: rgba(255, 255, 255, 0.95);
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
z-index: 9999;
|
|
|
|
|
|
animation: fadeIn 0.3s ease-in-out;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes fadeIn {
|
|
|
|
|
|
from {
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
to {
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.refresh-content {
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.loading-spinner {
|
|
|
|
|
|
width: 40px;
|
|
|
|
|
|
height: 40px;
|
|
|
|
|
|
border: 4px solid #f3f3f3;
|
|
|
|
|
|
border-top: 4px solid #0088d1;
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
animation: spin 1s linear infinite;
|
|
|
|
|
|
margin: 0 auto 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes spin {
|
|
|
|
|
|
0% {
|
|
|
|
|
|
transform: rotate(0deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
|
transform: rotate(360deg);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.loading-text {
|
|
|
|
|
|
color: #666;
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
|
}
|
2025-08-10 23:09:36 +08:00
|
|
|
|
.help-center {
|
|
|
|
|
|
min-height: 90vh;
|
|
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.text-wrapper_2 {
|
|
|
|
|
|
height: 163px;
|
|
|
|
|
|
background: url('/images/Help-center/help-center-bg.png') 100% no-repeat;
|
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_31 {
|
|
|
|
|
|
width: 128px;
|
|
|
|
|
|
height: 28px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(0, 0, 0, 1);
|
|
|
|
|
|
font-size: 32px;
|
2025-08-19 19:04:11 +08:00
|
|
|
|
font-family: 'AlimamaShuHeiTiBold';
|
2025-08-10 23:09:36 +08:00
|
|
|
|
font-weight: 700;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
margin: auto;
|
|
|
|
|
|
padding-top: 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_32 {
|
|
|
|
|
|
width: 98px;
|
|
|
|
|
|
height: 17px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(0, 0, 0, 1);
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: center;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
margin: auto;
|
|
|
|
|
|
padding-bottom: 50px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.text_19 {
|
|
|
|
|
|
width: 72px;
|
|
|
|
|
|
height: 24px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 24px;
|
|
|
|
|
|
margin: 21px 0 0 22px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.box_3 {
|
|
|
|
|
|
width: 254px;
|
|
|
|
|
|
height: 54px;
|
|
|
|
|
|
line-height: 54px;
|
|
|
|
|
|
margin: 0 15px 0 15px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.box_3.active {
|
2025-08-12 16:58:22 +08:00
|
|
|
|
background: url('/images/Help-center/01.jpg') 100% no-repeat;
|
2025-08-10 23:09:36 +08:00
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.image-text_2 {
|
|
|
|
|
|
width: 98px;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
margin: auto;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
gap: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.thumbnail_8 {
|
|
|
|
|
|
width: 18px;
|
|
|
|
|
|
height: 18px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-group_2 {
|
|
|
|
|
|
width: 72px;
|
|
|
|
|
|
height: 21px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
2025-08-14 17:32:28 +08:00
|
|
|
|
color: rgba(153, 153, 153, 1);
|
2025-08-10 23:09:36 +08:00
|
|
|
|
font-size: 18px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 21px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2025-08-14 17:32:28 +08:00
|
|
|
|
.box_3.active .text-group_2 {
|
|
|
|
|
|
color: #0288D1;
|
|
|
|
|
|
}
|
2025-08-10 23:09:36 +08:00
|
|
|
|
.image-text_3 {
|
|
|
|
|
|
width: 98px;
|
|
|
|
|
|
height: 23px;
|
|
|
|
|
|
margin: 30px 0 0 85px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.thumbnail_9 {
|
|
|
|
|
|
width: 19px;
|
|
|
|
|
|
height: 19px;
|
|
|
|
|
|
margin-top: 4px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.group_3 {
|
|
|
|
|
|
padding-top: 20px;
|
|
|
|
|
|
background-color: white;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-group_3 {
|
|
|
|
|
|
width: 72px;
|
|
|
|
|
|
height: 21px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(102, 102, 102, 1);
|
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 21px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.thumbnail_10 {
|
|
|
|
|
|
width: 18px;
|
|
|
|
|
|
height: 20px;
|
|
|
|
|
|
margin-top: 3px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-group_4 {
|
|
|
|
|
|
width: 72px;
|
|
|
|
|
|
height: 21px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(102, 102, 102, 1);
|
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 21px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.block_1 {
|
|
|
|
|
|
padding-top: 20px;
|
|
|
|
|
|
width: 1093px;
|
|
|
|
|
|
height: 971px;
|
2025-08-12 16:58:22 +08:00
|
|
|
|
background: url('/images/Help-center/02.jpg') 100% no-repeat;
|
2025-08-10 23:09:36 +08:00
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_4 {
|
|
|
|
|
|
width: 98px;
|
|
|
|
|
|
height: 24px;
|
|
|
|
|
|
margin: 33px 0 0 20px;
|
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.divider_1 {
|
|
|
|
|
|
margin: 15px auto;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
width: 94%;
|
|
|
|
|
|
height: 2px;
|
|
|
|
|
|
background-color: #F6F6F6;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.divider_2 {
|
|
|
|
|
|
margin: 20px auto;
|
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
width: 88%;
|
|
|
|
|
|
height: 1px;
|
|
|
|
|
|
background-color: #F6F6F6;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.section_1 {
|
|
|
|
|
|
width: 196px;
|
|
|
|
|
|
height: 30px;
|
|
|
|
|
|
margin: 25px 0 10px 33px;
|
|
|
|
|
|
padding-top: 5px;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
gap: 5px;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.thumbnail_1 {
|
|
|
|
|
|
width: 16px;
|
|
|
|
|
|
height: 18px;
|
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_5 {
|
|
|
|
|
|
width: 174px;
|
|
|
|
|
|
height: 18px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(0, 0, 0, 1);
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_6 {
|
|
|
|
|
|
width: 933px;
|
|
|
|
|
|
height: 26px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
|
margin: 15px 0 0 34px;
|
|
|
|
|
|
padding-bottom: 20px;
|
|
|
|
|
|
border-bottom: 2px dotted #E6E6E6;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.section_2 {
|
|
|
|
|
|
width: 196px;
|
|
|
|
|
|
height: 20px;
|
|
|
|
|
|
margin: 38px 0 0 33px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.thumbnail_2 {
|
|
|
|
|
|
width: 16px;
|
|
|
|
|
|
height: 18px;
|
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_7 {
|
|
|
|
|
|
width: 174px;
|
|
|
|
|
|
height: 18px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(0, 0, 0, 1);
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_8 {
|
|
|
|
|
|
width: 933px;
|
|
|
|
|
|
height: 26px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
|
margin: 15px 0 0 34px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.section_3 {
|
|
|
|
|
|
width: 196px;
|
|
|
|
|
|
height: 20px;
|
|
|
|
|
|
margin: 38px 0 0 33px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.thumbnail_3 {
|
|
|
|
|
|
width: 16px;
|
|
|
|
|
|
height: 18px;
|
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_9 {
|
|
|
|
|
|
width: 174px;
|
|
|
|
|
|
height: 18px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(0, 0, 0, 1);
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_10 {
|
|
|
|
|
|
width: 933px;
|
|
|
|
|
|
height: 26px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
|
margin: 15px 0 0 34px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.section_4 {
|
|
|
|
|
|
width: 196px;
|
|
|
|
|
|
height: 20px;
|
|
|
|
|
|
margin: 38px 0 0 33px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.thumbnail_4 {
|
|
|
|
|
|
width: 16px;
|
|
|
|
|
|
height: 18px;
|
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_11 {
|
|
|
|
|
|
width: 174px;
|
|
|
|
|
|
height: 18px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(0, 0, 0, 1);
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_12 {
|
|
|
|
|
|
width: 933px;
|
|
|
|
|
|
height: 26px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
|
margin: 15px 0 0 34px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.section_5 {
|
|
|
|
|
|
width: 196px;
|
|
|
|
|
|
height: 20px;
|
|
|
|
|
|
margin: 38px 0 0 33px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.thumbnail_5 {
|
|
|
|
|
|
width: 16px;
|
|
|
|
|
|
height: 18px;
|
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_13 {
|
|
|
|
|
|
width: 174px;
|
|
|
|
|
|
height: 18px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(0, 0, 0, 1);
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_14 {
|
|
|
|
|
|
width: 933px;
|
|
|
|
|
|
height: 26px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
|
margin: 15px 0 0 34px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.section_6 {
|
|
|
|
|
|
width: 196px;
|
|
|
|
|
|
height: 20px;
|
|
|
|
|
|
margin: 38px 0 0 33px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.thumbnail_6 {
|
|
|
|
|
|
width: 16px;
|
|
|
|
|
|
height: 18px;
|
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_15 {
|
|
|
|
|
|
width: 174px;
|
|
|
|
|
|
height: 18px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(0, 0, 0, 1);
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_16 {
|
|
|
|
|
|
width: 933px;
|
|
|
|
|
|
height: 26px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
|
margin: 15px 0 0 34px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.section_7 {
|
|
|
|
|
|
width: 196px;
|
|
|
|
|
|
height: 20px;
|
|
|
|
|
|
margin: 38px 0 0 33px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.thumbnail_7 {
|
|
|
|
|
|
width: 16px;
|
|
|
|
|
|
height: 18px;
|
|
|
|
|
|
margin-top: 2px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_17 {
|
|
|
|
|
|
width: 174px;
|
|
|
|
|
|
height: 18px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(0, 0, 0, 1);
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text_18 {
|
|
|
|
|
|
width: 933px;
|
|
|
|
|
|
height: 26px;
|
|
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
|
font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
|
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
|
text-align: left;
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
|
margin: 15px 0 224px 34px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.help-content {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
gap: 30px;
|
|
|
|
|
|
margin: 30px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-wrapper_3 {
|
|
|
|
|
|
height: 25px;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
