187 lines
12 KiB
HTML
187 lines
12 KiB
HTML
{include file="public/head"}
|
|
<link rel="stylesheet" href="/static/css/index.css">
|
|
<style>
|
|
body {
|
|
background: #fff !important;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div class="zh_content">
|
|
{include file="public/nav"}
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<div class="swiper-slide-img">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="evus-main">
|
|
<div class="djcon">
|
|
<div class="dj-box">
|
|
<div class="dj-txt" style="font-size: 24px; line-height: 40px; color: #14286d;">{$country|default=''}{:lang('index.visa_service')}</div>
|
|
<div class="dj-txt2">{:str_replace('%country%', $country ?? '', lang('index.welcome_message'))}</div>
|
|
<a href="/home/visa/index.html" class="dj-btn">{:lang('index.online_application')}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-apply notice" style="margin-top: 16px">
|
|
<p style="font-size: 16px;line-height: 30px;">
|
|
<span style="color: red;font-weight: bold;">{:lang('index.notice')}</span>
|
|
<span>{:lang('index.notice_text')}</span>
|
|
</p>
|
|
</div>
|
|
<div class="process">
|
|
<div class="ps-tit">{:lang('index.process_title')}</div>
|
|
<div class="pro-con">
|
|
<div class="ps-item item-border">
|
|
<img src="/static/image/icon-infor.png" alt="">
|
|
<div class="ps-text">{:lang('index.step1_title')}</div>
|
|
<div class="ps-text">{:lang('index.step1_desc')}</div>
|
|
</div>
|
|
<div class="ps-item ps-item2">
|
|
<img class="pc-ps-item" src="/static/image/icon-arrow.png" alt="">
|
|
<img style="display: none" class="m-ps-item" src="/static/image/micon-arrow.png" alt=""/>
|
|
|
|
</div>
|
|
<div class="ps-item item-border">
|
|
<img src="/static/image/icon-up2.png" alt="">
|
|
<div class="ps-text">{:lang('index.step2_title')}</div>
|
|
<div class="ps-text">{:lang('index.step2_desc')}</div>
|
|
</div>
|
|
<div class="ps-item ps-item2">
|
|
<img class="pc-ps-item" src="/static/image/icon-arrow.png" alt="">
|
|
<img style="display: none" class="m-ps-item" src="/static/image/micon-arrow.png" alt=""/>
|
|
|
|
</div>
|
|
<div class="ps-item item-border">
|
|
<img src="/static/image/icon-down.png" alt="">
|
|
<div class="ps-text">{:lang('index.step3_title')}</div>
|
|
<div class="ps-text">{:lang('index.step3_desc')}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-apply">
|
|
<div class="apply-item">
|
|
<img src="/static/image/malaixiya.jpg" >
|
|
</div>
|
|
<div class="apply-item" style="margin-top:35px;">
|
|
<div class="bt" style="text-align: center">{$country|default=''}{:lang('index.entry_card_application')}</div>
|
|
<div style="font-size:16px; line-height:30px;">
|
|
{:str_replace('%country%', $country ?? '', lang('index.application_description1'))}
|
|
<br>
|
|
<p style="padding-top:15px;line-height:30px;">
|
|
{:str_replace('%country%', $country ?? '', lang('index.application_notice'))}
|
|
</p>
|
|
<div style="text-align: center;">
|
|
<a href="{:url('visa/index')}">
|
|
<button class="dj-btn">{$country|default=''}{:lang('index.apply_now')}</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{include file="public/middle"}
|
|
<div style="text-align: center;margin-bottom: 20px;">
|
|
<a href="{:url('visa/index')}">
|
|
<button class="dj-btn">{$country|default=''}{:lang('index.apply_now')}</button>
|
|
</a>
|
|
</div>
|
|
<div class="advantages-section">
|
|
<div class="content1">
|
|
<h3 class="title">{$country|default=''}{:lang('index.electronic_arrival_card')}</h3>
|
|
<div style="color:#fff; font-size:16px; line-height:35px;">
|
|
{:str_replace('%country%', $country ?? '', lang('index.environmental_initiative'))}<br>
|
|
{:lang('index.digital_process_benefits')}<br><br>
|
|
{:str_replace('%country%', $country ?? '', lang('index.submission_requirement'))}<br>
|
|
{:str_replace('%country%', $country ?? '', lang('index.card_validity'))}
|
|
</div>
|
|
<div style="text-align: center;margin-bottom: 20px;">
|
|
<a href="{:url('visa/index')}">
|
|
<button class="dj-btn" style="background: linear-gradient(180deg, #a83723 0, #a83723 100%);">{$country|default=''}{:lang('index.apply_now')}</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{include file="public/footer"}
|
|
</body>
|
|
|
|
<script>
|
|
// 监听复选框点击
|
|
$('.termsCheckbox').click(function (e) {
|
|
e.preventDefault();
|
|
if (window.innerWidth <= 768) {
|
|
area = ['90%', '90%']
|
|
} else {
|
|
area = ['50%', '60%']
|
|
}
|
|
// 弹出条款内容的弹窗
|
|
layer.open({
|
|
type: 1, // 弹窗类型：页面层
|
|
title: '{:lang(\'js.terms_conditions\')}', content: `
|
|
<div style="padding: 20px;">
|
|
<h3>{:lang(\'js.terms_conditions\')}</h3>
|
|
<p></p><p><span style="font-size: 12px;">{:str_replace(\'%country%\', $country ?? \'\', lang(\'js.terms_intro\'))}</span></p>
|
|
<p><span style="font-size: 12px;">{:str_replace(\'%country%\', $country ?? \'\', lang(\'js.our_services\'))}</span></p>
|
|
<p><span style="font-size: 12px;">{:str_replace(\'%country%\', $country ?? \'\', lang(\'js.application_process\'))}</span></p>
|
|
<p><span style="font-size: 12px;">{:lang(\'js.read_confirmation\')}</span></p>
|
|
<p><br></p><p></p>
|
|
</div>
|
|
`, area: area, // 弹窗大小
|
|
btn: ['关闭'], // 按钮
|
|
yes: function (index) {
|
|
layer.close(index); // 关闭弹窗
|
|
}
|
|
});
|
|
|
|
});
|
|
$('.privacy_policy').click(function (e) {
|
|
e.preventDefault();
|
|
if (window.innerWidth <= 768) {
|
|
area = ['90%', '90%']
|
|
} else {
|
|
area = ['50%', '60%']
|
|
}
|
|
// 弹出条款内容的弹窗
|
|
layer.open({
|
|
type: 1, // 弹窗类型：页面层
|
|
title: '{:lang(\'js.privacy_policy\')}', content: `
|
|
<div style="padding: 20px;">
|
|
<h3>{:lang(\'js.privacy_policy\')}</h3>
|
|
<p></p><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(51, 51, 51); white-space: normal; background-color: rgb(255, 255, 255);">{:lang(\'js.privacy_intro\')}</p>
|
|
|
|
<h3 style="box-sizing: border-box; margin: 2px 0px; padding: 10px 0px 0px; border: 0px; font-weight: 400; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.1; color: rgb(0, 48, 73); white-space: normal; background-color: rgb(255, 255, 255);">1. {:lang(\'js.scope\')}</h3>
|
|
<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(51, 51, 51); white-space: normal; background-color: rgb(255, 255, 255);">{:lang(\'js.scope_content\')}</p>
|
|
|
|
<h3 style="box-sizing: border-box; margin: 2px 0px; padding: 10px 0px 0px; border: 0px; font-weight: 400; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.1; color: rgb(0, 48, 73); white-space: normal; background-color: rgb(255, 255, 255);">2. {:lang(\'js.information_use\')}</h3>
|
|
<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(51, 51, 51); white-space: normal; background-color: rgb(255, 255, 255);">{:lang(\'js.information_use_content\')}</p>
|
|
|
|
<h3 style="box-sizing: border-box; margin: 2px 0px; padding: 10px 0px 0px; border: 0px; font-weight: 400; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.1; color: rgb(0, 48, 73); white-space: normal; background-color: rgb(255, 255, 255);">3. {:lang(\'js.information_disclosure\')}</h3>
|
|
<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(51, 51, 51); white-space: normal; background-color: rgb(255, 255, 255);">{:lang(\'js.information_disclosure_content\')}</p>
|
|
|
|
<h3 style="box-sizing: border-box; margin: 2px 0px; padding: 10px 0px 0px; border: 0px; font-weight: 400; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.1; color: rgb(0, 48, 73); white-space: normal; background-color: rgb(255, 255, 255);">4. {:lang(\'js.information_storage\')}</h3>
|
|
<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(51, 51, 51); white-space: normal; background-color: rgb(255, 255, 255);">{:lang(\'js.information_storage_content\')}</p>
|
|
|
|
<h3 style="box-sizing: border-box; margin: 2px 0px; padding: 10px 0px 0px; border: 0px; font-weight: 400; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.1; color: rgb(0, 48, 73); white-space: normal; background-color: rgb(255, 255, 255);">5. {:lang(\'js.cookie_use\')}</h3>
|
|
<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(51, 51, 51); white-space: normal; background-color: rgb(255, 255, 255);">{:lang(\'js.cookie_use_content\')}</p>
|
|
|
|
<h3 style="box-sizing: border-box; margin: 2px 0px; padding: 10px 0px 0px; border: 0px; font-weight: 400; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.1; color: rgb(0, 48, 73); white-space: normal; background-color: rgb(255, 255, 255);">6. {:lang(\'js.information_security\')}</h3>
|
|
<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(51, 51, 51); white-space: normal; background-color: rgb(255, 255, 255);">{:lang(\'js.information_security_content\')}</p>
|
|
|
|
<h3 style="box-sizing: border-box; margin: 2px 0px; padding: 10px 0px 0px; border: 0px; font-weight: 400; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.1; color: rgb(0, 48, 73); white-space: normal; background-color: rgb(255, 255, 255);">7. {:lang(\'js.policy_changes\')}</h3>
|
|
<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(51, 51, 51); white-space: normal; background-color: rgb(255, 255, 255);">{:lang(\'js.policy_changes_content\')}</p>
|
|
<p><br></p><p></p>
|
|
</div>
|
|
`, area: area, // 弹窗大小
|
|
btn: ['关闭'], // 按钮
|
|
yes: function (index) {
|
|
layer.close(index); // 关闭弹窗
|
|
}
|
|
});
|
|
|
|
});
|
|
</script>
|
|
</html> |