<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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="__TMPL__/public/assets/css/index.css">
<link rel="stylesheet" href="__TMPL__/public/assets/js/swiper4/swiper.min.css">
<style>
.slide-image{
width:260px;
height:375px;
}
.star_ming{
cursor:pointer;
}
.swiper-container6{
overflow: hidden;
}
.swiper-container6 .swiper-wrapper{
transition-duration:1.5s !important;
}
.mask {
width: 100%;
height: 100%;
position: fixed;
top: 0;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.5);
display: none;
}
.mask_video {
position: relative;
top: 50%;
left: 50%;
width: 800px;
height: 500px;
background-color: black;
transform: translate(-50%, -50%);
}
.mask_video video {
margin: auto;
display: block;
height: 100%;
width: 100%;
}
.mask_video img {
width: 30px;
height: 30px;
cursor: pointer;
position: absolute;
right: -25px;
top: -27px;
}
</style>
</head>
<body>
<!-- 弹框视频 -->
<notempty name="res_djxq.video">
<div class="mask" id="mask">
<div class="mask_video" >
<img id="nos" src="__TMPL__/public/assets/starImg/nos.png" alt="">
<video autoplay="autoplay" controls loop="loop" id="video2" src="{:cmf_get_file_download_url($res_djxq.video)}" controlslist="nodownload"></video>
</div>
</div>
</notempty>
<!-- 侧边 -->
<div class="index_sidebar">
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1309572580&site=qq&menu=yes">
<img src="__TMPL__/public/assets/starImg/aicon_24.png" alt="">
</a>
<img class="index_scrollTop" src="__TMPL__/public/assets/starImg/aicon_25.png" alt="">
</div>
<!-- 头部 -->
<include file="public@header"/>
<!-- banner -->
<div id="banner" class="swiper-container6">
<div class="swiper-wrapper">
<volist name="coverImg" id="vo">
<div class="swiper-slide">
<img src="{:cmf_get_image_url($vo.image)}" alt="">
</div>
</volist>
</div>
<div class="swiper-button-nextban"></div>
<div class="swiper-button-prevban"></div>
<!--<div class="swiper-pagination">-->
<!--</div>-->
</div>
<!-- 首页主体内容 -->
<div id="star_main">
<!-- 星球奇境 -->
<div class="star_happy">
<div>
<span class="happy_title clearfix">
<p id="star">星球<i>奇境</i></p>
<p>PLANET DISCOVERY</p>
</span>
<em class="north clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="">
<p>北美洲</p>
<ul class="star_happy_box">
<notempty name="res_city.5.name">
<volist name="res_city.5.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
</ul>
</em>
<em class="beiji clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="">
<p>北极</p>
<ul class="star_happy_box">
<notempty name="res_city.43.name">
<volist name="res_city.43.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
</ul>
</em>
<em class="south clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="">
<p>拉丁美洲</p>
<ul class="star_happy_box">
<notempty name="res_city.6.name">
<volist name="res_city.6.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
</ul>
</em>
<em class="antarctica clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="">
<p>南极洲</p>
<ul class="star_happy_box">
<notempty name="res_city.20.name">
<volist name="res_city.20.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
</ul>
</em>
<em class="europe clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="">
<p>欧洲</p>
<ul class="star_happy_box">
<notempty name="res_city.2.name">
<volist name="res_city.2.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
</ul>
</em>
<em class="africa clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="">
<p>非洲</p>
<ul class="star_happy_box">
<notempty name="res_city.3.name">
<volist name="res_city.3.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
</ul>
</em>
<em class="asia clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="">
<p>亚洲</p>
<ul class="star_happy_box">
<notempty name="res_city.1.name">
<volist name="res_city.1.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
</ul>
</em>
<em class="oceania clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_41.png" alt="">
<p>大洋洲</p>
<ul class="star_happy_box">
<notempty name="res_city.4.name">
<volist name="res_city.4.name" id="vo">
<li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
</volist>
</notempty>
</ul>
</em>
</div>
</div>
<!-- 星享体验 -->
<div class="star_exper">
<div class="star_experience">
<!-- 标题 -->
<div class="star_title clearfix">
<span>
<p>星享<i>体验</i></p>
<p>STAR EXPERIENCE</p>
</span>
</div>
<!-- 内容 -->
<div class="star_exper_main clearfix">
<!-- 12个月 -->
<!-- 一月 -->
<div class="star_month">
<div class="star_february hovers april">
<p>1</p>
<p>January</p>
</div>
<!-- 翻转后 -->
<div class="reverse hovers">
<!-- 右上角月份 -->
<div class="img_month">
<p>1</p>
<p>January</p>
</div>
<!-- 图片 -->
<notempty name="res_month.1">
<div class="reverse_Imgs">
<img src="{:cmf_get_image_url($res_month.1.index_thumbnail)}"/>
</div>
<!-- 图片下方文字 -->
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.1.id}">
<div class="img_bottom">
<p>{$res_month.1.post_title}</p>
<p>{$res_month.1.category_name}</p>
</div>
</a>
<else/>
<div class="reverse_Imgs">
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
</div>
<!-- 图片下方文字 -->
<div class="img_bottom">
<p>日本札幌冰雪节</p>
<p>慕尼黑啤酒节</p>
</div>
</notempty>
</div>
</div>
<!-- 二月 -->
<div class="star_month clearfix">
<div class="star_february hovers february">
<p>2</p>
<p>February</p>
</div>
<!-- 翻转后 -->
<div class="reverse hovers">
<!-- 右上角月份 -->
<div class="img_month">
<p>2</p>
<p>February</p>
</div>
<!-- 图片 -->
<notempty name="res_month.2">
<div class="reverse_Imgs">
<img src="{:cmf_get_image_url($res_month.2.index_thumbnail)}"/>
</div>
<!-- 图片下方文字 -->
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.2.id}">
<div class="img_bottom">
<p>{$res_month.2.post_title}</p>
<p>{$res_month.2.category_name}</p>
</div>
</a>
<else/>
<div class="reverse_Imgs">
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
</div>
<!-- 图片下方文字 -->
<div class="img_bottom">
<p>日本札幌冰雪节</p>
<p>慕尼黑啤酒节</p>
</div>
</notempty>
</div>
<!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt=""> -->
</div>
<!-- 三月 -->
<div class="star_month clearfix">
<div class="star_february star_march february february_bg hovers" style="color:rgba(91,91,107,1);">
<p>3</p>
<p>March</p>
</div>
<!-- 翻转后 -->
<div class="reverse hovers">
<!-- 右上角月份 -->
<div class="img_month">
<p>3</p>
<p>March</p>
</div>
<!-- 图片 -->
<notempty name="res_month.3">
<div class="reverse_Imgs">
<img src="{:cmf_get_image_url($res_month.3.index_thumbnail)}"/>
</div>
<!-- 图片下方文字 -->
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.3.id}">
<div class="img_bottom">
<p>{$res_month.3.post_title}</p>
<p>{$res_month.3.category_name}</p>
</div>
</a>
<else/>
<div class="reverse_Imgs">
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
</div>
<!-- 图片下方文字 -->
<div class="img_bottom">
<p>日本札幌冰雪节</p>
<p>慕尼黑啤酒节</p>
</div>
</notempty>
</div>
<!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt=""> -->
</div>
<!-- 四月 -->
<div class="star_month clearfix" style="margin:0 0 10px 0">
<div class="star_february aprils hovers">
<p>4</p>
<p>April</p>
</div>
<!-- 翻转后 -->
<div class="reverse hovers">
<!-- 右上角月份 -->
<div class="img_month">
<p>4</p>
<p>April</p>
</div>
<!-- 图片 -->
<notempty name="res_month.4">
<div class="reverse_Imgs">
<img src="{:cmf_get_image_url($res_month.4.index_thumbnail)}"/>
</div>
<!-- 图片下方文字 -->
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.4.id}">
<div class="img_bottom">
<p>{$res_month.4.post_title}</p>
<p>{$res_month.4.category_name}</p>
</div>
</a>
<else/>
<div class="reverse_Imgs">
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
</div>
<!-- 图片下方文字 -->
<div class="img_bottom">
<p>日本札幌冰雪节</p>
<p>慕尼黑啤酒节</p>
</div>
</notempty>
</div>
<!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt=""> -->
</div>
<!-- 五月 -->
<div class="star_month clearfix">
<div class="star_february may hovers">
<p>5</p>
<p>May</p>
</div>
<!-- 翻转后 -->
<div class="reverse hovers">
<!-- 右上角月份 -->
<div class="img_month">
<p>5</p>
<p>May</p>
</div>
<!-- 图片 -->
<notempty name="res_month.5">
<div class="reverse_Imgs">
<img src="{:cmf_get_image_url($res_month.5.index_thumbnail)}"/>
</div>
<!-- 图片下方文字 -->
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.5.id}">
<div class="img_bottom">
<p>{$res_month.5.post_title}</p>
<p>{$res_month.5.category_name}</p>
</div>
</a>
<else/>
<div class="reverse_Imgs">
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
</div>
<!-- 图片下方文字 -->
<div class="img_bottom">
<p>日本札幌冰雪节</p>
<p>慕尼黑啤酒节</p>
</div>
</notempty>
</div>
</div>
<!-- 六月 -->
<div class="star_month clearfix">
<div class="star_february star_augustss hovers">
<p>6</p>
<p>June</p>
</div>
<!-- 翻转后 -->
<div class="reverse hovers">
<!-- 右上角月份 -->
<div class="img_month">
<p>6</p>
<p>June</p>
</div>
<!-- 图片 -->
<notempty name="res_month.6">
<div class="reverse_Imgs">
<img src="{:cmf_get_image_url($res_month.6.index_thumbnail)}"/>
</div>
<!-- 图片下方文字 -->
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.6.id}">
<div class="img_bottom">
<p>{$res_month.6.post_title}</p>
<p>{$res_month.6.category_name}</p>
</div>
</a>
<else/>
<div class="reverse_Imgs">
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
</div>
<!-- 图片下方文字 -->
<div class="img_bottom">
<p>日本札幌冰雪节</p>
<p>慕尼黑啤酒节</p>
</div>
</notempty>
</div>
<!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt=""> -->
</div>
<!-- 七月 -->
<div class="star_month clearfix">
<div class="star_february hovers july">
<p>7</p>
<p>July</p>
</div>
<!-- 翻转后 -->
<div class="reverse hovers">
<!-- 右上角月份 -->
<div class="img_month">
<p>7</p>
<p>July</p>
</div>
<!-- 图片 -->
<notempty name="res_month.7">
<div class="reverse_Imgs">
<img src="{:cmf_get_image_url($res_month.7.index_thumbnail)}"/>
</div>
<!-- 图片下方文字 -->
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.7.id}">
<div class="img_bottom">
<p>{$res_month.7.post_title}</p>
<p>{$res_month.7.category_name}</p>
</div>
</a>
<else/>
<div class="reverse_Imgs">
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
</div>
<!-- 图片下方文字 -->
<div class="img_bottom">
<p>日本札幌冰雪节</p>
<p>慕尼黑啤酒节</p>
</div>
</notempty>
</div>
<!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt=""> -->
</div>
<!-- 八月 -->
<div class="star_month clearfix" style="margin:0 0 10px 0">
<div class="star_february star_august hovers august">
<p>8</p>
<p>August</p>
</div>
<!-- 翻转后 -->
<div class="reverse hovers">
<!-- 右上角月份 -->
<div class="img_month">
<p>8</p>
<p>August</p>
</div>
<!-- 图片 -->
<notempty name="res_month.8">
<div class="reverse_Imgs">
<img src="{:cmf_get_image_url($res_month.8.index_thumbnail)}"/>
</div>
<!-- 图片下方文字 -->
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.8.id}">
<div class="img_bottom">
<p>{$res_month.8.post_title}</p>
<p>{$res_month.8.category_name}</p>
</div>
</a>
<else/>
<div class="reverse_Imgs">
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
</div>
<!-- 图片下方文字 -->
<div class="img_bottom">
<p>日本札幌冰雪节</p>
<p>慕尼黑啤酒节</p>
</div>
</notempty>
</div>
<!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt=""> -->
</div>
<!-- 九月 -->
<div class="star_month clearfix">
<div class="star_february star_september star_august_bg2 hovers">
<p>9</p>
<p>September</p>
</div>
<!-- 翻转后 -->
<div class="reverse hovers">
<!-- 右上角月份 -->
<div class="img_month">
<p>9</p>
<p>September</p>
</div>
<!-- 图片 -->
<notempty name="res_month.9">
<div class="reverse_Imgs">
<img src="{:cmf_get_image_url($res_month.9.index_thumbnail)}"/>
</div>
<!-- 图片下方文字 -->
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.9.id}">
<div class="img_bottom">
<p>{$res_month.9.post_title}</p>
<p>{$res_month.9.category_name}</p>
</div>
</a>
<else/>
<div class="reverse_Imgs">
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
</div>
<!-- 图片下方文字 -->
<div class="img_bottom">
<p>日本札幌冰雪节</p>
<p>慕尼黑啤酒节</p>
</div>
</notempty>
</div>
</div>
<!-- 十月 -->
<div class="star_month clearfix">
<div class="star_february hovers october">
<p>10</p>
<p>October</p>
</div>
<!-- 翻转后 -->
<div class="reverse hovers">
<!-- 右上角月份 -->
<div class="img_month">
<p>10</p>
<p>October</p>
</div>
<!-- 图片 -->
<notempty name="res_month.10">
<div class="reverse_Imgs">
<img src="{:cmf_get_image_url($res_month.10.index_thumbnail)}"/>
</div>
<!-- 图片下方文字 -->
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.10.id}">
<div class="img_bottom">
<p>{$res_month.10.post_title}</p>
<p>{$res_month.10.category_name}</p>
</div>
</a>
<else/>
<div class="reverse_Imgs">
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
</div>
<!-- 图片下方文字 -->
<div class="img_bottom">
<p>日本札幌冰雪节</p>
<p>慕尼黑啤酒节</p>
</div>
</notempty>
</div>
<!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt=""> -->
</div>
<!-- 十一月 -->
<div class="star_month clearfix">
<div class="star_february star_November star_august_bg3 hovers">
<p>11</p>
<p>November</p>
</div>
<!-- 翻转后 -->
<div class="reverse hovers">
<!-- 右上角月份 -->
<div class="img_month">
<p>11</p>
<p>November</p>
</div>
<!-- 图片 -->
<notempty name="res_month.11">
<div class="reverse_Imgs">
<img src="{:cmf_get_image_url($res_month.11.index_thumbnail)}"/>
</div>
<!-- 图片下方文字 -->
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.11.id}">
<div class="img_bottom">
<p>{$res_month.11.post_title}</p>
<p>{$res_month.11.category_name}</p>
</div>
</a>
<else/>
<div class="reverse_Imgs">
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
</div>
<!-- 图片下方文字 -->
<div class="img_bottom">
<p>日本札幌冰雪节</p>
<p>慕尼黑啤酒节</p>
</div>
</notempty>
</div>
<!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt=""> -->
</div>
<!-- 十二月 -->
<div class="star_month clearfix" style="margin:0 0 10px 0">
<div class="star_february hovers december">
<p>12</p>
<p>December</p>
</div>
<!-- 翻转后 -->
<div class="reverse hovers">
<!-- 右上角月份 -->
<div class="img_month">
<p>12</p>
<p>December</p>
</div>
<!-- 图片 -->
<notempty name="res_month.12">
<div class="reverse_Imgs">
<img src="{:cmf_get_image_url($res_month.12.index_thumbnail)}"/>
</div>
<!-- 图片下方文字 -->
<a href="/portal/enjoy/getEnjoyDetail?id={$res_month.12.id}">
<div class="img_bottom">
<p>{$res_month.12.post_title}</p>
<p>{$res_month.12.category_name}</p>
</div>
</a>
<else/>
<div class="reverse_Imgs">
<img src="__TMPL__/public/assets/starImg/aicon_28.png"/>
</div>
<!-- 图片下方文字 -->
<div class="img_bottom">
<p>日本札幌冰雪节</p>
<p>慕尼黑啤酒节</p>
</div>
</notempty>
</div>
<!-- <img src="__TMPL__/public/assets/starImg/aicon_28.png" alt=""> -->
</div>
</div>
</div>
</div>
<!-- 星域秀场 -->
<div class="star_stage">
<div class="star_planet">
<!-- 标题 -->
<div class="star_title clearfix">
<span>
<p>星域<i>秀场</i></p>
<p> PLANET STAGE</p>
</span>
</div>
<!-- 视频 -->
<div class="star_video">
<notempty name="res_xqyy">
<video id="video" width="100%" height="675" src="{:cmf_get_file_download_url($res_xqyy.video)}" controlsList="nodownload"></video>
<img class="show_in_poster" src="{:cmf_get_image_url($res_xqyy.thumbnail)}" alt="">
<else/>
<video id="video" width="100%" height="675" src="__TMPL__//public/assets/starImg/video.mp4" controlsList="nodownload"></video>
<img class="show_in_poster" src="__TMPL__/public/assets/starImg/bicon_34.png" alt="">
</notempty>
<img onclick="bofang()" class="show_in_banner2" src="__TMPL__/public/assets/starImg/aicon_30.png" alt="">
</div>
<!-- 更多按钮 -->
<div class="star_gall_more">
<a href="/portal/region/getMoreVideo">MORE+</a>
</div>
<!-- 人物简介 -->
<notempty name="res_mxft">
<!-- 标题 -->
<div class="star_personal clearfix star_ming">
<div class="star_title clearfix">
<span>
<p>明星<i>访谈</i></p>
<p>STAR INTERVIEW</p>
</span>
</div>
<!-- 左侧头像 -->
<input type="hidden" id="star_id" value="{$res_mxft.id}">
<div class="personal_left">
<img src="{:cmf_get_image_url($res_mxft.avatar)}" alt="">
</div>
<!-- 右侧简介 -->
<div class="personal_right clearfix">
<img src="__TMPL__/public/assets/starImg/aicon_32.png" alt="">
<!-- 人物简介 -->
<div class="personal_synopsis">
<!-- 姓名 -->
<div class="personal_name">
<p>{$res_mxft.full_name}</p>
<p>{$res_mxft.position} {$res_mxft.trade}</p>
</div>
<!-- 叙述 -->
<div class="personal_narration">
<p>
{$res_mxft.post_excerpt}
</p>
</div>
</div>
</div>
</div>
<!-- 更多按钮 -->
<div class="star_gall_more">
<a href="/portal/region/getMoreStar">MORE+</a>
</div>
</notempty>
</div>
</div>
<!-- 星域画廊 -->
<div class="star_gallery">
<div class="star_gall">
<!-- 标题 -->
<div class="star_title clearfix">
<span>
<p>星域<i>画廊</i></p>
<p> PLANET GALLERY</p>
</span>
</div>
<!-- 图片 -->
<div class="star_gall_img swiper-container">
<!-- 轮播图 -->
<ul class="swiper-wrapper">
<notempty name="res_xyhl">
<volist name="res_xyhl" id="vo">
<li class="swiper-slide">
<a href="/portal/region/getGalleryDetail?id={$vo.id}">
<img class="swiper-slide slide-image" src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
</a>
</li>
</volist>
</notempty>
</ul>
<!-- 左右按钮 -->
<div class="swiper-button-next">
</div>
<div class="swiper-button-prev ">
</div>
</div>
<!-- 更多按钮 -->
<div class="star_gall_more">
<a href="/portal/region/getMoreGallery">MORE+</a>
</div>
</div>
</div>
<!-- 星探推荐 -->
<div class="star_gallery">
<div class="star_gall">
<!-- 标题 -->
<div class="star_title clearfix">
<span>
<p>星探<i>推荐</i></p>
<p> STAR RECOMMENDATION</p>
</span>
</div>
<!-- 图片 -->
<div class="star_gall_img swiper-container2">
<!-- 轮播图 -->
<ul class="swiper-wrapper">
<notempty name="res_xttj">
<volist name="res_xttj" id="vo">
<li class="swiper-slide scout_box">
<div class="scout_image">
<img src="{:cmf_get_image_url($vo.index_thumbnail)}" alt="">
</div>
<empty name="vo.place">
<a href="/portal/scout/getSceneryDetail?id={$vo.id}">
<else />
<a href="/portal/scout/getTravelDetail?id={$vo.id}">
</empty>
<h1>
{$vo.post_title}
</h1>
<p>￥{$vo.price}</p>
</a>
</li>
</volist>
</notempty>
</ul>
<!-- 左右按钮 -->
<div class="swiper-button-next2">
</div>
<div class="swiper-button-prev2">
</div>
</div>
<!-- 更多按钮 -->
<div class="star_gall_more">
<a href="/portal/scout/index">MORE+</a>
</div>
</div>
</div>
<!-- 星际活动 -->
<notempty name="res_xjhd">
<div class="star_activity">
<!-- 标题 -->
<div class="star_title clearfix">
<span>
<p>星际<i>活动</i></p>
<p>PLANET ACTIVITY</p>
</span>
</div>
<!-- 内容 -->
<div class="star_activity_con">
<ul class="clearfix xjhd">
<volist name="res_xjhd" id="vo">
<li>
<img style="width:590px;height:590px;" src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
<p>{$vo.post_title}</p>
</li>
</volist>
</ul>
</div>
</div>
</notempty>
</div>
<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 src="__TMPL__/public/assets/js/public.js"></script>
<script>
// 弹框视频
$('.mask').css('display','block');
var video2 = document.getElementById("video2"); //获取ID
var nos = document.getElementById("nos");
var mask = document.getElementById("mask");
nos.onclick = function nos() {
mask.style.display = "none";
video2.pause();
};
// 禁止下载
$('video').bind('contextmenu', function() {
return false;
});
// 点击返回头部
$(window).scroll(function() {
if ($(window).scrollTop() > 2000) {
$('.index_scrollTop').fadeIn();
} else {
$('.index_scrollTop').fadeOut();
}
})
$('.index_scrollTop').click(function() {
$('html,body').animate({
scrollTop: 0
}, 'slow')
});
// 星球奇景
$('.star_happy em').hover(function() {
if ($(this).children('img').attr('src') == "__TMPL__/public/assets/starImg/aicon_41.png") {
$(this).children('img').attr('src', "__TMPL__/public/assets/starImg/aicon_42.png");
$(this).children('.star_happy_box').show();
} else {
$(this).children('img').attr('src', "__TMPL__/public/assets/starImg/aicon_41.png");
$(this).children('.star_happy_box').hide();
}
});
// tab切换
$('.star_happy_box li').click(function() {
$(this).addClass('active').siblings().removeClass('active');
});
$('.star_ming').click(function() {
var id = $('#star_id').val();
window.location.href = '/portal/region/getStarDetail?id='+id;
});
// swiper
// banner
var swiper = new Swiper('.swiper-container6', {
slidesPerView: 1,
spaceBetween: 0,
centeredSlides: true,
autoplay: {
delay: 4000,
disableOnInteraction: false,
},
navigation: {
nextEl: '.swiper-button-nextban',
prevEl: '.swiper-button-prevban'
}
});
var swiper = new Swiper('.swiper-container', {
slidesPerView: 4,
spaceBetween: 53,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
//星探推荐 swiper
var swiper = new Swiper('.swiper-container2', {
slidesPerView: 4,
spaceBetween: 14,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next2',
prevEl: '.swiper-button-prev2',
},
});
// 星域秀场视频
var video = document.getElementById("video");
function bofang() {
video.play();
$('#video').attr('controls', 'controls');
$('.show_in_banner2').hide();
$('.show_in_poster').hide();
}
</script>
</body>
</html>