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