<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/base.css" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/index.css" />
    <title>首页</title>
    <style>
        .video_bg {
            width: 100%;
            height: 3.86rem;
            background-color: black;
        }
        
        .video_bg {
            position: relative;
        }
        
        .fm_IMG {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }
        
        .fm_IMG img {
            width: 100%;
            height: 100%;
        }
        
        .indeX_Hl ul li {
            height: 3.88rem
        }
        
        .indeX_Hl img {
            height: 100%;
        }
        
        .vi_fengm {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }
        
        .vi_fengm img {
            width: 100%;
            height: 100%;
        }
        
        .video_start99 {
            position: absolute;
            top: 34%;
            left: 43%;
        }
        
        .video_start99 img {
            width: 1rem;
            height: 1rem;
        }
        video::-internal-media-controls-download-button {

            display:none;

        }

        video::-webkit-media-controls-enclosure {

            overflow:hidden;

        }

        video::-webkit-media-controls-panel {

            width: calc(100% + 50px);

        }
    </style>
</head>

<body>
    <notempty name="res_djxq.video">
        <div class="vi_maks" id="mask">
            <div class="vi_video">
                <video src="{:cmf_get_file_download_url($res_djxq.video)}" id="video2" style="height: 3.4rem;width: 100%;" controls controlslist="nodownload"></video>
                <div class="vi_fengm">
                    <img src="{:cmf_get_image_url($res_djxq.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯">
                </div>
                <div class="video_start99">
                    <img onclick="bofang2()" src="__TMPL__/public/assets/images/aicon_30.png" alt="独角星球 小众目的地 旅游资讯">
                </div>
                <img class="vi_Img" src="__TMPL__/public/assets/images/nos.png" alt="独角星球 小众目的地 旅游资讯" />
            </div>
        </div>
    </notempty>
    <!-- 顶部导航 -->
    <include file="public@header" />
    <div class="top">
        <div class="top_img swiper-container4">
            <div class="swiper-wrapper">
                <volist name="coverImg" id="vo">
                    <img class="swiper-slide" src="{:cmf_get_image_url($vo.image)}" alt="独角星球 小众目的地 旅游资讯" />
                </volist>
            </div>
        </div>
        <div class="top_earth">
            <div class="top_circle">
                <img src="__TMPL__/public/assets/images/cicon_04@2x.png" alt="独角星球 小众目的地 旅游资讯" />
            </div>
            <div class="top_state" style="top:0.8rem;" id="star">
                <div class="top_state_title">
                    <div class="top_state_ch">星球<span>奇境</span>
                    </div>
                    <div class="top_state_en">PLANET DISCOVERY</div>
                </div>
            </div>
            <div class="top_state_address">
                <div class="state_north_ame statr_99">
                    <div class="state_img">
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
                    </div>
                    <div class="state_state_name">
                        <span>北极</span>
                        <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>
                    </div>
                </div>
                <div class="state_north_ame statr_one">
                    <div class="state_img">
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
                    </div>
                    <div class="state_state_name">
                        <span>北美洲</span>
                        <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>
                    </div>
                </div>
                <div class="state_north_ame statr_two">
                    <div class="state_img">
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
                    </div>
                    <div class="state_state_name">
                        <span>欧洲</span>
                        <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>
                    </div>
                </div>
                <div class="state_north_ame statr_three">
                    <div class="state_img">
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
                    </div>
                    <div class="state_state_name">
                        <span>亚洲</span>
                        <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>
                    </div>
                </div>
                <div class="state_north_ame statr_four">
                    <div class="state_img">
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
                    </div>
                    <div class="state_state_name">
                        <span>拉丁美洲</span>
                        <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>
                    </div>
                </div>
                <div class="state_north_ame statr_five">
                    <div class="state_img">
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
                    </div>
                    <div class="state_state_name">
                        <span>非洲</span>
                        <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>
                    </div>
                </div>
                <div class="state_north_ame statr_six">
                    <div class="state_img">
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
                    </div>
                    <div class="state_state_name">
                        <span>大洋洲</span>
                        <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>
                    </div>
                </div>
                <div class="state_north_ame statr_seven">
                    <div class="state_img">
                        <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="独角星球 小众目的地 旅游资讯" />
                    </div>
                    <div class="state_state_name">
                        <span>南极洲</span>
                        <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>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 星享体验 -->
    <div class="center">
        <div class="center_title">
            <div class="top_state_ch">星享<span>体验</span></div>
            <div class="top_state_en">
                STAR EXPERIENCE
            </div>
        </div>
        <div class="center_card">
            <!-- 1月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_Img1 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top center_color">1</div>
                        <div class="center_card_two_bottom center_color">January</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
                    <notempty name="res_month.1">
                        <div class="center_card_img">
                            <img src="{:cmf_get_image_url($res_month.1.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.1.id}">
                                <div class="center_card_cantant">
                                    <div class="center_card_catant_one txt-cut">{$res_month.1.post_title}</div>
                                    <div class="center_card_catant_two">{$res_month.1.category_name}</div>
                                </div>
                            </a>
                        </div>
                    </notempty>

                </div>
            </div>
            <!-- 二月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_two2 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top">2</div>
                        <div class="center_card_two_bottom">February</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
                    <notempty name="res_month.2">
                        <div class="center_card_img">
                            <img src="{:cmf_get_image_url($res_month.2.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.2.id}">
                                    <div class="center_card_catant_one txt-cut">{$res_month.2.post_title}</div>
                                    <div class="center_card_catant_two">
                                        {$res_month.2.category_name}
                                    </div>
                                </a>
                            </div>
                        </div>
                    </notempty>
                </div>
            </div>
            <!-- 三月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_Img2 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top center_color">3</div>
                        <div class="center_card_two_bottom center_color">March</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
                    <notempty name="res_month.3">
                        <div class="center_card_img">
                            <img src="{:cmf_get_image_url($res_month.3.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.3.id}">
                                    <div class="center_card_catant_one txt-cut">{$res_month.3.post_title}</div>
                                    <div class="center_card_catant_two">
                                        {$res_month.3.category_name}
                                    </div>
                                </a>
                            </div>
                        </div>
                    </notempty>
                </div>
            </div>
            <!-- 四月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_two3 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top">4</div>
                        <div class="center_card_two_bottom">April</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
                    <notempty name="res_month.4">
                        <div class="center_card_img">
                            <img src="{:cmf_get_image_url($res_month.4.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.4.id}">
                                    <div class="center_card_catant_one txt-cut">
                                        {$res_month.4.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.4.category_name}
                                    </div>
                                </a>
                            </div>
                        </div>
                    </notempty>
                </div>
            </div>
            <!-- 五月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_Img3 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top center_color">5</div>
                        <div class="center_card_two_bottom center_color">May</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
                    <notempty name="res_month.5">
                        <div class="center_card_img">
                            <img src="{:cmf_get_image_url($res_month.5.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.5.id}">
                                    <div class="center_card_catant_one txt-cut">
                                        {$res_month.5.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.5.category_name}
                                    </div>
                                </a>
                            </div>
                        </div>
                    </notempty>
                </div>
            </div>
            <!-- 六月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_two4 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top">6</div>
                        <div class="center_card_two_bottom">June</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
                    <notempty name="res_month.6">
                        <div class="center_card_img">
                            <img src="{:cmf_get_image_url($res_month.6.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.6.id}">
                                    <div class="center_card_catant_one txt-cut">
                                        {$res_month.6.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.6.category_name}
                                    </div>
                                </a>
                            </div>
                        </div>
                    </notempty>
                </div>
            </div>
            <!-- 七月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_Img4 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top center_color">7</div>
                        <div class="center_card_two_bottom center_color">July</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
                    <notempty name="res_month.7">
                        <div class="center_card_img">
                            <img src="{:cmf_get_image_url($res_month.7.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.7.id}">
                                    <div class="center_card_catant_one txt-cut">
                                        {$res_month.7.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.7.category_name}
                                    </div>
                                </a>
                            </div>
                        </div>
                    </notempty>
                </div>
            </div>
            <!-- 八月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_two5 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top">8</div>
                        <div class="center_card_two_bottom">August</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
                    <notempty name="res_month.8">
                        <div class="center_card_img">
                            <img src="{:cmf_get_image_url($res_month.8.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.8.id}">
                                    <div class="center_card_catant_one txt-cut">
                                        {$res_month.8.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.8.category_name}
                                    </div>
                                </a>
                            </div>
                        </div>
                    </notempty>
                </div>
            </div>
            <!-- 九月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_Img5 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top center_color">9</div>
                        <div class="center_card_two_bottom center_color">September</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
                    <notempty name="res_month.9">
                        <div class="center_card_img">
                            <img src="{:cmf_get_image_url($res_month.9.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.9.id}">
                                    <div class="center_card_catant_one txt-cut">
                                        {$res_month.9.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.9.category_name}
                                    </div>
                                </a>
                            </div>
                        </div>
                    </notempty>
                </div>
            </div>
            <!-- 十月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_two6 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top">10</div>
                        <div class="center_card_two_bottom">October</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
                    <notempty name="res_month.10">
                        <div class="center_card_img">
                            <img src="{:cmf_get_image_url($res_month.10.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.10.id}">
                                    <div class="center_card_catant_one txt-cut">
                                        {$res_month.10.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.10.category_name}
                                    </div>
                                </a>
                            </div>
                        </div>
                    </notempty>
                </div>
            </div>
            <!-- 十一月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_Img6 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top center_color">11</div>
                        <div class="center_card_two_bottom center_color">November</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
                    <notempty name="res_month.11">
                        <div class="center_card_img">
                            <img src="{:cmf_get_image_url($res_month.11.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.11.id}">
                                    <div class="center_card_catant_one txt-cut">
                                        {$res_month.11.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.11.category_name}
                                    </div>
                                </a>
                            </div>
                        </div>
                    </notempty>
                </div>
            </div>
            <!-- 十二月 -->
            <div class="center_card_bg">
                <!-- 翻转前 -->
                <div class="center_card_bg2  center_card_two7 hovers">
                    <div class="center_card_two_contant">
                        <div class="center_card_two_top">12</div>
                        <div class="center_card_two_bottom">December</div>
                    </div>
                </div>
                <!-- 翻转后 -->
                <div class=" reverse hovers">
                    <notempty name="res_month.12">
                        <div class="center_card_img">
                            <img src="{:cmf_get_image_url($res_month.12.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
                        </div>
                        <div class="center_card_month">
                            <div class="center_card_one"><span></span></div>
                            <div class="center_card_cantant">
                                <a href="/portal/enjoy/getEnjoyDetail?id={$res_month.12.id}">
                                    <div class="center_card_catant_one txt-cut">
                                        {$res_month.12.post_title}
                                    </div>
                                    <div class="center_card_catant_two">
                                        {$res_month.12.category_name}
                                    </div>
                                </a>
                            </div>
                        </div>
                    </notempty>
                </div>
            </div>
        </div>
    </div>
    <!-- 星域秀场 -->
    <div class="video">
        <div class="video_top">
            <div class="top_state_title">
                <div class="top_state_ch">星域<span>秀场</span></div>
                <div class="top_state_en">
                    PLANET STAGE
                </div>
            </div>
        </div>
        <!-- 视频 -->
        <div class="video_center">
            <!-- 视频 -->
            <notempty name="res_xqyy">
                <div class="video_bg">
                    <video id="video" width="100%" style="height:100%;" src="{:cmf_get_file_download_url($res_xqyy.video)}" controlslist="nodownload"></video>
                </div>
                <!-- 封面 -->
                <div class="fm_IMG">
                    <img src="{:cmf_get_image_url($res_xqyy.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯">
                </div>
                <else/>
                <div class="video_bg">
                    <video id="video" width="100%" style="height:100%;" src="__TMPL__/public/assets/images/video.mp4"></video>
                </div>
                <!-- 封面 -->
                <div class="fm_IMG">
                    <img src="__TMPL__/public/assets/images/bicon_34.png" alt="独角星球 小众目的地 旅游资讯">
                </div>
            </notempty>
            <!-- 按钮 -->
            <div class="video_start">
                <img onclick="bofang()" src="__TMPL__/public/assets/images/aicon_30.png" alt="独角星球 小众目的地 旅游资讯" />
            </div>
        </div>
        <!-- 更多 -->
        <div class="video_bottom">
            <a href="/portal/region/getMoreVideo">
                <div class="video_bottom_contant">
                    more+
                </div>
            </a>
        </div>
    </div>
    <!--明星访谈-->
    <div class="gallery">
        <div class="video_top">
            <div class="top_state_title">
                <div class="top_state_ch">明星<span>访谈</span></div>
                <div class="top_state_en">
                    STAR INTERVIEW
                </div>
            </div>
        </div>

        <!-- 胡歌 -->
        <notempty name="res_mxft">
            <a href="/portal/region/getStarDetail?id={$res_mxft.id}">
                <div class="video_star" style="margin-top:0;">
                    <div class="userimg">
                        <img src="{:cmf_get_image_url($res_mxft.avatar)}" alt="独角星球 小众目的地 旅游资讯" />
                    </div>
                    <div class="useraccount tip left">
                        <div class="useraccount_top">
                            <div class="useraccount_name one-txt-cut">{$res_mxft.full_name}</div>
                            <div class="useraccount_career">
                                {$res_mxft.position}<span>{$res_mxft.trade}</span>
                            </div>
                        </div>
                        <div class="useraccount_intro txt-cut" style="-webkit-line-clamp: 3;">
                            {$res_mxft.post_excerpt}
                        </div>
                    </div>
                </div>
            </a>

            <!-- 更多 -->
            <div class="video_bottom">
                <a href="/portal/region/getMoreStar">
                    <div class="video_bottom_contant">
                        more+
                    </div>
                </a>
            </div>
        </notempty>
    </div>
    <!-- 星域画廊 -->
    <div class="gallery">
        <div class="video_top">
            <div class="top_state_title">
                <div class="top_state_ch">星域<span>画廊</span></div>
                <div class="top_state_en">
                    PLANET GALLERY
                </div>
            </div>
        </div>
        <!-- 图片 -->
        <div class="star_gall_img swiper-container indeX_Hl">
            <!-- 轮播图 -->
            <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" src="{:cmf_get_image_url($vo.thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
                            </a>
                        </li>
                    </volist>
                </notempty>
            </ul>
        </div>
        <!-- 更多 -->
        <div class="video_bottom">
            <a href="/portal/region/getMoreGallery">
                <div class="video_bottom_contant">
                    more+
                </div>
            </a>
        </div>
        <!-- 星探推荐 -->
        <div class="recommend" style="height: 6.6rem">
            <div class="recommend_top">
                <div class="top_state_title">
                    <div class="top_state_ch">星探<span>推荐</span>
                    </div>
                    <div class="top_state_en">
                        STAR RECOMMENDATION
                    </div>
                </div>
            </div>
            <!-- 图片 -->
            <div class="star_gall_img swiper-container2" style="overflow: hidden">
                <!-- 轮播图 -->
                <ul class="swiper-wrapper">
                    <notempty name="res_xttj">
                        <volist name="res_xttj" id="vo">
                            <li class="swiper-slide">
                                <empty name="vo.place">
                                    <a href="/portal/scout/getSceneryDetail?id={$vo.id}">
                                        <else />
                                        <a href="/portal/scout/getTravelDetail?id={$vo.id}">
                                </empty>
                                <div class="recommed_contant">
                                    <div class="recommed_contant_img">
                                        <img src="{:cmf_get_image_url($vo.index_thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
                                    </div>
                                    <div class="recommed_contant_title txt-cut" style="-webkit-line-clamp:2;">
                                        {$vo.post_title}
                                    </div>
                                    <div class="recommed_contant_money one-txt-cut">
                                        ¥{$vo.price}
                                    </div>
                                </div>
                                </a>
                            </li>
                        </volist>
                    </notempty>
                </ul>
            </div>
        </div>
        <!-- 更多 -->
        <div class="video_bottom">
            <a href="/portal/scout/index">
                <div class="video_bottom_contant">
                    more+
                </div>
            </a>
        </div>
        <!-- 星探活动 -->
        <notempty name="res_xjhd">
            <div class="activity">
                <div class="recommend_top">
                    <div class="top_state_title">
                        <div class="top_state_ch">星域<span>活动</span></div>
                        <div class="top_state_en">
                            PLANET ACTIVITY
                        </div>
                    </div>
                </div>
                <!-- 图片 -->
                <div class="star_gall_img swiper-container3">
                    <!-- 轮播图 -->
                    <ul class="swiper-wrapper">
                        <volist name="res_xjhd" id="vo">
                            <li class="swiper-slide">
                                <a href="index_twelfth.html">
                                    <div class="activity_contant">
                                        <div class="activity_contant_img">
                                            <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="独角星球 小众目的地 旅游资讯" />
                                        </div>
                                        <div class="activity_contant_title one-txt-cut">
                                            {$vo.post_title}
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </volist>
                    </ul>
                </div>
            </div>
        </notempty>
    </div>
    <!--底部-->
    <include file="public@footer" />
</body>
<script src="__TMPL__/public/assets/js/base.js"></script>
<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
<script src="__TMPL__/public/assets/js/public.js"></script>
<script>
    // 禁止下载
    $('video').bind('contextmenu', function() {
        return false;
    });
    var video2 = document.getElementById("video2"); //获取ID 
    function nos() {
        $('.vi_maks').hide();
        video2.pause();
    }
    // 翻转
    $('.center_card_bg').each(function() {
        $(this).mouseover(function() {
            $(this).find('.hovers').addClass('fanz_before');
            $(this).find('.reverse').addClass('fanz_after');

        }).mouseout(function() {
            $(this).find('.hovers').removeClass('fanz_before');
            $(this).find('.reverse').removeClass('fanz_after');
        })
    })

    // 关闭视频
    $('.vi_Img').click(function() {
        nos();
    });

    // 星球奇景
    $(".statr_one,.statr_two,.statr_three,.statr_four,.statr_five,.statr_six,.statr_seven,.statr_99").click(function() {
        if ($(this).find("img").attr("src") == "__TMPL__/public/assets/images/cicon_05@2x.png") {
            $(this).find("img").attr("src", "__TMPL__/public/assets/images/cicon_06@2x.png");
            $(this).find("span").addClass("state_africa");
            $(this).find("ul").toggle();
        } else {
            $(this).find("img").attr("src", "__TMPL__/public/assets/images/cicon_05@2x.png");
            $(this).find("span").removeClass("state_africa");
            $(this).find("ul").toggle();
        }
    });
    // 星域秀场视频
    var video = document.getElementById("video");
    var video2 = document.getElementById("video2");

    function bofang() {
        video.play();
        $('.fm_IMG').hide();
        $("#video").attr("controls", "controls");
        $(".video_start").hide();
    }

    function bofang2() {
        video2.play();
        $('.vi_fengm').hide();
        $("#video").attr("controls", "controls");
        $(".video_start99").hide();
    }
    // swiper
    var swiper = new Swiper('.swiper-container4', {
        pagination: '.swiper-pagination',
        autoplay: 3000,
        loop: true
    });

    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        slidesPerView: 2.4,
        paginationClickable: true,
        spaceBetween: 14,
        freeMode: true
    });
    var swiper = new Swiper('.swiper-container2', {
        pagination: '.swiper-pagination',
        slidesPerView: 2.46,
        paginationClickable: true,
        spaceBetween: 12,
        freeMode: true
    });
    var swiper = new Swiper('.swiper-container3', {
        pagination: '.swiper-pagination',
        slidesPerView: 1.16,
        paginationClickable: true,
        spaceBetween: 12,
        freeMode: true
    });
</script>

</html>