...
|
...
|
@@ -6,20 +6,30 @@ |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
<title>星域秀场</title>
|
|
|
<link rel="stylesheet" href="../css/header.css">
|
|
|
<link rel="stylesheet" href="../swiper4/swiper.min.css">
|
|
|
<link rel="stylesheet" href="../css/show.css">
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/header.css">
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
|
|
|
<style>
|
|
|
.slide-image{
|
|
|
width:260px;
|
|
|
height:375px;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<!--头部-->
|
|
|
<header></header>
|
|
|
<include file="public@header"/>
|
|
|
<div class="show_index">
|
|
|
<!-- banner视频 -->
|
|
|
<div class="show_index_banner">
|
|
|
<video id="video" autoplay="autoplay" controls width="100%" height="660" src="../starImg/video.mp4"></video>
|
|
|
<!-- poster="../starImg/aicon_01.png" -->
|
|
|
<!-- <img onclick="bofang()" class="show_in_banner2" src="../starImg/aicon_30.png" alt=""> -->
|
|
|
<notempty name="res_xqyy">
|
|
|
<video id="video" autoplay="autoplay" controls width="100%" height="660" src="{:cmf_get_file_download_url($res_xqyy.video)}"></video>
|
|
|
<else/>
|
|
|
<video id="video" autoplay="autoplay" controls width="100%" height="660" src="__TMPL__/public/assets/starImg/video.mp4"></video>
|
|
|
</notempty>
|
|
|
<!-- poster="__TMPL__/public/assets/starImg/aicon_01.png" -->
|
|
|
<!-- <img onclick="bofang()" class="show_in_banner2" src="__TMPL__/public/assets/starImg/aicon_30.png" alt=""> -->
|
|
|
</div>
|
|
|
|
|
|
<!-- main 背景 -->
|
...
|
...
|
@@ -29,7 +39,7 @@ |
|
|
<!-- 顶部标题 -->
|
|
|
<div class="show_INMain_tit clearfix">
|
|
|
<div class="show_IN1 clearfix">
|
|
|
<img src="../starImg/aicon_48.png" alt="">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_48.png" alt="">
|
|
|
<p>明星<span>访谈</span></p>
|
|
|
<h2>Star Interview</h2>
|
|
|
</div>
|
...
|
...
|
@@ -41,12 +51,12 @@ |
|
|
<!-- 内容 -->
|
|
|
<div class="show_INMain_con clearfix">
|
|
|
<a href="mingxing_detail.html">
|
|
|
<img class="show_INMain_con1" src="../starImg/aicon_31.png" alt="">
|
|
|
<img class="show_INMain_con1" src="{:cmf_get_image_url($res_mxft.avatar)}" alt="">
|
|
|
<div class="show_INMain_con2 clearfix">
|
|
|
<img class="show_INMain_con3" src="../starImg/aicon_32.png" alt="">
|
|
|
<h2>胡歌</h2>
|
|
|
<h3>著名国际巨星 慈善家</h3>
|
|
|
<p>那年孩子们都上大学了,我孑然一身,几个老弟兄说出国走走看看,一个老嫂子会点外语,于是我们就自由行到了欧洲,法国,德国,意大利,几个国家转了一圈,外国的天气,气候真是清新,不去的时候不想,但是身临其境的时候就会感受到巨大的差异。巴黎车水马龙,意大利热情奔放,</p>
|
|
|
<img class="show_INMain_con3" src="__TMPL__/public/assets/starImg/aicon_32.png" alt="">
|
|
|
<h2>{$res_mxft.full_name}</h2>
|
|
|
<h3>{$res_mxft.position} {$res_mxft.trade}</h3>
|
|
|
<p>{$res_mxft.post_excerpt}</p>
|
|
|
</div>
|
|
|
</a>
|
|
|
</div>
|
...
|
...
|
@@ -56,7 +66,7 @@ |
|
|
<!-- 顶部标题 -->
|
|
|
<div class="show_INMain_tit clearfix">
|
|
|
<div class="show_IN1 clearfix">
|
|
|
<img src="../starImg/aicon_03.png" alt="">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_03.png" alt="">
|
|
|
<p>星球<span>故事</span></p>
|
|
|
<h2>Planet Story</h2>
|
|
|
</div>
|
...
|
...
|
@@ -68,34 +78,22 @@ |
|
|
<!-- 内容 -->
|
|
|
<div class="show_INMain_con2_2 swiper-container2">
|
|
|
<div class="swiper-wrapper">
|
|
|
<volist name="res_xqgs" id="vo">
|
|
|
<div class="swiper-slide">
|
|
|
<div class="show_index_con2Txt clearfix">
|
|
|
<!-- 左侧图片 -->
|
|
|
<img class="show_indexImg1" src="../starImg/aicon_21.png" alt="">
|
|
|
<img class="show_indexImg1" src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
|
|
|
<!-- 文字 -->
|
|
|
<div class="show_index_con2Txt2">
|
|
|
链子桥于1839年开始兴建,1849年竣工,全长380米。建成时是当时世界上跨度最大的桥,桥身以锁链为骨架,桥面两侧设有人行走道,中间可通行车辆。矗立在两岸的桥头堡是两座高大雄伟的石砌凯旋门,拱门雕饰精美、缘线层叠,配以稳重的基座,颇有大气的王者之风。巨大的钢索从桥头堡引出,悬拉起舒展的桥面,勾勒出遒劲的曲线轮廓。靠近佩斯区的桥两侧有两头石狮镇守,雄狮造型刚毅雄伟,如守护神般日夜镇守着链子桥,现在已成为链子桥的象征如守护神般日夜镇守着链子桥。 在链子桥上漫步,你可以欣赏到布达和佩斯两岸的迷人风景,宁静的多瑙河,壮观华丽的匈牙利国会大厦,梦幻的渔人堡,置身其中,恍如步入凝固的历史画卷。不论春夏秋冬,这里的美景都别有一番韵味。链子桥的布达一端设有垂直缆车,和四季酒店宫殿般美轮美奂的建筑。宁静的多瑙河,壮观华丽的匈牙利国会大厦,梦幻的渔人堡,置身其中,恍如步入凝固的历史画卷。
|
|
|
{$vo.post_excerpt}
|
|
|
</div>
|
|
|
<!-- 进度条 -->
|
|
|
<div class="show_index_progress">
|
|
|
<img src="../starImg/aicon_15.png" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="swiper-slide">
|
|
|
<div class="show_index_con2Txt clearfix">
|
|
|
<!-- 左侧图片 -->
|
|
|
<img class="show_indexImg1" src="../starImg/aicon_21.png" alt="">
|
|
|
<!-- 文字 -->
|
|
|
<div class="show_index_con2Txt2">
|
|
|
链子桥于1839年开始兴建,1849年竣工,全长380米。建成时是当时世界上跨度最大的桥,桥身以锁链为骨架,桥面两侧设有人行走道,中间可通行车辆。矗立在两岸的桥头堡是两座高大雄伟的石砌凯旋门,拱门雕饰精美、缘线层叠,配以稳重的基座,颇有大气的王者之风。巨大的钢索从桥头堡引出,悬拉起舒展的桥面,勾勒出遒劲的曲线轮廓。靠近佩斯区的桥两侧有两头石狮镇守,雄狮造型刚毅雄伟,如守护神般日夜镇守着链子桥,现在已成为链子桥的象征如守护神般日夜镇守着链子桥。 在链子桥上漫步,你可以欣赏到布达和佩斯两岸的迷人风景,宁静的多瑙河,壮观华丽的匈牙利国会大厦,梦幻的渔人堡,置身其中,恍如步入凝固的历史画卷。不论春夏秋冬,这里的美景都别有一番韵味。链子桥的布达一端设有垂直缆车,和四季酒店宫殿般美轮美奂的建筑。宁静的多瑙河,壮观华丽的匈牙利国会大厦,梦幻的渔人堡,置身其中,恍如步入凝固的历史画卷。
|
|
|
</div>
|
|
|
<!-- 进度条 -->
|
|
|
<div class="show_index_progress">
|
|
|
<img src="../starImg/aicon_15.png" alt="">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_15.png" alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
</div>
|
|
|
<div class="show_swiper2_btn clearfix">
|
|
|
|
...
|
...
|
@@ -114,7 +112,7 @@ |
|
|
<!-- 顶部标题 -->
|
|
|
<div class="show_INMain_tit clearfix">
|
|
|
<div class="show_IN1 clearfix">
|
|
|
<img src="../starImg/aicon_50.png" alt="">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_50.png" alt="">
|
|
|
<p>星球<span>画廊</span></p>
|
|
|
<h2>Star Gallery</h2>
|
|
|
</div>
|
...
|
...
|
@@ -123,26 +121,13 @@ |
|
|
<div class="show_INMain_con3_3 swiper-container">
|
|
|
<ul class="swiper-wrapper">
|
|
|
<li class="swiper-slide">
|
|
|
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
|
|
|
</li>
|
|
|
<li class="swiper-slide">
|
|
|
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
|
|
|
</li>
|
|
|
<li class="swiper-slide">
|
|
|
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
|
|
|
<img class="swiper-slide" src="__TMPL__/public/assets/starImg/aicon_47.png" alt="">
|
|
|
</li>
|
|
|
<volist name="res_xyhl" id="vo">
|
|
|
<li class="swiper-slide">
|
|
|
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
|
|
|
</li>
|
|
|
<li class="swiper-slide">
|
|
|
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
|
|
|
</li>
|
|
|
<li class="swiper-slide">
|
|
|
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
|
|
|
</li>
|
|
|
<li class="swiper-slide">
|
|
|
<img class="swiper-slide" src="../starImg/aicon_47.png" alt="">
|
|
|
<img class="swiper-slide slide-image" src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
|
|
|
</li>
|
|
|
</volist>
|
|
|
</ul>
|
|
|
<div class="swiper-button-next">
|
|
|
|
...
|
...
|
@@ -158,7 +143,7 @@ |
|
|
<!-- 顶部标题 -->
|
|
|
<div class="show_INMain_tit clearfix">
|
|
|
<div class="show_IN1 clearfix">
|
|
|
<img src="../starImg/aicon_51.png" alt="" style="margin-top:5px;width: 30px;">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_51.png" alt="" style="margin-top:5px;width: 30px;">
|
|
|
<p>独角<span>快报</span></p>
|
|
|
<h2>Planet Express</h2>
|
|
|
</div>
|
...
|
...
|
@@ -170,40 +155,20 @@ |
|
|
<!-- 内容 -->
|
|
|
<div class="show_INMain_con4">
|
|
|
<ul>
|
|
|
<volist name="res_djkb" id="vo">
|
|
|
<li class="clearfix">
|
|
|
<a href="show_4.html">
|
|
|
<img src="../starImg/bicon_27.png" alt="">
|
|
|
<div class="show_INMain_con4_txt">
|
|
|
<h2>这片鲜有人知的湖区,堪称芬兰的灵魂,就等你来一探究竟!</h2>
|
|
|
<p>一提到芬兰,脑海里总是出现绚丽的极光、快乐的圣诞老人……你以为芬兰所有的快乐和浪漫都留给了冬天?会议认为,成绩留在过去,问题面向未来。目前,中青旅处于经济下行风险期、旅游行业变革创新期、自身改革发展转型期“三期叠加”爬坡过坎的特殊关键时期。
|
|
|
</p>
|
|
|
<span>2019-01-09</span>
|
|
|
</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="clearfix">
|
|
|
<a href="show_4.html">
|
|
|
<img src="../starImg/bicon_27.png" alt="">
|
|
|
<div class="show_INMain_con4_txt">
|
|
|
<h2>这片鲜有人知的湖区,堪称芬兰的灵魂,就等你来一探究竟!</h2>
|
|
|
<p>一提到芬兰,脑海里总是出现绚丽的极光、快乐的圣诞老人……你以为芬兰所有的快乐和浪漫都留给了冬天?会议认为,成绩留在过去,问题面向未来。目前,中青旅处于经济下行风险期、旅游行业变革创新期、自身改革发展转型期“三期叠加”爬坡过坎的特殊关键时期。
|
|
|
</p>
|
|
|
<span>2019-01-09</span>
|
|
|
</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="clearfix">
|
|
|
<a href="show_4.html">
|
|
|
<img src="../starImg/bicon_27.png" alt="">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
|
|
|
<div class="show_INMain_con4_txt">
|
|
|
<h2>这片鲜有人知的湖区,堪称芬兰的灵魂,就等你来一探究竟!</h2>
|
|
|
<p>一提到芬兰,脑海里总是出现绚丽的极光、快乐的圣诞老人……你以为芬兰所有的快乐和浪漫都留给了冬天?会议认为,成绩留在过去,问题面向未来。目前,中青旅处于经济下行风险期、旅游行业变革创新期、自身改革发展转型期“三期叠加”爬坡过坎的特殊关键时期。
|
|
|
<h2>{$vo.post_title}</h2>
|
|
|
<p>
|
|
|
{$vo.post_excerpt}
|
|
|
</p>
|
|
|
<span>2019-01-09</span>
|
|
|
<span>{$vo.create_time|date="Y-m-d",###}</span>
|
|
|
</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
|
|
|
</volist>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
...
|
...
|
@@ -213,7 +178,7 @@ |
|
|
<!-- 顶部标题 -->
|
|
|
<div class="show_INMain_tit clearfix">
|
|
|
<div class="show_IN1 clearfix">
|
|
|
<img src="../starImg/aicon_52.png" alt="" style="margin-top:3px;width: 28px;">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_52.png" alt="" style="margin-top:3px;width: 28px;">
|
|
|
<p>独角<span>日志</span></p>
|
|
|
<h2>Neo Blog</h2>
|
|
|
</div>
|
...
|
...
|
@@ -221,44 +186,22 @@ |
|
|
<!-- 内容 -->
|
|
|
<div class="show_INMain_con5">
|
|
|
<ul class="clearfix">
|
|
|
<volist name="res_djrz" id="vo">
|
|
|
<li>
|
|
|
<a href="dujiao_detail.html">
|
|
|
<div class="show_INMain_con5_1">
|
|
|
<img src="../starImg/aicon_55.png" alt="">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
|
|
|
</div>
|
|
|
<div class="show_INMain_con5_2">
|
|
|
<h1>曼谷著名地标,必访的景点</h1>
|
|
|
<h1>{$vo.post_title}</h1>
|
|
|
<p>
|
|
|
门票一个人200泰铢,附一瓶水,人群明显较大皇宫少,为什么?明明就在隔壁。 中文说明,个人觉得,泰国受中国和印度影响很深,建筑风格上,可看出两者的融合,卧佛本身所在寺庙,内部空不是很大,观光客都在取景拍照,而换零钱投钵许愿这事,很有特色内部空不是很大,观光客都在取景拍照。
|
|
|
{$vo.post_excerpt}
|
|
|
</p>
|
|
|
<img src="../starImg/aicon_56.png" alt="">
|
|
|
<img src="{:cmf_get_image_url($vo.avatar)}" alt="">
|
|
|
</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="show_INMain_con5_1">
|
|
|
<img src="../starImg/aicon_55.png" alt="">
|
|
|
</div>
|
|
|
<div class="show_INMain_con5_2">
|
|
|
<h1>曼谷著名地标,必访的景点</h1>
|
|
|
<p>
|
|
|
门票一个人200泰铢,附一瓶水,人群明显较大皇宫少,为什么?明明就在隔壁。 中文说明,个人觉得,泰国受中国和印度影响很深,建筑风格上,可看出两者的融合,卧佛本身所在寺庙,内部空不是很大,观光客都在取景拍照,而换零钱投钵许愿这事,很有特色内部空不是很大,观光客都在取景拍照。
|
|
|
</p>
|
|
|
<img src="../starImg/aicon_56.png" alt="">
|
|
|
</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="show_INMain_con5_1">
|
|
|
<img src="../starImg/aicon_55.png" alt="">
|
|
|
</div>
|
|
|
<div class="show_INMain_con5_2">
|
|
|
<h1>曼谷著名地标,必访的景点</h1>
|
|
|
<p>
|
|
|
门票一个人200泰铢,附一瓶水,人群明显较大皇宫少,为什么?明明就在隔壁。 中文说明,个人觉得,泰国受中国和印度影响很深,建筑风格上,可看出两者的融合,卧佛本身所在寺庙,内部空不是很大,观光客都在取景拍照,而换零钱投钵许愿这事,很有特色内部空不是很大,观光客都在取景拍照。
|
|
|
</p>
|
|
|
<img src="../starImg/aicon_56.png" alt="">
|
|
|
</div>
|
|
|
</li>
|
|
|
</volist>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
...
|
...
|
@@ -267,7 +210,7 @@ |
|
|
<!-- 顶部标题 -->
|
|
|
<div class="show_INMain_tit clearfix">
|
|
|
<div class="show_IN1 clearfix">
|
|
|
<img src="../starImg/aicon_53.png" alt="" style="margin-top:5px;width:37px;">
|
|
|
<img src="__TMPL__/public/assets/starImg/aicon_53.png" alt="" style="margin-top:5px;width:37px;">
|
|
|
<p>公益<span>未来</span></p>
|
|
|
<h2>Commonweal & Future</h2>
|
|
|
</div>
|
...
|
...
|
@@ -275,37 +218,26 @@ |
|
|
<!-- 内容 -->
|
|
|
<div class="show_INMain_con6">
|
|
|
<ul class="clearfix">
|
|
|
<volist name="res_tqwl" id="vo">
|
|
|
<li>
|
|
|
<a href="show_2.html">
|
|
|
<img src="../starImg/aicon_57.png" alt="">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
|
|
|
<div class="show_INMain_con6_1">
|
|
|
<h1>春季无限畅游迪士尼</h1>
|
|
|
<p>想和家人朋友在这个缤纷春日及热情夏日随时投入神奇世界,感受无所不在的欢乐,只需带上你的春夏畅游季卡!在满园春色中感受迪士尼元素。</p>
|
|
|
</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="show_2.html">
|
|
|
<img src="../starImg/aicon_57.png" alt="">
|
|
|
<div class="show_INMain_con6_1">
|
|
|
<h1>春季无限畅游迪士尼</h1>
|
|
|
<p>想和家人朋友在这个缤纷春日及热情夏日随时投入神奇世界,感受无所不在的欢乐,只需带上你的春夏畅游季卡!在满园春色中感受迪士尼元素。</p>
|
|
|
<h1>{$vo.post_title}</h1>
|
|
|
<p>{$vo.post_excerpt}</p>
|
|
|
</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
</volist>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 底部 -->
|
|
|
<footer></footer>
|
|
|
<script src="../js/jquery-3.2.1.min.js"></script>
|
|
|
<script src="../swiper4/swiper.min.js"></script>
|
|
|
<include file="public@footer"/>
|
|
|
<script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/swiper4/swiper.min.js"></script>
|
|
|
<script>
|
|
|
// 头尾
|
|
|
$('header').load('header.html');
|
|
|
$('footer').load('footer.html');
|
|
|
|
|
|
// 星球画廊swiper
|
|
|
var swiper = new Swiper('.swiper-container', {
|
|
|
slidesPerView: 4,
|
...
|
...
|
|