public/themes/simpleboot3/portal/index/index.html

<!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.index_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>