You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
546 lines
26 KiB
546 lines
26 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!-- 通用 -->
|
|
{include file="common/head" /}
|
|
<!-- 当前 -->
|
|
<link rel="stylesheet" href="__TMPL__/static/scss/index.css">
|
|
</head>
|
|
|
|
<body>
|
|
{include file="common/header" /}
|
|
<!-- banner start -->
|
|
<div class="indexBanner">
|
|
<div class="swiper indexBannerSwiper">
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:slide cid="1" item="slide" }
|
|
<div class="swiper-slide">
|
|
<a href="{$slide.url|default='javascript:;'}"><img src="{$slide['attachment']['url']}" alt="{$slide['title']}"></a>
|
|
</div>
|
|
{/hcTaglib:slide}
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
<div class="w1280">
|
|
<div class="left">
|
|
<div class="img"><img src="__TMPL__/static/images/wechat2.png" alt=""></div>
|
|
<p>扫码<br>立即开户</p>
|
|
</div>
|
|
<div class="right">
|
|
<a href="{:hcUrl('list/index',['id'=>14])}" class="list">
|
|
<div class="img"><img src="__TMPL__/static/images/indexBlockImg2.png" alt=""></div>
|
|
<div class="text">
|
|
<p>极速开户</p>
|
|
<div class="tips">体验极速线上开户</div>
|
|
</div>
|
|
</a>
|
|
<a href="{:hcUrl('list/index',['id'=>16])}" class="list">
|
|
<div class="img"><img src="__TMPL__/static/images/indexBlockImg.png" alt=""></div>
|
|
<div class="text">
|
|
<p>业务办理</p>
|
|
<div class="tips">增开交易编码、适当性评估</div>
|
|
</div>
|
|
</a>
|
|
<a href="{:hcUrl('list/index',['id'=>21])}" class="list">
|
|
<div class="img"><img src="__TMPL__/static/images/indexBlockImg3.png" alt=""></div>
|
|
<div class="text">
|
|
<p>品种交易规则</p>
|
|
<div class="tips">快速了解各交易所规则</div>
|
|
</div>
|
|
</a>
|
|
<a href="{:hcUrl('list/index',['id'=>22])}" class="list">
|
|
<div class="img"><img src="__TMPL__/static/images/indexBlockImg4.png" alt=""></div>
|
|
<div class="text">
|
|
<p>软件下载</p>
|
|
<div class="tips">洞察产研，赋能投资</div>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="indexBanner mob">
|
|
<div class="swiper indexBannerSwiper">
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:slide cid="2" item="slide" }
|
|
<div class="swiper-slide">
|
|
<img src="{$slide['attachment']['url']}" alt="{$slide['title']}">
|
|
</div>
|
|
{/hcTaglib:slide}
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
<div class="w1280">
|
|
<div class="left">
|
|
<div class="img"><img src="__TMPL__/static/images/wechat2.png" alt=""></div>
|
|
<p>扫码<br>立即开户</p>
|
|
</div>
|
|
<div class="right">
|
|
<a href="{:hcUrl('list/index',['id'=>2])}" class="list">
|
|
<div class="img"><img src="__TMPL__/static/images/indexBlockImg.png" alt=""></div>
|
|
<div class="text">
|
|
<p>业务办理</p>
|
|
<div class="tips">增开交易编码、适当性评估</div>
|
|
</div>
|
|
</a>
|
|
<a href="{:hcUrl('list/index',['id'=>16])}" class="list">
|
|
<div class="img"><img src="__TMPL__/static/images/indexBlockImg2.png" alt=""></div>
|
|
<div class="text">
|
|
<p>开户指南</p>
|
|
<div class="tips">体验极速线上开户</div>
|
|
</div>
|
|
</a>
|
|
<a href="{:hcUrl('list/index',['id'=>21])}" class="list">
|
|
<div class="img"><img src="__TMPL__/static/images/indexBlockImg3.png" alt=""></div>
|
|
<div class="text">
|
|
<p>品种交易规则</p>
|
|
<div class="tips">快速了解各交易所规则</div>
|
|
</div>
|
|
</a>
|
|
<a href="{:hcUrl('list/index',['id'=>22])}" class="list">
|
|
<div class="img"><img src="__TMPL__/static/images/indexBlockImg4.png" alt=""></div>
|
|
<div class="text">
|
|
<p>软件下载</p>
|
|
<div class="tips">洞察产研，赋能投资</div>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- banner end -->
|
|
<div class="indexBlock2">
|
|
<div class="w1280">
|
|
{hcTaglib:content cid="107" moduleId="1" limit="1" isCommend="1" mainField="id,thumbnail" sort="publish_time desc" name="articleList" }
|
|
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" class="img">
|
|
<img src="{$vo.thumbnail.url|default=''}" alt="">
|
|
<div class="posi">图片资讯</div>
|
|
</a>
|
|
{/hcTaglib:content}
|
|
<div class="right">
|
|
<div class="list list1">
|
|
<div class="contTit">
|
|
<div class="leftCont">
|
|
{hcTaglib:categoryList ids="25,26" field="id,title" item="vo"}
|
|
<a href="javascript:;" data-url="{:hcUrl('list/index',['id'=>$vo['id']])}" data-id="{$vo.id}" class="{$vo.id==25?'on':''}">{$vo.title}</a>
|
|
{/hcTaglib:categoryList}
|
|
</div>
|
|
<a href="{:hcUrl('list/index',['id'=>25])}" class="more">更多<img src="__TMPL__/static/images/indexBlock2Ico.png" alt=""></a>
|
|
</div>
|
|
<div class="content">
|
|
{hcTaglib:categoryList ids="25,26" field="id,title" item="vo"}
|
|
<ul>
|
|
{hcTaglib:content cid="$vo['id']" moduleId="1" limit="5" item="vv" mainField="id,title,publish_time" name="articleList"}
|
|
<li>
|
|
<a href="{:hcUrl('detail/index',['id'=>$vv['id'],'cid'=>$vv['category_id']])}">
|
|
<div class="leftCont">{$vv.title}</div>
|
|
<span>{$vv.publish_time|date='Y.m.d'}</span>
|
|
</a>
|
|
</li>
|
|
{/hcTaglib:content}
|
|
</ul>
|
|
{/hcTaglib:categoryList}
|
|
</div>
|
|
</div>
|
|
<div class="list">
|
|
<div class="contTit">
|
|
<div class="leftCont">
|
|
<a href="javascript:;" class="on">交易知识</a>
|
|
</div>
|
|
<a href="{:hcUrl('list/index',['id'=>45])}" class="more">更多<img src="__TMPL__/static/images/indexBlock2Ico.png" alt=""></a>
|
|
</div>
|
|
<div class="content">
|
|
<ul>
|
|
{hcTaglib:content cid="45" moduleId="1" limit="5" item="vv" mainField="id,title,publish_time" name="articleList"}
|
|
<li>
|
|
<a href="{:hcUrl('detail/index',['id'=>$vv['id'],'cid'=>$vv['category_id']])}">
|
|
<div class="leftCont">{$vv.title}</div>
|
|
<span>{$vv.publish_time|date='Y.m.d'}</span>
|
|
</a>
|
|
</li>
|
|
{/hcTaglib:content}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="indexBlock3">
|
|
<div class="w1280">
|
|
<div class="left">
|
|
<div class="contTit">
|
|
<div class="leftCont">
|
|
{hcTaglib:categoryList ids="42,43,44" item="vo" field="id,title" }
|
|
<a href="javascript:;" data-url="{:hcUrl('list/index',['id'=>$vo['id']])}" class="{$key==1 ? 'on' : ''}">{$vo.title}</a>
|
|
{/hcTaglib:categoryList}
|
|
</div>
|
|
<a href="{:hcUrl('list/index',['id'=>42])}" class="more">更多<img src="__TMPL__/static/images/indexBlock2Ico.png" alt=""></a>
|
|
</div>
|
|
<div class="content">
|
|
{hcTaglib:categoryList ids="42,43,44" item="vo" field="id,title" }
|
|
<ul>
|
|
{hcTaglib:content cid="$vo['id']" moduleId="1" limit="7" mainField="id,title,publish_time,thumbnail" item="vv" key="k" name="articleList"}
|
|
<li>
|
|
<a href="{:hcUrl('detail/index',['id'=>$vv['id'],'cid'=>$vv['category_id']])}">
|
|
<div class="leftCont">
|
|
{$vv['title']}
|
|
</div>
|
|
<span>{$vv.publish_time|date='Y-m-d'}</span>
|
|
</a>
|
|
</li>
|
|
{/hcTaglib:content}
|
|
</ul>
|
|
{/hcTaglib:categoryList}
|
|
</div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="contTit">
|
|
<div class="leftCont">
|
|
<a href="javascript:;" class="on">交易日历</a>
|
|
</div>
|
|
<a href="{:hcUrl('list/index',['id'=>17])}" class="img"><img src="" alt=""><img src="__TMPL__/static/images/date.png" alt=""></a>
|
|
</div>
|
|
<div class="layui-inline" id="ID-laydate-static-1"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="indexBlock4">
|
|
<div class="w1280">
|
|
<div class="title">
|
|
<div class="left">
|
|
<p>数字期货</p>
|
|
</div>
|
|
<a href="{:hcUrl('list/index',['id'=>40])}" class="more">更多<img src="__TMPL__/static/images/indexBlock2Ico.png" alt=""></a>
|
|
</div>
|
|
<div class="content">
|
|
<div class="left">
|
|
{hcTaglib:content cid="110" moduleId="1" limit="1" mainField="id,thumbnail" sort="publish_time desc" name="articleList" }
|
|
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" target="_blank">
|
|
<img src="{$vo.thumbnail.url|default=''}" alt="">
|
|
</a>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
<div class="right">
|
|
<!-- <div class="list">
|
|
{hcTaglib:content cid="73" moduleId="1" limit="1" sort="publish_time desc" mainField="id,title,publish_time,thumbnail" name="articleList" }
|
|
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" class="img" target="_blank"><img src="{$vo.thumbnail.url|default='__TMPL__/static/images/indexBlock4Img2.jpg'}" alt=""></a>
|
|
<div class="text">
|
|
<div class="type">热门回顾</div>
|
|
<div class="tit">{$vo.title}</div>
|
|
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" target="_blank"><img src="__TMPL__/static/images/indexBlock4Ico.png" alt="">立即查看</a>
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div> -->
|
|
{hcTaglib:content cid="74" moduleId="1" limit="2" sort="publish_time desc" mainField="id,title,publish_time,thumbnail" name="articleList" }
|
|
<div class="list">
|
|
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" class="img" target="_blank"><img src="{$vo.thumbnail.url|default='__TMPL__/static/images/indexBlock4Img3.jpg'}" alt=""></a>
|
|
<div class="text">
|
|
<div class="type">数字期货</div>
|
|
<div class="tit">{$vo.title}</div>
|
|
<a href="{:hcUrl('detail/index',['id'=>$vo.id,'cid'=>$vo.category_id])}" target="_blank"><img src="__TMPL__/static/images/indexBlock4Ico.png" alt="">立即查看</a>
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="indexBlock5">
|
|
<div class="w1280">
|
|
<div class="title">
|
|
<div class="left">
|
|
<p>我们的服务</p>
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
{hcTaglib:categoryList ids="38,39,4,2" field="id,title,description,thumbnail,banner" item="vo"}
|
|
<div class="list">
|
|
<div class="img"><img src="{$vo.banner.url}" alt=""></div>
|
|
<div class="text">
|
|
<p>{$vo.title}</p>
|
|
<div class="tips">{$vo.description}</div>
|
|
<a href="{:hcUrl('list/index',['id'=>$vo.id])}" class="more">更多<img src="__TMPL__/static/images/indexBlock2Ico.png" alt=""></a>
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:categoryList}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{hcTaglib:contentDetail id="3980" name="item"}
|
|
<div class="indexBlock6" style="background-image: url({$item.thumbnail.url|default='__TMPL__/static/images/indexBlock6Img.jpg'})">
|
|
<div class="w1280">
|
|
<div class="left">
|
|
<div class="tit">{$item.title}</div>
|
|
<div class="tips">
|
|
{$item.description}
|
|
</div>
|
|
<a href="{:hcUrl('list/index',['id'=>54])}" class="link">了解更多</a>
|
|
</div>
|
|
<div class="right">
|
|
<div class="player" lay-on="page"><img src="__TMPL__/static/images/player.png" alt=""></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="windowVideo">
|
|
<div class="content">
|
|
<div class="close"><img src="__TMPL__/static/images/close.png" alt=""></div>
|
|
<div class="cont">
|
|
<video id="indexBlock6video" src="{$item.mian_content.video.url|default='__TMPL__/static/video/30.mp4'}" controls></video>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/hcTaglib:contentDetail}
|
|
<!-- 右侧浮框 -->
|
|
<div class="rightBlock">
|
|
<a href="{:hcUrl('list/index',['id'=>66])}" class="list">
|
|
<div class="img"><img src="__TMPL__/static/images/rightBlockImg.png" alt=""></div>
|
|
<p>联系我们</p>
|
|
</a>
|
|
<a href="{:hcUrl('list/index',['id'=>17])}" class="list">
|
|
<div class="img"><img src="__TMPL__/static/images/rightBlockImg2.png" alt=""></div>
|
|
<p>交易日历</p>
|
|
</a>
|
|
<a href="{:hcUrl('list/index',['id'=>22])}" class="list">
|
|
<div class="img"><img src="__TMPL__/static/images/rightBlockImg3.png" alt=""></div>
|
|
<p>软件下载</p>
|
|
</a>
|
|
<a href="{:hcUrl('list/index',['id'=>14])}" class="list">
|
|
<div class="img"><img src="__TMPL__/static/images/rightBlockImg4.png" alt=""></div>
|
|
<p>扫码开户</p>
|
|
<div class="position">
|
|
<div class="img"><img src="__TMPL__/static/images/wechat.png" alt=""></div>
|
|
</div>
|
|
</a>
|
|
<div class="toTop">
|
|
<img src="__TMPL__/static/images/rightBlockImg5.png" alt="">
|
|
</div>
|
|
</div>
|
|
{include file="common/footer" /}
|
|
<!-- 通用 -->
|
|
{include file="common/foot" /}
|
|
<!-- 当前 -->
|
|
<script src="__TMPL__/static/js/layui.js"></script>
|
|
<script>
|
|
// banner
|
|
var swiper = new Swiper(".indexBannerSwiper", {
|
|
autoplay: {
|
|
delay: 3000,
|
|
stopOnLastSlide: false,
|
|
disableOnInteraction: false,
|
|
},
|
|
loop: true,
|
|
pagination: {
|
|
el: ".indexBannerSwiper .swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
});
|
|
// tab 切换
|
|
$('.indexBlock2 .w1280 .right .list1 ul').eq(0).css('display','block')
|
|
$('.indexBlock2 .w1280 .right .list1 .contTit .leftCont a').click(function () {
|
|
if($(this).hasClass('on')){
|
|
return
|
|
}
|
|
$(this).siblings().removeClass('on')
|
|
$(this).addClass('on')
|
|
$('.indexBlock2 .w1280 .right .list1 ul').css('display','none')
|
|
$('.indexBlock2 .w1280 .right .list1 ul').eq($(this).index()).fadeIn()
|
|
// 设置a链接URL
|
|
let url = $(this).attr('data-url')
|
|
$('.indexBlock2 .w1280 .right .list1 .more').attr('href',url)
|
|
})
|
|
// 东亚研报 tab
|
|
$('.indexBlock3 .w1280 .left .content ul').eq(0).css('display','block')
|
|
$('.indexBlock3 .w1280 .left .contTit .leftCont a').click(function(){
|
|
if($(this).hasClass('on')){
|
|
return
|
|
}
|
|
$(this).siblings().removeClass('on')
|
|
$(this).addClass('on')
|
|
$('.indexBlock3 .w1280 .left .content ul').css('display','none')
|
|
$('.indexBlock3 .w1280 .left .content ul').eq($(this).index()).fadeIn()
|
|
// 设置a链接URL
|
|
let url = $(this).attr('data-url')
|
|
$('.indexBlock3 .w1280 .left .more').attr('href',url)
|
|
})
|
|
// 服务hover
|
|
$('.indexBlock5 .w1280 .content .list').hover(function () {
|
|
if($(window).width() < 1081){
|
|
return
|
|
}
|
|
$(this).children('.posi').stop().fadeOut()
|
|
$(this).children('.posiOn').stop().fadeIn()
|
|
$(this).children('.posiOn').css('display', 'flex')
|
|
}, function () {
|
|
if($(window).width() < 1081){
|
|
return
|
|
}
|
|
$(this).children('.posi').stop().fadeIn()
|
|
$(this).children('.posiOn').stop().fadeOut()
|
|
})
|
|
// 走进东亚 视频
|
|
$('.indexBlock6 .w1280 .right .player').click(function () {
|
|
$('.windowVideo').stop().fadeIn()
|
|
setTimeout(function () {
|
|
$("#indexBlock6video")[0].play();
|
|
}, 500)
|
|
})
|
|
$('.windowVideo .content .close').click(function () {
|
|
$('.windowVideo').stop().fadeOut()
|
|
$("#indexBlock6video")[0].pause();
|
|
})
|
|
// 交易日历处理
|
|
layui.use(function () {
|
|
const laydate = layui.laydate;
|
|
let year = new Date().getFullYear() . toString();
|
|
let month = new Date().getMonth() + 1;
|
|
month = getStandardNum(month)
|
|
let currMonth = year + month.toString();
|
|
let layDateMark = {};
|
|
// 获取有公告的日期
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: '/calendar/mark',
|
|
data: {currMonth},
|
|
success: function(res){
|
|
if(res.code == 0){
|
|
layDateMark = res.data
|
|
laydate.render({
|
|
elem: '#ID-laydate-static-1',
|
|
position: 'static',
|
|
format: 'yyyy-MM-dd',
|
|
ready: function (date) {
|
|
localStorage.setItem('currDate', getDateStr(date));
|
|
localStorage.setItem('curMonth',getMonthParam(date));
|
|
getDateContent(getDateParam(date))
|
|
let markValue = layDateMark;
|
|
$(this.elem).find('[lay-ymd]').each(function () {
|
|
// 日历页面上的日期：如2023-9-19
|
|
var ymd = $(this).attr('lay-ymd');
|
|
let ymdArr = ymd.split('-');
|
|
let day = getStandardNum(ymdArr[2])
|
|
let month = getStandardNum(ymdArr[1])
|
|
let ymdStr = `${ymdArr[0]}-${month}-${day}`
|
|
if (markValue.indexOf(ymdStr) != -1) {
|
|
var p = $(`<div class="customdate-content"><div class="day">
|
|
<span class='laydate-day-mark'>${ymdArr[2]}</span></div></div>`);
|
|
$(this).html(p);
|
|
}
|
|
});
|
|
},
|
|
change: function (value, date) {
|
|
let changeDate = value
|
|
// 日期改变且月份相同则跳转到对应日期公告页面
|
|
// 获取当前月份
|
|
let currMonth = getMonthParam(date)
|
|
if(localStorage.getItem('currDate') !== changeDate){
|
|
if(currMonth == localStorage.getItem('curMonth')){
|
|
let url = "{:hcUrl('list/index',['id'=>17])}";
|
|
localStorage.setItem('initDateParam', getDateParam(date));
|
|
window.location.href = url
|
|
return false
|
|
}
|
|
localStorage.setItem('currDate', changeDate);
|
|
let currDate = getDateParam(date);
|
|
getDateContent(currDate)
|
|
}
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: '/calendar/mark',
|
|
data: {currMonth},
|
|
success: function (res) {
|
|
if (res.code == 0) {
|
|
let markValue = res.data
|
|
$('.layui-laydate-content').find('[lay-ymd]').each(function () {
|
|
var ymd = $(this).attr('lay-ymd');
|
|
let ymdArr = ymd.split('-');
|
|
let day = getStandardNum(ymdArr[2])
|
|
let month = getStandardNum(ymdArr[1])
|
|
let ymdStr = `${ymdArr[0]}-${month}-${day}`
|
|
if (markValue.indexOf(ymdStr) != -1) {
|
|
var p = $(`<div class="customdate-content"><div class="day">
|
|
<span class='laydate-day-mark'>${ymdArr[2]}</span></div></div>`);
|
|
$(this).html(p);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
})
|
|
let textStr = '当前日期：' + value
|
|
$('.time').text(textStr)
|
|
},
|
|
});
|
|
}
|
|
}
|
|
})
|
|
$('.laydate-day-mark').parent('td').click(function(){
|
|
console.log($(this).attr('lay-ymd'))
|
|
})
|
|
|
|
|
|
|
|
// 获取日期参数
|
|
function getDateParam(date)
|
|
{
|
|
let layMonth = date.month;
|
|
layMonth = getStandardNum(layMonth)
|
|
let layDay = date.date;
|
|
layDay = getStandardNum(layDay)
|
|
// 获取点击的日期
|
|
return date.year.toString() + layMonth + layDay
|
|
}
|
|
|
|
// 获取月份参数
|
|
function getMonthParam(date)
|
|
{
|
|
let layMonth = date.month;
|
|
layMonth = getStandardNum(layMonth)
|
|
return date.year.toString() + layMonth;
|
|
}
|
|
|
|
// 获取日期字符
|
|
function getDateStr(date)
|
|
{
|
|
return `${date.year}${date.month}${date.date}`;
|
|
}
|
|
|
|
// 获取当前日期的公告详情
|
|
function getDateContent(currDate){
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: '/calendar/content',
|
|
data: {currDate},
|
|
success: function(res){
|
|
if(res.code == 0){
|
|
setDateContent(res.data.content);
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
// 设置当前日期公告详情
|
|
function setDateContent(content){
|
|
if(!content){
|
|
content = '<p>暂无交易提示</p>'
|
|
}
|
|
$('.dateBlock .right .info').html(content);
|
|
}
|
|
|
|
// 获取标准数字
|
|
function getStandardNum(num){
|
|
if(num < 10){
|
|
num = '0' + num;
|
|
}
|
|
return num;
|
|
}
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|