景龙 / xingqiu · 提交

转到一个项目

作者 景龙
提交 4487294384579d61a1f40f43515f799965f95960 1 个父辈 5f21b0e0
1 个管道 的构建 通过 耗费 8 秒

渲染移动端主要首页页面

内嵌 并排对比
正在显示 24 个修改的文件 包含 2701 行增加 和 870 行删除

要显示太多修改。
重新载入完整差异 差异文件 邮件补丁

为保证性能只显示 24 of 24+ 个文件。

@@ -110,14 +110,14 @@ @@ -110,14 +110,14 @@
110 </div> 110 </div>
111 <div class="Spot_name fl"> 111 <div class="Spot_name fl">
112 <div class="Spot_name_left fl"> 112 <div class="Spot_name_left fl">
113 - 创意 113 + 旅游
114 </div> 114 </div>
115 <div class="Spot_name_right fl"> 115 <div class="Spot_name_right fl">
116 - 设计 116 + 地产
117 </div> 117 </div>
118 </div> 118 </div>
119 <div class="Spot_English_name fl"> 119 <div class="Spot_English_name fl">
120 - <p>Innovation</p> 120 + <p>Overseas Investment</p>
121 </div> 121 </div>
122 </div> 122 </div>
123 123
@@ -153,14 +153,14 @@ @@ -153,14 +153,14 @@
153 </div> 153 </div>
154 <div class="Spot_name fl"> 154 <div class="Spot_name fl">
155 <div class="Spot_name_left fl"> 155 <div class="Spot_name_left fl">
156 - 悦己 156 + 海外
157 </div> 157 </div>
158 <div class="Spot_name_right fl"> 158 <div class="Spot_name_right fl">
159 - 悦人 159 + 教育
160 </div> 160 </div>
161 </div> 161 </div>
162 <div class="Spot_English_name fl"> 162 <div class="Spot_English_name fl">
163 - <p>Lifestyle</p> 163 + <p>Overseas Education</p>
164 </div> 164 </div>
165 </div> 165 </div>
166 <div class="Lifestyle_main"> 166 <div class="Lifestyle_main">
@@ -74,8 +74,26 @@ body { @@ -74,8 +74,26 @@ body {
74 .clearfix { 74 .clearfix {
75 zoom: 1; 75 zoom: 1;
76 } 76 }
77 -  
78 - 77 +@media (max-width: 1700px) {
  78 + .show_InMain{
  79 + background-position: -84px 0;
  80 + }
  81 +}
  82 +@media (max-width: 1580px) {
  83 + .show_InMain{
  84 + background-position: -120px 40px;
  85 + }
  86 +}
  87 +@media (max-width: 1480px) {
  88 + .show_InMain{
  89 + background-position: -190px 40px;
  90 + }
  91 +}
  92 +@media (max-width: 1360px) {
  93 + .show_InMain{
  94 + background-position: -250px 40px;
  95 + }
  96 +}
79 /* 侧边栏 */ 97 /* 侧边栏 */
80 98
81 .sidebar { 99 .sidebar {
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  11 + <title>星际活动</title>
  12 +</head>
  13 +
  14 +<body>
  15 + <include file="public@header"/>
  16 + <!-- banner -->
  17 + <div class="first_top">
  18 + <div class="first_top_img">
  19 + <volist name="coverImg" id="vo">
  20 + <img src="{:cmf_get_image_url($vo.image)}" alt="">
  21 + </volist>
  22 + </div>
  23 + <div class="first_top_title">
  24 + Planet Activity
  25 + </div>
  26 + </div>
  27 + <!-- 星际活动 -->
  28 + <div class="first_scene">
  29 + <div class="first_scene_contant">
  30 + <div class="first_scene_img">
  31 + <div class="first_scene_top_img">
  32 + <img src="__TMPL__/public/assets/images/cicon_40@2x.png" alt="" />
  33 + </div>
  34 + <div class="first_scene_top_ch">星际<span>活动</span></div>
  35 + <div class="first_scene_top_en">
  36 + Planet Activity
  37 + </div>
  38 + </div>
  39 + </div>
  40 + <!-- 活动列表 -->
  41 + <div class="index_twelfth">
  42 + <volist name="res['data']" id="vo">
  43 + <div class="index_twelfth_contant">
  44 + <div class="index_twelfth_contant_img">
  45 + <img src="/portal/active/getActiveDetail?id={$vo.id}" alt="" />
  46 + </div>
  47 + <div class="index_twelfth_contant_title one-txt-cut">
  48 + {$vo.post_title}
  49 + </div>
  50 + </div>
  51 + </volist>
  52 + </div>
  53 + <!--分页-->
  54 + <div class="pagination">
  55 + {$page|default=''}
  56 + </div>
  57 + </div>
  58 + <include file="public@footer"/>
  59 +</body>
  60 +<script src="__TMPL__/public/assets/js/base.js"></script>
  61 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  62 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  63 +<script src="__TMPL__/public/assets/js/public.js"></script>
  64 +<script></script>
  65 +
  66 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  11 + <script src="__TMPL__/public/assets/js/base.js"></script>
  12 + <title>星享体验</title>
  13 +</head>
  14 +
  15 +<body>
  16 + <include file="public@header"/>
  17 + <!-- banner -->
  18 + <div class="first_top">
  19 + <div class="first_top_img">
  20 + <volist name="coverImg" id="vo">
  21 + <img src="{:cmf_get_image_url($vo.image)}" alt="">
  22 + </volist>
  23 + </div>
  24 + <div class="first_top_title">
  25 + Star Experience
  26 + </div>
  27 + </div>
  28 + <!-- 搜索栏 -->
  29 + <div class="first_search">
  30 + <div class="first_search_left">
  31 + <div class="first_search_left_img">
  32 + <img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
  33 + </div>
  34 + <div class="first_search_left_word">
  35 + 澳大利亚
  36 + </div>
  37 + </div>
  38 + <div class="first_search_right">
  39 + <div class="first_search_right_img">
  40 + <img src="__TMPL__/public/assets/images/cicon_49@2x.png" alt="" />
  41 + </div>
  42 + </div>
  43 + </div>
  44 + <!-- 亲临现场 -->
  45 + <div class="first_scene">
  46 + <div class="first_scene_contant">
  47 + <div class="first_scene_img">
  48 + <div class="first_scene_top_img">
  49 + <img src="__TMPL__/public/assets/images/cicon_50@2x.png" alt="" />
  50 + </div>
  51 + <div class="first_scene_top_ch">亲临<span>现场</span>
  52 + </div>
  53 + <div class="first_scene_top_en">
  54 + On Spot
  55 + </div>
  56 + </div>
  57 + </div>
  58 + <!-- 亲临现场 -->
  59 + <div class="first_gallery">
  60 + <!-- 图片 -->
  61 + <div class="star_gall_img swiper-container">
  62 + <!-- 轮播图 -->
  63 + <ul class="swiper-wrapper">
  64 + <volist name="res_qlxc" id="vo">
  65 + <li class="swiper-slide">
  66 + <div class="first_galley_contant">
  67 + <a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
  68 + <div class="first_galley_contant_img">
  69 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  70 + </div>
  71 + <div class="first_galley_contant_title">
  72 + <div class="first_galley_contant_title_top">
  73 + {$vo.post_title}
  74 + </div>
  75 + <div class="first_galley_contant_title_bottom txt-cut" style="-webkit-line-clamp: 2;">
  76 + {$vo.post_excerpt}
  77 + </div>
  78 + </div>
  79 + </a>
  80 + </div>
  81 + </li>
  82 + </volist>
  83 + </ul>
  84 + </div>
  85 + </div>
  86 + </div>
  87 + <!-- 市井漫游 -->
  88 + <div class="first_scene">
  89 + <div class="first_scene_contant">
  90 + <div class="first_scene_img">
  91 + <div class="first_scene_top_img">
  92 + <img src="__TMPL__/public/assets/images/cicon_51@2x.png" alt="" />
  93 + </div>
  94 + <div class="first_scene_top_ch">市井<span>漫游</span>
  95 + </div>
  96 + <div class="first_scene_top_en">
  97 + Local Walker
  98 + </div>
  99 + </div>
  100 + </div>
  101 + <!-- 市井漫游 -->
  102 + <div class="first_gallery first_town">
  103 + <!-- 图片 -->
  104 + <div class="star_gall_img swiper-container">
  105 + <!-- 轮播图 -->
  106 + <ul class="swiper-wrapper">
  107 + <volist name="res_sjmy" id="vo">
  108 + <li class="swiper-slide">
  109 + <div class="first_galley_contant">
  110 + <a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
  111 + <div class="first_galley_contant_img">
  112 + <img src="{:cmf_get_image_url($vo.index_thumbnail2)}" alt="" />
  113 + </div>
  114 + <div class="first_galley_contant_title">
  115 + <div class="first_galley_contant_title_top">
  116 + {$vo.post_title}
  117 + </div>
  118 + <div class="first_galley_contant_title_bottom txt-cut" style="-webkit-line-clamp: 2;">
  119 + {$vo.post_excerpt}
  120 + </div>
  121 + </div>
  122 + </a>
  123 + </div>
  124 + </li>
  125 + </volist>
  126 + </ul>
  127 + </div>
  128 + </div>
  129 + </div>
  130 + <!-- 视听盛宴 -->
  131 + <div class="first_scene">
  132 + <div class="first_scene_contant">
  133 + <div class="first_scene_img">
  134 + <div class="first_scene_top_img">
  135 + <img src="__TMPL__/public/assets/images/cicon_52@2x.png" alt="" />
  136 + </div>
  137 + <div class="first_scene_top_ch">视听<span>盛宴</span>
  138 + </div>
  139 + <div class="first_scene_top_en">
  140 + Sense Feast
  141 + </div>
  142 + </div>
  143 + </div>
  144 + <!-- 视听盛宴 -->
  145 + <div class="first_gallery">
  146 + <!-- 图片 -->
  147 + <div class="star_gall_img swiper-container">
  148 + <!-- 轮播图 -->
  149 + <ul class="swiper-wrapper">
  150 + <volist name="res_stsy" id="vo">
  151 + <li class="swiper-slide">
  152 + <div class="first_galley_contant">
  153 + <a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
  154 + <div class="first_galley_contant_img">
  155 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  156 + </div>
  157 + <div class="first_galley_contant_title">
  158 + <div class="first_galley_contant_title_top">
  159 + {$vo.post_title}
  160 + </div>
  161 + <div class="first_galley_contant_title_bottom txt-cut" style="-webkit-line-clamp: 2;">
  162 + {$vo.post_excerpt}
  163 + </div>
  164 + </div>
  165 + </a>
  166 + </div>
  167 + </li>
  168 + </volist>
  169 + </ul>
  170 + </div>
  171 + </div>
  172 + </div>
  173 + <!-- 户外天堂 -->
  174 + <div class="first_scene">
  175 + <div class="first_scene_contant">
  176 + <div class="first_scene_img">
  177 + <div class="first_scene_top_img">
  178 + <img src="__TMPL__/public/assets/images/cicon_53@2x.png" alt="" />
  179 + </div>
  180 + <div class="first_scene_top_ch">户外<span>天堂</span>
  181 + </div>
  182 + <div class="first_scene_top_en">
  183 + Outdoor & Sport
  184 + </div>
  185 + </div>
  186 + </div>
  187 + <!-- 户外天堂 -->
  188 + <div class="first_gallery">
  189 + <!-- 图片 -->
  190 + <div class="star_gall_img swiper-container">
  191 + <!-- 轮播图 -->
  192 + <ul class="swiper-wrapper">
  193 + <volist name="res_hwtt" id="vo">
  194 + <li class="swiper-slide">
  195 + <div class="first_galley_contant">
  196 + <a href="/portal/enjoy/getEnjoyDetail?id={$vo.id}">
  197 + <div class="first_galley_contant_img">
  198 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  199 + </div>
  200 + <div class="first_galley_contant_title">
  201 + <div class="first_galley_contant_title_top">
  202 + {$vo.post_title}
  203 + </div>
  204 + <div class="first_galley_contant_title_bottom">
  205 + {$vo.post_excerpt}
  206 + </div>
  207 + </div>
  208 + </a>
  209 + </div>
  210 + </li>
  211 + </volist>
  212 + </ul>
  213 + </div>
  214 + </div>
  215 + </div>
  216 + <!--底部-->
  217 + <include file="public@footer"/>
  218 +</body>
  219 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  220 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  221 +<script src="__TMPL__/public/assets/js/public.js"></script>
  222 +<script>
  223 + // 星域秀场视频
  224 + var video = document.getElementById("video");
  225 +
  226 + function bofang() {
  227 + video.play();
  228 + $("#video").attr("controls", "controls");
  229 + $(".video_start").hide();
  230 + }
  231 + // swiper
  232 + var swiper = new Swiper(".swiper-container", {
  233 + slidesPerView: 1.4,
  234 + paginationClickable: true,
  235 + spaceBetween: 10,
  236 + freeMode: true
  237 + });
  238 +</script>
  239 +
  240 +</html>
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en"> 2 <html lang="en">
3 -<head>  
4 - <meta charset="UTF-8">  
5 - <title>轮播图</title>  
6 - <!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->  
7 - <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />  
8 - <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
9 - <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/common.css">  
10 - <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_jxegrvbhrr.css">  
11 - <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/banner.css">  
12 - <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css">  
13 3
14 - <script src="__TMPL__/public/assets/js/base.js"></script> 4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/index.css" />
  11 + <title>首页</title>
15 <style> 12 <style>
16 - .banner{  
17 - width: 7.5rem;  
18 - height: 100%;  
19 - position: relative; 13 + .video_bg {
  14 + width: 100%;
  15 + height: 3.86rem;
  16 + background-color: black;
20 } 17 }
21 - .banner_pic{  
22 - width: 7.5rem;  
23 - height:100%;  
24 - display: flex; 18 +
  19 + .video_bg {
  20 + position: relative;
25 } 21 }
26 - .banner_pic img{ 22 +
  23 + .fm_IMG {
  24 + position: absolute;
27 width: 100%; 25 width: 100%;
28 - height: 100% 26 + height: 100%;
  27 + top: 0;
  28 + left: 0;
29 } 29 }
30 - .swiper-pagination-bullet{  
31 - background-color: #7ECEF4; 30 +
  31 + .fm_IMG img {
  32 + width: 100%;
  33 + height: 100%;
32 } 34 }
33 - .swiper-pagination-bullet-active{  
34 - background-color: #ffffff; 35 +
  36 + .indeX_Hl ul li {
  37 + height: 3.88rem
35 } 38 }
36 - /*按钮之间的间隔*/  
37 - .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{  
38 - margin: 0 0.6rem; 39 +
  40 + .indeX_Hl img {
  41 + height: 100%;
39 } 42 }
40 </style> 43 </style>
41 </head> 44 </head>
42 -<body>  
43 -<div class="banner">  
44 45
45 - <!-- Swiper -->  
46 - <div class="swiper-container">  
47 - <div class="swiper-wrapper">  
48 - <div class="swiper-slide banner_pic">  
49 - <img src="__TMPL__/public/assets/images/banner.png">  
50 - <div class="btn_button">点击进入 天津汽车零部件展网站>></div> 46 +<body>
  47 + <!-- 顶部导航 -->
  48 + <include file="public@header"/>
  49 + <div class="top">
  50 + <div class="top_img swiper-container4">
  51 + <div class="swiper-wrapper">
  52 + <volist name="coverImg" id="vo">
  53 + <img class="swiper-slide" src="{:cmf_get_image_url($vo.image)}" alt="" />
  54 + </volist>
51 </div> 55 </div>
52 - <div class="swiper-slide banner_pic">  
53 - <img src="__TMPL__/public/assets/images/banner.png">  
54 - <div class="btn_button">点击进入 工业装配及自动化展网站>></div> 56 + </div>
  57 + <div class="top_earth">
  58 + <div class="top_circle">
  59 + <img src="__TMPL__/public/assets/images/cicon_04@2x.png" alt="" />
55 </div> 60 </div>
56 - <div class="swiper-slide banner_pic">  
57 - <img src="__TMPL__/public/assets/images/banner.png">  
58 - <div class="btn_button">点击进入 天津汽车零部件展网站>></div> 61 + <div class="top_state" style="top:0.8rem;" id="star">
  62 + <div class="top_state_title">
  63 + <div class="top_state_ch">星球<span>奇境</span>
  64 + </div>
  65 + <div class="top_state_en">Planet Discovery</div>
  66 + </div>
  67 + </div>
  68 + <div class="top_state_address">
  69 + <div class="state_north_ame statr_one">
  70 + <div class="state_img">
  71 + <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="" />
  72 + </div>
  73 + <div class="state_state_name">
  74 + <span>北美洲</span>
  75 + <ul class="star_happy_box">
  76 + <notempty name="res_city.5.name">
  77 + <volist name="res_city.5.name" id="vo">
  78 + <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
  79 + </volist>
  80 + </notempty>
  81 + </ul>
  82 + </div>
  83 + </div>
  84 + <div class="state_north_ame statr_two">
  85 + <div class="state_img">
  86 + <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="" />
  87 + </div>
  88 + <div class="state_state_name">
  89 + <span>欧洲</span>
  90 + <ul class="star_happy_box">
  91 + <notempty name="res_city.2.name">
  92 + <volist name="res_city.2.name" id="vo">
  93 + <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
  94 + </volist>
  95 + </notempty>
  96 + </ul>
  97 + </div>
  98 + </div>
  99 + <div class="state_north_ame statr_three">
  100 + <div class="state_img">
  101 + <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="" />
  102 + </div>
  103 + <div class="state_state_name">
  104 + <span>亚洲</span>
  105 + <ul class="star_happy_box">
  106 + <notempty name="res_city.1.name">
  107 + <volist name="res_city.1.name" id="vo">
  108 + <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
  109 + </volist>
  110 + </notempty>
  111 + </ul>
  112 + </div>
  113 + </div>
  114 + <div class="state_north_ame statr_four">
  115 + <div class="state_img">
  116 + <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="" />
  117 + </div>
  118 + <div class="state_state_name">
  119 + <span>拉丁美洲</span>
  120 + <ul class="star_happy_box">
  121 + <notempty name="res_city.6.name">
  122 + <volist name="res_city.6.name" id="vo">
  123 + <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
  124 + </volist>
  125 + </notempty>
  126 + </ul>
  127 + </div>
  128 + </div>
  129 + <div class="state_north_ame statr_five">
  130 + <div class="state_img">
  131 + <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="" />
  132 + </div>
  133 + <div class="state_state_name">
  134 + <span>非洲</span>
  135 + <ul class="star_happy_box">
  136 + <notempty name="res_city.3.name">
  137 + <volist name="res_city.3.name" id="vo">
  138 + <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
  139 + </volist>
  140 + </notempty>
  141 + </ul>
  142 + </div>
  143 + </div>
  144 + <div class="state_north_ame statr_six">
  145 + <div class="state_img">
  146 + <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="" />
  147 + </div>
  148 + <div class="state_state_name">
  149 + <span>大洋洲</span>
  150 + <ul class="star_happy_box">
  151 + <notempty name="res_city.4.name">
  152 + <volist name="res_city.4.name" id="vo">
  153 + <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
  154 + </volist>
  155 + </notempty>
  156 + </ul>
  157 + </div>
  158 + </div>
  159 + <div class="state_north_ame statr_seven">
  160 + <div class="state_img">
  161 + <img src="__TMPL__/public/assets/images/cicon_05@2x.png" alt="" />
  162 + </div>
  163 + <div class="state_state_name">
  164 + <span>南极洲</span>
  165 + <ul class="star_happy_box">
  166 + <notempty name="res_city.20.name">
  167 + <volist name="res_city.20.name" id="vo">
  168 + <li><a href="/portal/star/index?city_id={$vo.id}">{$vo.name}</a></li>
  169 + </volist>
  170 + </notempty>
  171 + </ul>
  172 + </div>
  173 + </div>
59 </div> 174 </div>
60 -  
61 </div> 175 </div>
62 - <!-- Add Pagination -->  
63 - <div class="swiper-pagination"></div>  
64 </div> 176 </div>
  177 + <!-- 星享体验 -->
  178 + <div class="center">
  179 + <div class="center_title">
  180 + <div class="top_state_ch">星享<span>体验</span></div>
  181 + <div class="top_state_en">
  182 + Star Experience
  183 + </div>
  184 + </div>
  185 + <div class="center_card">
  186 + <!-- 1月 -->
  187 + <div class="center_card_bg">
  188 + <!-- 翻转前 -->
  189 + <div class="center_card_bg2 center_card_Img1 hovers">
  190 + <div class="center_card_two_contant">
  191 + <div class="center_card_two_top center_color">1</div>
  192 + <div class="center_card_two_bottom center_color">January</div>
  193 + </div>
  194 + </div>
  195 + <!-- 翻转后 -->
  196 + <div class=" reverse hovers">
  197 + <div class="center_card_img">
  198 + <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
  199 + </div>
  200 + <div class="center_card_month">
  201 + <!--<div class="center_card_one">January <span>1</span></div>-->
  202 + <div class="center_card_cantant">
  203 + <div class="center_card_catant_one">慕尼黑啤酒节</div>
  204 + <div class="center_card_catant_two">日本札幌冰雪</div>
  205 + </div>
  206 + </div>
  207 + </div>
  208 + </div>
  209 + <!-- 二月 -->
  210 + <div class="center_card_bg">
  211 + <!-- 翻转前 -->
  212 + <div class="center_card_bg2 center_card_two2 hovers">
  213 + <div class="center_card_two_contant">
  214 + <div class="center_card_two_top">2</div>
  215 + <div class="center_card_two_bottom">February</div>
  216 + </div>
  217 + </div>
  218 + <!-- 翻转后 -->
  219 + <div class=" reverse hovers">
  220 + <div class="center_card_img">
  221 + <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
  222 + </div>
  223 + <div class="center_card_month">
  224 + <div class="center_card_one">February <span>2</span></div>
  225 + <div class="center_card_cantant">
  226 + <div class="center_card_catant_one">
  227 + 慕尼黑啤酒节
  228 + </div>
  229 + <div class="center_card_catant_two">
  230 + 日本札幌冰雪
  231 + </div>
  232 + </div>
  233 + </div>
  234 + </div>
  235 + </div>
  236 + <!-- 三月 -->
  237 + <div class="center_card_bg">
  238 + <!-- 翻转前 -->
  239 + <div class="center_card_bg2 center_card_Img2 hovers">
  240 + <div class="center_card_two_contant">
  241 + <div class="center_card_two_top center_color">3</div>
  242 + <div class="center_card_two_bottom center_color">March</div>
  243 + </div>
  244 + </div>
  245 + <!-- 翻转后 -->
  246 + <div class=" reverse hovers">
  247 + <div class="center_card_img">
  248 + <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
  249 + </div>
  250 + <div class="center_card_month">
  251 + <div class="center_card_one">March <span>3</span></div>
  252 + <div class="center_card_cantant">
  253 + <div class="center_card_catant_one">
  254 + 慕尼黑啤酒节
  255 + </div>
  256 + <div class="center_card_catant_two">
  257 + 日本札幌冰雪
  258 + </div>
  259 + </div>
  260 + </div>
  261 + </div>
  262 + </div>
  263 + <!-- 四月 -->
  264 + <div class="center_card_bg">
  265 + <!-- 翻转前 -->
  266 + <div class="center_card_bg2 center_card_two3 hovers">
  267 + <div class="center_card_two_contant">
  268 + <div class="center_card_two_top">4</div>
  269 + <div class="center_card_two_bottom">April</div>
  270 + </div>
  271 + </div>
  272 + <!-- 翻转后 -->
  273 + <div class=" reverse hovers">
  274 + <div class="center_card_img">
  275 + <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
  276 + </div>
  277 + <div class="center_card_month">
  278 + <div class="center_card_one">April <span>4</span></div>
  279 + <div class="center_card_cantant">
  280 + <div class="center_card_catant_one"> 慕尼黑啤酒节
  281 + </div>
  282 + <div class="center_card_catant_two">日本札幌冰雪</div>
  283 + </div>
  284 + </div>
  285 + </div>
  286 + </div>
  287 + <!-- 五月 -->
  288 + <div class="center_card_bg">
  289 + <!-- 翻转前 -->
  290 + <div class="center_card_bg2 center_card_Img3 hovers">
  291 + <div class="center_card_two_contant">
  292 + <div class="center_card_two_top center_color">5</div>
  293 + <div class="center_card_two_bottom center_color">May</div>
  294 + </div>
  295 + </div>
  296 + <!-- 翻转后 -->
  297 + <div class=" reverse hovers">
  298 + <div class="center_card_img">
  299 + <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
  300 + </div>
  301 + <div class="center_card_month">
  302 + <div class="center_card_one">May <span>5</span></div>
  303 + <div class="center_card_cantant">
  304 + <div class="center_card_catant_one">
  305 + 慕尼黑啤酒节
  306 + </div>
  307 + <div class="center_card_catant_two">
  308 + 日本札幌冰雪
  309 + </div>
  310 + </div>
  311 + </div>
  312 + </div>
  313 + </div>
  314 + <!-- 六月 -->
  315 + <div class="center_card_bg">
  316 + <!-- 翻转前 -->
  317 + <div class="center_card_bg2 center_card_two4 hovers">
  318 + <div class="center_card_two_contant">
  319 + <div class="center_card_two_top">6</div>
  320 + <div class="center_card_two_bottom">June</div>
  321 + </div>
  322 + </div>
  323 + <!-- 翻转后 -->
  324 + <div class=" reverse hovers">
  325 + <div class="center_card_img">
  326 + <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
  327 + </div>
  328 + <div class="center_card_month">
  329 + <div class="center_card_one">June<span>6</span></div>
  330 + <div class="center_card_cantant">
  331 + <div class="center_card_catant_one">
  332 + 慕尼黑啤酒节
  333 + </div>
  334 + <div class="center_card_catant_two">
  335 + 日本札幌冰雪
  336 + </div>
  337 + </div>
  338 + </div>
  339 + </div>
  340 + </div>
  341 + <!-- 七月 -->
  342 + <div class="center_card_bg">
  343 + <!-- 翻转前 -->
  344 + <div class="center_card_bg2 center_card_Img4 hovers">
  345 + <div class="center_card_two_contant">
  346 + <div class="center_card_two_top center_color">7</div>
  347 + <div class="center_card_two_bottom center_color">July</div>
  348 + </div>
  349 + </div>
  350 + <!-- 翻转后 -->
  351 + <div class=" reverse hovers">
  352 + <div class="center_card_img">
  353 + <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
  354 + </div>
  355 + <div class="center_card_month">
  356 + <div class="center_card_one">July <span>7</span></div>
  357 + <div class="center_card_cantant">
  358 + <div class="center_card_catant_one">
  359 + 慕尼黑啤酒节
  360 + </div>
  361 + <div class="center_card_catant_two">
  362 + 日本札幌冰雪
  363 + </div>
  364 + </div>
  365 + </div>
  366 + </div>
  367 + </div>
  368 + <!-- 八月 -->
  369 + <div class="center_card_bg">
  370 + <!-- 翻转前 -->
  371 + <div class="center_card_bg2 center_card_two5 hovers">
  372 + <div class="center_card_two_contant">
  373 + <div class="center_card_two_top">8</div>
  374 + <div class="center_card_two_bottom">August</div>
  375 + </div>
  376 + </div>
  377 + <!-- 翻转后 -->
  378 + <div class=" reverse hovers">
  379 + <div class="center_card_img">
  380 + <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
  381 + </div>
  382 + <div class="center_card_month">
  383 + <div class="center_card_one">August <span>8</span></div>
  384 + <div class="center_card_cantant">
  385 + <div class="center_card_catant_one">
  386 + 慕尼黑啤酒节
  387 + </div>
  388 + <div class="center_card_catant_two">
  389 + 日本札幌冰雪
  390 + </div>
  391 + </div>
  392 + </div>
  393 + </div>
  394 + </div>
  395 + <!-- 九月 -->
  396 + <div class="center_card_bg">
  397 + <!-- 翻转前 -->
  398 + <div class="center_card_bg2 center_card_Img5 hovers">
  399 + <div class="center_card_two_contant">
  400 + <div class="center_card_two_top center_color">9</div>
  401 + <div class="center_card_two_bottom center_color">September</div>
  402 + </div>
  403 + </div>
  404 + <!-- 翻转后 -->
  405 + <div class=" reverse hovers">
  406 + <div class="center_card_img">
  407 + <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
  408 + </div>
  409 + <div class="center_card_month">
  410 + <div class="center_card_one">September <span>9</span></div>
  411 + <div class="center_card_cantant">
  412 + <div class="center_card_catant_one">
  413 + 慕尼黑啤酒节
  414 + </div>
  415 + <div class="center_card_catant_two">
  416 + 日本札幌冰雪
  417 + </div>
  418 + </div>
  419 + </div>
  420 + </div>
  421 + </div>
  422 + <!-- 十月 -->
  423 + <div class="center_card_bg">
  424 + <!-- 翻转前 -->
  425 + <div class="center_card_bg2 center_card_two6 hovers">
  426 + <div class="center_card_two_contant">
  427 + <div class="center_card_two_top">10</div>
  428 + <div class="center_card_two_bottom">October</div>
  429 + </div>
  430 + </div>
  431 + <!-- 翻转后 -->
  432 + <div class=" reverse hovers">
  433 + <div class="center_card_img">
  434 + <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
  435 + </div>
  436 + <div class="center_card_month">
  437 + <div class="center_card_one">October <span>10</span></div>
  438 + <div class="center_card_cantant">
  439 + <div class="center_card_catant_one">
  440 + 慕尼黑啤酒节
  441 + </div>
  442 + <div class="center_card_catant_two">
  443 + 日本札幌冰雪
  444 + </div>
  445 + </div>
  446 + </div>
  447 + </div>
  448 + </div>
  449 + <!-- 十一月 -->
  450 + <div class="center_card_bg">
  451 + <!-- 翻转前 -->
  452 + <div class="center_card_bg2 center_card_Img6 hovers">
  453 + <div class="center_card_two_contant">
  454 + <div class="center_card_two_top center_color">11</div>
  455 + <div class="center_card_two_bottom center_color">November</div>
  456 + </div>
  457 + </div>
  458 + <!-- 翻转后 -->
  459 + <div class=" reverse hovers">
  460 + <div class="center_card_img">
  461 + <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
  462 + </div>
  463 + <div class="center_card_month">
  464 + <div class="center_card_one">November <span>11</span></div>
  465 + <div class="center_card_cantant">
  466 + <div class="center_card_catant_one">
  467 + 慕尼黑啤酒节
  468 + </div>
  469 + <div class="center_card_catant_two">
  470 + 日本札幌冰雪
  471 + </div>
  472 + </div>
  473 + </div>
  474 + </div>
  475 + </div>
  476 + <!-- 十二月 -->
  477 + <div class="center_card_bg">
  478 + <!-- 翻转前 -->
  479 + <div class="center_card_bg2 center_card_two7 hovers">
  480 + <div class="center_card_two_contant">
  481 + <div class="center_card_two_top">12</div>
  482 + <div class="center_card_two_bottom">December</div>
  483 + </div>
  484 + </div>
  485 + <!-- 翻转后 -->
  486 + <div class=" reverse hovers">
  487 + <div class="center_card_img">
  488 + <img src="__TMPL__/public/assets/images/cicon_09@2x.png" alt="" />
  489 + </div>
  490 + <div class="center_card_month">
  491 + <div class="center_card_one">December <span>12</span></div>
  492 + <div class="center_card_cantant">
  493 + <div class="center_card_catant_one">
  494 + 慕尼黑啤酒节
  495 + </div>
  496 + <div class="center_card_catant_two">
  497 + 日本札幌冰雪
  498 + </div>
  499 + </div>
  500 + </div>
  501 + </div>
  502 + </div>
  503 + </div>
  504 + </div>
  505 + <!-- 星域秀场 -->
  506 + <div class="video">
  507 + <div class="video_top">
  508 + <div class="top_state_title">
  509 + <div class="top_state_ch">星域<span>秀场</span></div>
  510 + <div class="top_state_en">
  511 + Planet Stage
  512 + </div>
  513 + </div>
  514 + </div>
  515 + <!-- 视频 -->
  516 + <div class="video_center">
  517 + <!-- 视频 -->
  518 + <notempty name="res_xqyy">
  519 + <div class="video_bg">
  520 + <video id="video" width="100%" style="height:100%;" src="{:cmf_get_file_download_url($res_xqyy.video)}"></video>
  521 + </div>
  522 + <!-- 封面 -->
  523 + <div class="fm_IMG">
  524 + <img src="{:cmf_get_image_url($res_xqyy.index_thumbnail)}" alt="">
  525 + </div>
  526 + <else/>
  527 + <div class="video_bg">
  528 + <video id="video" width="100%" style="height:100%;" src="__TMPL__/public/assets/images/video.mp4"></video>
  529 + </div>
  530 + <!-- 封面 -->
  531 + <div class="fm_IMG">
  532 + <img src="__TMPL__/public/assets/images/bicon_34.png" alt="">
  533 + </div>
  534 + </notempty>
  535 + <!-- 按钮 -->
  536 + <div class="video_start">
  537 + <img onclick="bofang()" src="__TMPL__/public/assets/images/aicon_30.png" alt="" />
  538 + </div>
  539 + </div>
  540 + <!-- 胡歌 -->
  541 + <notempty name="res_mxft">
  542 + <a href="/portal/region/getStarDetail?id={$res_mxft.id}">
  543 + <div class="video_star">
  544 + <div class="userimg">
  545 + <img src="{:cmf_get_image_url($res_mxft.avatar)}" alt="" />
  546 + </div>
  547 + <div class="useraccount tip left">
  548 + <div class="useraccount_top">
  549 + <div class="useraccount_name">{$res_mxft.full_name}</div>
  550 + <div class="useraccount_career">
  551 + {$res_mxft.position}<span>{$res_mxft.trade}</span>
  552 + </div>
  553 + </div>
  554 + <div class="useraccount_intro txt-cut" style="-webkit-line-clamp: 4;">
  555 + {$res_mxft.post_excerpt}
  556 + </div>
  557 + </div>
  558 + </div>
  559 + </a>
65 560
66 -</div> 561 + <!-- 更多 -->
  562 + <div class="video_bottom">
  563 + <a href="/portal/region/getMoreStar">
  564 + <div class="video_bottom_contant">
  565 + more+
  566 + </div>
  567 + </a>
  568 + </div>
  569 + </notempty>
  570 + </div>
  571 + <!-- 星域画廊 -->
  572 + <div class="gallery">
  573 + <div class="video_top">
  574 + <div class="top_state_title">
  575 + <div class="top_state_ch">星域<span>画廊</span></div>
  576 + <div class="top_state_en">
  577 + star Gallery
  578 + </div>
  579 + </div>
  580 + </div>
  581 + <!-- 图片 -->
  582 + <div class="star_gall_img swiper-container indeX_Hl">
  583 + <!-- 轮播图 -->
  584 + <ul class="swiper-wrapper">
  585 + <notempty name="res_xyhl">
  586 + <volist name="res_xyhl" id="vo">
  587 + <li class="swiper-slide">
  588 + <a href="/portal/region/getGalleryDetail?id={$vo.id}">
  589 + <img class="swiper-slide" src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  590 + </a>
  591 + </li>
  592 + </volist>
  593 + </notempty>
  594 + </ul>
  595 + </div>
  596 + <!-- 更多 -->
  597 + <div class="video_bottom">
  598 + <a href="/portal/region/getMoreGallery">
  599 + <div class="video_bottom_contant">
  600 + more+
  601 + </div>
  602 + </a>
  603 + </div>
  604 + <!-- 星探推荐 -->
  605 + <div class="recommend">
  606 + <div class="recommend_top">
  607 + <div class="top_state_title">
  608 + <div class="top_state_ch">星域<span>推荐</span>
  609 + </div>
  610 + <div class="top_state_en">
  611 + STAR RECOMMENDATION
  612 + </div>
  613 + </div>
  614 + </div>
  615 + <!-- 图片 -->
  616 + <div class="star_gall_img swiper-container2">
  617 + <!-- 轮播图 -->
  618 + <ul class="swiper-wrapper">
  619 + <notempty name="res_xttj">
  620 + <volist name="res_xttj" id="vo">
  621 + <li class="swiper-slide">
  622 + <empty name="vo.place">
  623 + <a href="/portal/scout/getSceneryDetail?id={$vo.id}">
  624 + <else />
  625 + <a href="/portal/scout/getTravelDetail?id={$vo.id}">
  626 + </empty>
  627 + <div class="recommed_contant">
  628 + <div class="recommed_contant_img">
  629 + <img src="{:cmf_get_image_url($vo.index_thumbnail)}" alt="" />
  630 + </div>
  631 + <div class="recommed_contant_title txt-cut" style="-webkit-line-clamp:2;">
  632 + {$vo.post_title}
  633 + </div>
  634 + <div class="recommed_contant_money">
  635 + ￥{$vo.price}
  636 + </div>
  637 + </div>
  638 + </a>
  639 + </li>
  640 + </volist>
  641 + </notempty>
  642 + </ul>
  643 + </div>
  644 + </div>
  645 + <!-- 更多 -->
  646 + <div class="video_bottom">
  647 + <a href="/portal/scout/index">
  648 + <div class="video_bottom_contant">
  649 + more+
  650 + </div>
  651 + </a>
  652 + </div>
  653 + <!-- 星探活动 -->
  654 + <notempty name="res_xjhd">
  655 + <div class="activity">
  656 + <div class="recommend_top">
  657 + <div class="top_state_title">
  658 + <div class="top_state_ch">星域<span>活动</span></div>
  659 + <div class="top_state_en">
  660 + PLANET ACTIVITY
  661 + </div>
  662 + </div>
  663 + </div>
  664 + <!-- 图片 -->
  665 + <div class="star_gall_img swiper-container3">
  666 + <!-- 轮播图 -->
  667 + <ul class="swiper-wrapper">
  668 + <volist name="res_xjhd" id="vo">
  669 + <li class="swiper-slide">
  670 + <a href="index_twelfth.html">
  671 + <div class="activity_contant">
  672 + <div class="activity_contant_img">
  673 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  674 + </div>
  675 + <div class="activity_contant_title one-txt-cut">
  676 + {$vo.post_title}
  677 + </div>
  678 + </div>
  679 + </a>
  680 + </li>
  681 + </volist>
  682 + </ul>
  683 + </div>
  684 + </div>
  685 + </notempty>
  686 + </div>
  687 + <!--底部-->
  688 + <include file="public@footer"/>
67 </body> 689 </body>
68 -<script src="__TMPL__/public/assets/js/jquery.min.js"></script>  
69 -<script src="__TMPL__/public/assets/js/swiper-3.4.2.jquery.min.js"></script> 690 +<script src="__TMPL__/public/assets/js/base.js"></script>
  691 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  692 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  693 +<script src="__TMPL__/public/assets/js/public.js"></script>
70 <script> 694 <script>
  695 + // 翻转
  696 + $('.center_card_bg').each(function() {
  697 + $(this).mouseover(function() {
  698 + $(this).find('.hovers').addClass('fanz_before');
  699 + $(this).find('.reverse').addClass('fanz_after');
71 700
  701 + }).mouseout(function() {
  702 + $(this).find('.hovers').removeClass('fanz_before');
  703 + $(this).find('.reverse').removeClass('fanz_after');
  704 + })
  705 + })
72 706
73 - $('.btn_button').click(function () {  
74 - window.location.href = "/portal/index/homePage"; 707 +
  708 + // 星球奇景
  709 + $(".statr_one,.statr_two,.statr_three,.statr_four,.statr_five,.statr_six,.statr_seven").click(function() {
  710 + if ($(this).find("img").attr("src") == "__TMPL__/public/assets/images/cicon_05@2x.png") {
  711 + $(this).find("img").attr("src", "__TMPL__/public/assets/images/cicon_06@2x.png");
  712 + $(this).find("span").addClass("state_africa");
  713 + $(this).find("ul").toggle();
  714 + } else {
  715 + $(this).find("img").attr("src", "__TMPL__/public/assets/images/cicon_05@2x.png");
  716 + $(this).find("span").removeClass("state_africa");
  717 + $(this).find("ul").toggle();
  718 + }
  719 + });
  720 + // 星域秀场视频
  721 + var video = document.getElementById("video");
  722 +
  723 + function bofang() {
  724 + video.play();
  725 + $('.fm_IMG').hide();
  726 + $("#video").attr("controls", "controls");
  727 + $(".video_start").hide();
  728 + }
  729 + // swiper
  730 + var swiper = new Swiper('.swiper-container4', {
  731 + pagination: '.swiper-pagination',
  732 + autoplay: 3000,
  733 + loop: true
75 }); 734 });
76 - var swiper = new Swiper('.swiper-container',{  
77 - // autoplay: {  
78 - // delay: 3000,  
79 - // disableOnInteraction: false,  
80 - // },  
81 - loop: true, // 循环模式选项  
82 735
83 - pagination: {  
84 - el: '.swiper-pagination',  
85 - }, 736 + var swiper = new Swiper('.swiper-container', {
  737 + pagination: '.swiper-pagination',
  738 + slidesPerView: 2.4,
  739 + paginationClickable: true,
  740 + spaceBetween: 14,
  741 + freeMode: true
  742 + });
  743 + var swiper = new Swiper('.swiper-container2', {
  744 + pagination: '.swiper-pagination',
  745 + slidesPerView: 2.46,
  746 + paginationClickable: true,
  747 + spaceBetween: 12,
  748 + freeMode: true
  749 + });
  750 + var swiper = new Swiper('.swiper-container3', {
  751 + pagination: '.swiper-pagination',
  752 + slidesPerView: 1.16,
  753 + paginationClickable: true,
  754 + spaceBetween: 12,
  755 + freeMode: true
86 }); 756 });
87 </script> 757 </script>
88 -</html> 758 +
  759 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
  12 + <title>个人中心</title>
  13 +</head>
  14 +
  15 +<body class="index_tenth_bgimg">
  16 + <include file="public@header"/>
  17 + <!--彈出框-->
  18 + <div class="mask">
  19 +
  20 + </div>
  21 + <div class="index_nineteenth">
  22 + <div class="index_nineteenth_contant">
  23 + <div class="index_nineteenth_top">
  24 + <div class="index_nineteenth_title">
  25 + 昵称
  26 + </div>
  27 + <div class="index_nineteenth_input">
  28 + <notempty name="user.user_nickname">
  29 + <input type="text" value="{$user.user_nickname}" id="nickname"/>
  30 + <else/>
  31 + <input type="text" value="" id="nickname"/>
  32 + </notempty>
  33 + </div>
  34 + </div>
  35 + <div class="index_nineteenth_btn save_info">
  36 + 保存
  37 + </div>
  38 + </div>
  39 + <div class="index_ninth_photo">
  40 + <notempty name="user.avatar">
  41 + <img src="{:cmf_get_image_url($user.avatar)}" alt="">
  42 + <else/>
  43 + <img src="__TMPL__/public/assets/images/aicon_82.png" alt="">
  44 + </notempty>
  45 + </div>
  46 + <div class="index_tenth_bottom">
  47 + <div class="index_tenth_bottom_contant">
  48 + Copyright © 2004-2019 独角星球 版权所有
  49 + </div>
  50 + </div>
  51 + </div>
  52 +</body>
  53 +<script src="__TMPL__/public/assets/js/base.js"></script>
  54 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  55 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  56 +<script src="__TMPL__/public/assets/js/public.js"></script>
  57 +<script>
  58 + $(function(){
  59 + $('.save_info').click(function(){
  60 + var nickname = $.trim($('#nickname').val());
  61 + $.ajax({
  62 + type: 'POST',
  63 + url: "/portal/login/updateNickname",
  64 + data: {
  65 + 'nickname': nickname,
  66 + },
  67 + dataType: 'json',
  68 + success: function (data) {
  69 + console.log(data);
  70 + if (data.code == 1) {
  71 + mask(data.msg);
  72 + window.location.href = '/';
  73 + } else {
  74 + mask(data.msg);
  75 + }
  76 + }
  77 + });
  78 + });
  79 + });
  80 +</script>
  81 +
  82 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
  12 + <title>个人中心</title>
  13 + <style>
  14 + #personal-photo {
  15 + position: absolute;
  16 + width: 38%;
  17 + height: 13%;
  18 + font-size: 12px;
  19 + right: 30%;
  20 + top: 25%;
  21 + opacity: 0;
  22 + cursor: pointer;
  23 + }
  24 + </style>
  25 +</head>
  26 +
  27 +<body class="index_tenth_bgimg">
  28 + <include file="public@header"/>
  29 + <!--彈出框-->
  30 + <div class="mask">
  31 +
  32 + </div>
  33 + <div class="index_ninth">
  34 + <div class="index_ninth_contant">
  35 + <div class="index_ninth_one idnex_ninth_first">
  36 + <div class="index_ninth_one_img">
  37 + <img src="__TMPL__/public/assets/images/cicon_68@2x.png" alt="" />
  38 + </div>
  39 + <div class="index_ninth_one_title">
  40 + <input type="file" id="personal-photo" name="avatar">编辑头像
  41 + </div>
  42 + </div>
  43 + <div class="index_ninth_one" id="editInfo">
  44 + <div class="index_ninth_one_img">
  45 + <img src="__TMPL__/public/assets/images/cicon_69@2x.png" alt="" />
  46 + </div>
  47 + <div class="index_ninth_one_title">
  48 + 修改资料
  49 + </div>
  50 + </div>
  51 + <div class="index_ninth_one" id="myCollection">
  52 + <div class="index_ninth_one_img">
  53 + <img src="__TMPL__/public/assets/images/cicon_70@2x.png" alt="" />
  54 + </div>
  55 + <div class="index_ninth_one_title">
  56 + 我的收藏
  57 + </div>
  58 + </div>
  59 + </div>
  60 + <div class="index_ninth_photo">
  61 + <notempty name="user.avatar">
  62 + <img src="{:cmf_get_image_url($user.avatar)}" alt="">
  63 + <else/>
  64 + <img src="__TMPL__/public/assets/images/aicon_82.png" alt="">
  65 + </notempty>
  66 + </div>
  67 + <div class="index_tenth_bottom">
  68 + <div class="index_tenth_bottom_contant">
  69 + Copyright © 2004-2019 独角星球 版权所有
  70 + </div>
  71 + </div>
  72 + </div>
  73 +</body>
  74 +<script src="__TMPL__/public/assets/js/base.js"></script>
  75 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  76 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  77 +<script src="__TMPL__/public/assets/js/public.js"></script>
  78 +<script src="__TMPL__/public/assets/js/uploadfile.js"></script>
  79 +<script>
  80 + $(function(){
  81 + $("#personal-photo").on("change",function(){
  82 + var img_size = $("input[type=file]").get(0).files[0].size;
  83 + if (img_size > 1024000){
  84 + mask("上传图片过大，请上传小于1M的图片");
  85 + }else {
  86 + $.ajaxFileUpload({
  87 + url: '/portal/login/updateAvatar', //用于文件上传的服务器端请求地址
  88 + secureuri: false, //是否需要安全协议，一般设置为false
  89 + fileElementId: 'personal-photo', //文件上传域的ID
  90 + dataType: 'json', //返回值类型 一般设置为json
  91 + success: function (data){ //服务器成功响应处理函数
  92 + mask(data.msg);
  93 + window.location.href = '/';
  94 + }
  95 + });
  96 + }
  97 + });
  98 + });
  99 +</script>
  100 +
  101 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
  12 + <title>登录</title>
  13 +</head>
  14 +
  15 +<body class="index_tenth_bgimg">
  16 + <include file="public@header"/>
  17 + <!--彈出框-->
  18 + <div class="mask">
  19 +
  20 + </div>
  21 + <div class="index_tenth">
  22 + <div class="index_theth_contant">
  23 + <div class="index_tenth_bg">
  24 + <div class="index_tenth_one">
  25 + <div class="index_tenth_left login">其他登录方式</div>
  26 + <div class="index_tenth_left index_tenth_right phone_login">
  27 + 手机号登录
  28 + </div>
  29 + </div>
  30 + <div class="index_tenth_first">
  31 + <div class="index_tenth_two">
  32 + <input type="tel" placeholder="请输入手机号" id="mobile">
  33 + <input type="password" placeholder="请输入密码" id="password">
  34 + </div>
  35 + <div class="index_tenth_three" id="register">
  36 + 没有账号？<span>
  37 + 立即注册
  38 + </span>
  39 + </div>
  40 + <div class="index_tenth_four logging">
  41 + 登录
  42 + </div>
  43 + </div>
  44 + <div class="index_tenth_seconds">
  45 + <div class="index_tenth_second">
  46 + <div class="index_tenth_second_one">
  47 + <div class="index_tenth_second_img">
  48 + <img src="__TMPL__/public/assets/images/cicon_71@2x.png" alt="" />
  49 + </div>
  50 + <div class="index_tenth_second_title">
  51 + 微信登录
  52 + </div>
  53 + </div>
  54 + <div class="index_tenth_second_one">
  55 + <div class="index_tenth_second_img">
  56 + <img src="__TMPL__/public/assets/images/cicon_72@2x.png" alt="" />
  57 + </div>
  58 + <div class="index_tenth_second_title">
  59 + 微博登录
  60 + </div>
  61 + </div>
  62 + </div>
  63 + </div>
  64 + </div>
  65 + </div>
  66 + <div class="index_tenth_bottom">
  67 + <div class="index_tenth_bottom_contant">
  68 + Copyright © 2004-2019 独角星球 版权所有
  69 + </div>
  70 + </div>
  71 + </div>
  72 +</body>
  73 +<script src="__TMPL__/public/assets/js/base.js"></script>
  74 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  75 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  76 +<script src="__TMPL__/public/assets/js/public.js"></script>
  77 +<script>
  78 + $(".login").click(function() {
  79 + $(this).addClass("index_tenth_right");
  80 + $(".phone_login").removeClass("index_tenth_right");
  81 + $(".index_tenth_seconds").css({
  82 + display: "block"
  83 + });
  84 + $(".index_tenth_first").css({
  85 + display: "none"
  86 + });
  87 + });
  88 + $(".phone_login").click(function() {
  89 + $(this).addClass("index_tenth_right");
  90 + $(".login").removeClass("index_tenth_right");
  91 + $(".index_tenth_seconds").css({
  92 + display: "none"
  93 + });
  94 + $(".index_tenth_first").css({
  95 + display: "block"
  96 + });
  97 + });
  98 +</script>
  99 +
  100 +<script>
  101 + $('.logging').click(function(){
  102 + var phone_number = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
  103 + var mobile = $("#mobile").val();
  104 + var password = $.trim($('#password').val());
  105 + if (!phone_number.test(mobile)){
  106 + mask("手机号格式有误");
  107 + return false;
  108 + }
  109 + if(password == '') {
  110 + mask("密码不能为空");
  111 + return false;
  112 + }
  113 + $.ajax({
  114 + type: 'POST',
  115 + url: "/portal/login/loginCommit",
  116 + data: {
  117 + 'mobile': mobile,
  118 + 'user_pass': password
  119 + },
  120 + dataType: 'json',
  121 + success: function (data) {
  122 + if (data.code == 1) {
  123 + mask(data.msg);
  124 + window.location.href = '/';
  125 + } else {
  126 + mask(data.msg);
  127 + }
  128 + }
  129 + });
  130 + });
  131 +</script>
  132 +
  133 +</html>
  1 +<!DOCTYPE html>
  2 +<html>
  3 +
  4 + <head>
  5 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
  10 + <title>我的收藏</title>
  11 + </head>
  12 +
  13 + <body>
  14 + <include file="public@header"/>
  15 + <div class="collection_Box">
  16 + <!--内容-->
  17 + <div class="in_seaCon">
  18 + <ul>
  19 + <volist name="res" id="vo">
  20 + <li>
  21 + <a href="{$vo.post_url}" class="post_url">
  22 + <h1 class="in_seaConTxt1 one-txt-cut">{$vo.post_title}</h1>
  23 + </a>
  24 + <p class="in_seaConTxt2 txt-cut">
  25 + {$vo.post_excerpt}
  26 + </p>
  27 + <div class="collection_Txt">
  28 + <div class="in_seaConList">
  29 + <span>{$vo.category_name}</span>
  30 + <notempty name="vo.city_name">
  31 + <span>{$vo.city_name}</span>
  32 + </notempty>
  33 + </div>
  34 + <div class="collection_Txt2">
  35 + <div class="collection_Img">
  36 + <img src="__TMPL__/public/assets/images/cicon_81@2x.png" alt="" />
  37 + </div>
  38 + <p class="collection_Txt3">{$vo.post_favorites}</p>
  39 + </div>
  40 + </div>
  41 + </li>
  42 + </volist>
  43 + </ul>
  44 + </div>
  45 +
  46 + <!--分页-->
  47 + <div class="pagination">
  48 + {$page|default=''}
  49 + </div>
  50 + </div>
  51 +
  52 + <!-- 底部 -->
  53 + <include file="public@footer"/>
  54 + <script src="__TMPL__/public/assets/js/base.js"></script>
  55 + <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  56 + <script src="__TMPL__/public/assets/js/public.js"></script>
  57 + </body>
  58 +
  59 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mask.css">
  12 + <title>注册</title>
  13 +</head>
  14 +
  15 +<body class="index_tenth_bgimg">
  16 + <include file="public@header"/>
  17 + <!--彈出框-->
  18 + <div class="mask">
  19 +
  20 + </div>
  21 + <div class="index_tenth index_eleventh">
  22 + <div class="index_theth_contant">
  23 + <form action="">
  24 + <div class="index_tenth_bg">
  25 + <div class="index_tenth_one">
  26 + 账号注册
  27 + </div>
  28 + <div class="index_tenth_two index_eleventh_two">
  29 + <input required type="tel" placeholder="请输入手机号" id="mobile">
  30 + <input required type="password" placeholder="请输入密码" id="password">
  31 + <input type="text" required placeholder="请输入验证码" id="mobile_code">
  32 +
  33 + <input type="button" onclick="sendCode(this)" value="获取验证码" class="index_tenth_verify" style="width:1.8rem;border-radius: 1.2rem;padding-left:0.1rem;margin-top:0;height:0.6rem;"/>
  34 + <!--<div class="index_tenth_verify">-->
  35 + <!--获取验证码-->
  36 + <!--</div>-->
  37 + </div>
  38 +
  39 + <div class="index_tenth_three" id="login">
  40 + 已有账号？
  41 + <span>
  42 + 立即登录
  43 + </span>
  44 + </div>
  45 + <button type="button" class="index_tenth_four" id="zhuce" style="border:0;outline: none;">注册</button>
  46 + <!--<div class="index_tenth_four" id="zhece">-->
  47 + <!--注册-->
  48 + <!--</div>-->
  49 + </div>
  50 + </form>
  51 + </div>
  52 + <div class="index_tenth_bottom">
  53 + <div class="index_tenth_bottom_contant">
  54 + Copyright © 2004-2019 独角星球 版权所有
  55 + </div>
  56 + </div>
  57 + </div>
  58 +</body>
  59 +<script src="__TMPL__/public/assets/js/base.js"></script>
  60 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  61 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  62 +<script src="__TMPL__/public/assets/js/public.js"></script>
  63 +<script>
  64 + $(function(){
  65 + //提交注册
  66 + $('#zhuce').click(function () {
  67 + var mobile_code = $.trim($('#mobile_code').val());
  68 + var password = $.trim($('#password').val());
  69 + var phone_number = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
  70 + var mobile = $("#mobile").val();
  71 + if (!phone_number.test(mobile)){
  72 + mask("手机号格式有误");
  73 + return false;
  74 + }
  75 + if(password == '') {
  76 + mask("密码不能为空");
  77 + return false;
  78 + }
  79 + if(mobile_code == '') {
  80 + mask("验证码不能为空");
  81 + return false;
  82 + }
  83 + $.ajax({
  84 + type: 'POST',
  85 + url: "/portal/login/registerCommit",
  86 + data: {
  87 + 'mobile': mobile,
  88 + 'mobile_code': mobile_code,
  89 + 'user_pass': password
  90 + },
  91 + dataType: 'json',
  92 + success: function (data) {
  93 + if (data.code == 1) {
  94 + mask('注册成功！');
  95 + window.location.href = '/portal/login/login';
  96 + } else {
  97 + mask(data.msg);
  98 + }
  99 + }
  100 + });
  101 + });
  102 + });
  103 + //注册发送验证码
  104 + function sendCode(val){
  105 + var phone_number = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
  106 + var mobile = $("#mobile").val();
  107 + if (!phone_number.test(mobile)){
  108 + mask("手机号格式有误");
  109 + }else {
  110 + $.ajax({
  111 + type: 'POST',
  112 + url: "/portal/common/sendMobileCode",
  113 + data: {
  114 + 'mobile': mobile
  115 + },
  116 + dataType: 'json',
  117 + success: function (data) {
  118 + console.log(data);
  119 + if (data.code == 1) {
  120 + var countdown = 60;
  121 + settime(val, countdown);
  122 + mask(data.msg);
  123 + } else {
  124 + mask(data.msg);
  125 + }
  126 + }
  127 + });
  128 + }
  129 + }
  130 + //倒计时
  131 + function settime(val,countdown) {
  132 + if (countdown == 0) {
  133 + val.removeAttribute("disabled");
  134 + val.value="获取验证码";
  135 + countdown = 60;
  136 + } else {
  137 + val.setAttribute("disabled", true);
  138 + val.value= countdown +"s";
  139 + countdown--;
  140 + setTimeout(function() {
  141 + settime(val,countdown)
  142 + },1000)
  143 + }
  144 + }
  145 +</script>
  146 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8"/>
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport"/>
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
  8 + <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css"/>
  9 + <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/base.css"/>
  10 + <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/audio.css"/>
  11 + <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/index.css"/>
  12 + <title>星域秀场</title>
  13 + <style>
  14 + .fourth_video {
  15 + width: 100%;
  16 + height: 3.4rem;
  17 + position: relative;
  18 + }
  19 +
  20 + .xiucImg {
  21 + position: absolute;
  22 + top: 0;
  23 + left: 0;
  24 + width: 100%;
  25 + height: 100%;
  26 + }
  27 +
  28 + .xiucImg img {
  29 + width: 100%;
  30 + height: 100%;
  31 + }
  32 +
  33 + .swiper-containerHua {
  34 + overflow: hidden;
  35 + }
  36 +
  37 + .swiper-containerHua ul li {
  38 + height: 3.78rem;
  39 + }
  40 +
  41 + .swiper-containerHua ul li a {
  42 + height: 100%;
  43 + }
  44 +
  45 + .swiper-containerHua ul li img {
  46 + height: 100%;
  47 + }
  48 +
  49 + .fourth_log_top {
  50 + height: 3.34rem;
  51 + }
  52 + </style>
  53 +</head>
  54 +
  55 +<body>
  56 + <include file="public@header"/>
  57 + <!-- 视频 -->
  58 + <div class="fourth_video">
  59 + <div class="fourth_video_center">
  60 + <notempty name="res_xqyy">
  61 + <div class="video_bg" style="background-color:black;">
  62 + <video src="{:cmf_get_file_download_url($res_xqyy.video)}" id="video" width="100%" style="height: 3.4rem;"></video>
  63 + </div>
  64 + <div class="xiucImg">
  65 + <img src="__TMPL__/public/assets/images/cicon_35@2x.png" alt="">
  66 + </div>
  67 + <div class="fourth_video_start">
  68 + <img onclick="bofang()" src="__TMPL__/public/assets/images/aicon_30.png" alt="" />
  69 + </div>
  70 + </notempty>
  71 + </div>
  72 + </div>
  73 + <!-- 明星访谈 -->
  74 + <div class="first_scene">
  75 + <div class="first_scene_contant">
  76 + <div class="first_scene_img">
  77 + <div class="first_scene_top_img">
  78 + <img src="__TMPL__/public/assets/images/cicon_38@2x.png" alt="" />
  79 + </div>
  80 + <div class="first_scene_top_ch">明星<span>访谈</span>
  81 + </div>
  82 + <div class="first_scene_top_en">
  83 + Star Interview
  84 + </div>
  85 + </div>
  86 + </div>
  87 + </div>
  88 + <!-- 胡歌 -->
  89 + <div class="fourth_huge_star">
  90 + <div class="userimg">
  91 + <img src="{:cmf_get_image_url($res_mxft.avatar)}" alt="" />
  92 + </div>
  93 + <div class="useraccount tip left star_introduce">
  94 + <a href="/portal/region/getStarDetail?id={$res_mxft.id}">
  95 + <div class="useraccount_top">
  96 + <div class="useraccount_name">{$res_mxft.full_name}</div>
  97 + <div class="useraccount_career">
  98 + {$res_mxft.position}<span>{$res_mxft.trade}</span>
  99 + </div>
  100 + </div>
  101 + <div class="useraccount_intro txt-cut" style="-webkit-line-clamp: 4;">
  102 + {$res_mxft.post_excerpt}
  103 + </div>
  104 + </a>
  105 + </div>
  106 + </div>
  107 + <!-- 星球故事 -->
  108 + <div class="first_scene">
  109 + <div class="first_scene_contant">
  110 + <div class="first_scene_img">
  111 + <div class="first_scene_top_img">
  112 + <img src="__TMPL__/public/assets/images/cicon_39@2x.png" alt="" />
  113 + </div>
  114 + <div class="first_scene_top_ch">星球<span>故事</span></div>
  115 + <div class="first_scene_top_en"></div>
  116 + </div>
  117 + </div>
  118 + </div>
  119 + <div class="fourth_audio">
  120 + <div class="index_eighteenth_top">
  121 + <volist name="res_xqgs" id="vo" offset="0" length="1">
  122 + <a href="/portal/star/getStoryDetail?id={$vo.id}">
  123 + <div class="fourth_audio_top_one">
  124 + <div class="fourth_audio_to_left">
  125 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  126 + </div>
  127 + <div class="fourth_audio_to_right">
  128 + {$vo.excerpt}
  129 + </div>
  130 + </div>
  131 + <div class="index_eighteenth_top_three">
  132 + <notempty name="vo.audio">
  133 + <audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
  134 + <else/>
  135 + <audio id="audio" src="__TMPL__/public/assets/images/清平调.mp3"></audio>
  136 + </notempty>
  137 + </div>
  138 + </a>
  139 + </volist>
  140 + </div>
  141 + </div>
  142 + <!-- 星球画廊 -->
  143 + <div class="first_scene">
  144 + <div class="first_scene_contant">
  145 + <div class="first_scene_img">
  146 + <div class="first_scene_top_img">
  147 + <img src="__TMPL__/public/assets/images/cicon_40@2x.png" alt="" />
  148 + </div>
  149 + <div class="first_scene_top_ch">星球<span>画廊</span></div>
  150 + <div class="first_scene_top_en">
  151 + Star Gallery
  152 + </div>
  153 + </div>
  154 + </div>
  155 + </div>
  156 + <div class="gallery">
  157 + <!-- 图片 -->
  158 + <div class="star_gall_img swiper-containerHua">
  159 + <!-- 轮播图 -->
  160 + <ul class="swiper-wrapper">
  161 + <volist name="res_xyhl" id="vo">
  162 + <li class="swiper-slide">
  163 + <a href="/portal/region/getGalleryDetail?id={$vo.id}">
  164 + <img class="swiper-slide" src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  165 + </a>
  166 + </li>
  167 + </volist>
  168 + </ul>
  169 + </div>
  170 + </div>
  171 + <!-- 独角快报 -->
  172 + <div class="first_scene">
  173 + <div class="first_scene_contant">
  174 + <div class="first_scene_img">
  175 + <div class="first_scene_top_img">
  176 + <img src="__TMPL__/public/assets/images/cicon_41@2x.png" alt="" />
  177 + </div>
  178 + <div class="first_scene_top_ch">独角<span>快报</span></div>
  179 + <div class="first_scene_top_en">Planet Express</div>
  180 + </div>
  181 + </div>
  182 + </div>
  183 + <div class="fourth_bulletin">
  184 + <volist name="res_djkb" id="vo">
  185 + <a href="/portal/region/getNewsDetail?id={$vo.id}">
  186 + <div class="fourth_bulletin_contant">
  187 + <div class="fourth_bulletin_left">
  188 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  189 + </div>
  190 + <div class="fourth_bulletin_right">
  191 + <div class="fourth_bulletin_one txt-cut" style="-webkit-line-clamp: 2;">
  192 + {$vo.post_excerpt}
  193 + </div>
  194 + <div class="fourth_bulletin_two">{$vo.create_time|date="Y-m-d",###}</div>
  195 + </div>
  196 + </div>
  197 + </a>
  198 + </volist>
  199 + </div>
  200 + <!-- 独角日志 -->
  201 + <div class="first_scene">
  202 + <div class="first_scene_contant">
  203 + <div class="first_scene_img">
  204 + <div class="first_scene_top_img">
  205 + <img src="__TMPL__/public/assets/images/cicon_45@2x.png" alt="" />
  206 + </div>
  207 + <div class="first_scene_top_ch">独角<span>日志</span></div>
  208 + <div class="first_scene_top_en">Neo Blog</div>
  209 + </div>
  210 + </div>
  211 + </div>
  212 + <div class="gallery" id="fourth_logs">
  213 + <!-- 图片 -->
  214 + <div class="star_gall_img swiper-container_one">
  215 + <!-- 轮播图 -->
  216 + <ul class="swiper-wrapper">
  217 + <volist name="res_djrz" id="vo">
  218 + <li class="swiper-slide">
  219 + <a href="/portal/region/getNoteDetail?id={$vo.id}">
  220 + <div class="fourth_log">
  221 + <div class="fourth_log_top">
  222 + <img src="{:cmf_get_image_url($vo.index_thumbnail)}" alt="" />
  223 + </div>
  224 + <div class="fourth_log_bottom">
  225 + <div class="fourth_log_one">
  226 + {$vo.post_title}
  227 + </div>
  228 + <div class="fourth_log_two txt-cut" style="-webkit-line-clamp: 3;">
  229 + {$vo.post_excerpt}
  230 + </div>
  231 + <div class="fourth_log_three">
  232 + <img src="{:cmf_get_image_url($vo.avatar)}" alt="" />
  233 + </div>
  234 + </div>
  235 + </div>
  236 + </a>
  237 + </li>
  238 + </volist>
  239 + </ul>
  240 + </div>
  241 + </div>
  242 + <div class="video_bottom">
  243 + <a href="/portal/region/getMoreNote">
  244 + <div class="video_bottom_contant">
  245 + more+
  246 + </div>
  247 + </a>
  248 + </div>
  249 + <!-- 公益未来 -->
  250 + <div class="first_scene">
  251 + <div class="first_scene_contant">
  252 + <div class="first_scene_img">
  253 + <div class="first_scene_top_img">
  254 + <img src="__TMPL__/public/assets/images/cicon_44@2x.png" alt="" />
  255 + </div>
  256 + <div class="first_scene_top_ch">公益<span>未来</span></div>
  257 + <div class="first_scene_top_en">Great dreams & Education</div>
  258 + </div>
  259 + </div>
  260 + </div>
  261 + <div class="gallery " id="fourth_logs">
  262 + <!-- 图片 -->
  263 + <div class="star_gall_img swiper-container">
  264 + <!-- 轮播图 -->
  265 + <ul class="swiper-wrapper">
  266 + <volist name="res_tqwl" id="vo">
  267 + <li class="swiper-slide">
  268 + <a href="/portal/region/getFutureDetail?id={$vo.id}">
  269 + <div class="fourth_log">
  270 + <div class="fourth_log_top">
  271 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  272 + </div>
  273 + <div class="fourth_log_bottom">
  274 + <div class="fourth_log_one">
  275 + {$vo.post_title}
  276 + </div>
  277 + <div class="fourth_log_two txt-cut" style="-webkit-line-clamp: 2;">
  278 + {$vo.post_excerpt}
  279 + </div>
  280 + </div>
  281 + </div>
  282 + </a>
  283 + </li>
  284 + </volist>
  285 + </ul>
  286 + </div>
  287 + </div>
  288 + <div class="video_bottom">
  289 + <a href="/portal/region/getMoreFuture">
  290 + <div class="video_bottom_contant">
  291 + more+
  292 + </div>
  293 + </a>
  294 + </div>
  295 + <!--底部-->
  296 + <include file="public@footer"/>
  297 +</body>
  298 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  299 +<script src="__TMPL__/public/assets/js/base.js"></script>
  300 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  301 +<script src="__TMPL__/public/assets/js/k-audio.js"></script>
  302 +<script src="__TMPL__/public/assets/js/public.js"></script>
  303 +<script>
  304 + //音频
  305 + var audios = document.getElementsByTagName("audio");
  306 + for (var i = 0; i < audios.length; i++) {
  307 + var a = new kac(
  308 + audios[i],
  309 + 800,
  310 + 30,
  311 + "https://raw.githubusercontent.com/KIPI-C/k-audio.js/master/22.lrc",
  312 + true
  313 + );
  314 + a.style("#E1E1E6");
  315 + }
  316 +
  317 + // 星域秀场视频
  318 + var video = document.getElementById("video");
  319 +
  320 + function bofang() {
  321 + video.play();
  322 + $("#video").attr("controls", "controls");
  323 + $(".fourth_video_start").hide();
  324 + $('.xiucImg').hide();
  325 + }
  326 + // swiper
  327 + var swiper = new Swiper(".swiper-containerHua", {
  328 + slidesPerView: 2.5,
  329 + paginationClickable: true,
  330 + spaceBetween: 10,
  331 + freeMode: true
  332 + });
  333 + var swiper = new Swiper(".swiper-container", {
  334 + slidesPerView: 1.16,
  335 + paginationClickable: true,
  336 + spaceBetween: 10,
  337 + freeMode: true
  338 + });
  339 + var swiper = new Swiper(".swiper-container_one", {
  340 + slidesPerView: 1.2,
  341 + paginationClickable: true,
  342 + spaceBetween: 10,
  343 + freeMode: true
  344 + });
  345 +</script>
  346 +
  347 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css" />
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/index.css" />
  11 + <script src="__TMPL__/public/assets/js/base.js"></script>
  12 + <title>星探推荐</title>
  13 + <style>
  14 + .thirteenth_log_top {
  15 + height: 2.46rem;
  16 + }
  17 + </style>
  18 +</head>
  19 +
  20 +<body>
  21 + <include file="public@header"/>
  22 + <!-- banner -->
  23 + <div class="first_top">
  24 + <div class="first_top_img">
  25 + <volist name="coverImg" id="vo">
  26 + <img src="{:cmf_get_image_url($vo.image)}" alt="">
  27 + </volist>
  28 + </div>
  29 + <div class="first_top_title">
  30 + STAR RECOMMENDATION
  31 + </div>
  32 + </div>
  33 + <!-- 星际活动 -->
  34 + <div class="first_scene">
  35 + <div class="first_scene_contant">
  36 + <div class="first_scene_img">
  37 + <div class="first_scene_top_img">
  38 + <img src="__TMPL__/public/assets/images/cicon_59@2x.png" alt="" />
  39 + </div>
  40 + <div class="first_scene_top_ch">旅行<span>路线</span></div>
  41 + <div class="first_scene_top_en">
  42 + Travel Product
  43 + </div>
  44 + </div>
  45 + </div>
  46 + </div>
  47 + <div class="gallery " id="thirteenth_logs">
  48 + <!-- 图片 -->
  49 + <div class="star_gall_img swiper-container1">
  50 + <!-- 轮播图 -->
  51 + <ul class="swiper-wrapper">
  52 + <volist name="res_lylx" id="vo">
  53 + <li class="swiper-slide">
  54 + <div class="thirteenth_log">
  55 + <a href="/portal/scout/getTravelDetail?id={$vo.id}">
  56 + <div class="thirteenth_log_top">
  57 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  58 + </div>
  59 + <div class="thirteenth_log_bottom">
  60 + {$vo.post_title}
  61 + </div>
  62 + </a>
  63 + </div>
  64 + </li>
  65 + </volist>
  66 + </ul>
  67 + </div>
  68 + </div>
  69 + <!-- 地道风物 -->
  70 + <div class="first_scene">
  71 + <div class="first_scene_contant">
  72 + <div class="first_scene_img">
  73 + <div class="first_scene_top_img">
  74 + <img src="__TMPL__/public/assets/images/cicon_60@2x.png" alt="" />
  75 + </div>
  76 + <div class="first_scene_top_ch">地道<span>风物</span></div>
  77 + <div class="first_scene_top_en">
  78 + Local Specialty
  79 + </div>
  80 + </div>
  81 + </div>
  82 + </div>
  83 + <div class="gallery " id="thirteenth_logs_one">
  84 + <!-- 图片 -->
  85 + <div class="star_gall_img swiper-container2">
  86 + <!-- 轮播图 -->
  87 + <ul class="swiper-wrapper">
  88 + <volist name="res_ddfw" id="vo">
  89 + <li class="swiper-slide">
  90 + <div class="thirteenth_log_one">
  91 + <a href="/portal/scout/getSceneryDetail?id={$vo.id}">
  92 + <div class="thirteenth_log_top_one">
  93 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  94 + </div>
  95 + <div class="thirteenth_log_center_one txt-cut" style="-webkit-line-clamp: 2;">
  96 + {$vo.post_title}
  97 + </div>
  98 + <div class="thirteenth_log_bottom_one">
  99 + ￥{$vo.price}
  100 + </div>
  101 + </a>
  102 + </div>
  103 + </li>
  104 + </volist>
  105 + </ul>
  106 + </div>
  107 + </div>
  108 + <!-- 创意设计 -->
  109 + <div class="first_scene">
  110 + <div class="first_scene_contant">
  111 + <div class="first_scene_img">
  112 + <div class="first_scene_top_img">
  113 + <img src="__TMPL__/public/assets/images/cicon_61@2x.png" alt="" />
  114 + </div>
  115 + <div class="first_scene_top_ch">旅游<span>地产</span></div>
  116 + <div class="first_scene_top_en">
  117 + Innovation
  118 + </div>
  119 + </div>
  120 + </div>
  121 + </div>
  122 + <div class="gallery " id="thirteenth_logs_one">
  123 + <!-- 图片 -->
  124 + <div class="star_gall_img swiper-container3">
  125 + <!-- 轮播图 -->
  126 + <ul class="swiper-wrapper">
  127 + <volist name="res_cysj" id="vo">
  128 + <li class="swiper-slide">
  129 + <div class="thirteenth_log_one">
  130 + <a href="/portal/scout/getSceneryDetail?id={$vo.id}">
  131 + <div class="thirteenth_log_top_one">
  132 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  133 + </div>
  134 + <div class="thirteenth_log_center_one txt-cut" style="-webkit-line-clamp: 2;">
  135 + {$vo.post_title}
  136 + </div>
  137 + <div class="thirteenth_log_bottom_one">
  138 + ￥{$vo.price}
  139 + </div>
  140 + </a>
  141 + </div>
  142 + </li>
  143 + </volist>
  144 + </ul>
  145 + </div>
  146 + </div>
  147 + <!-- 悦己悦人 -->
  148 + <div class="first_scene">
  149 + <div class="first_scene_contant">
  150 + <div class="first_scene_img">
  151 + <div class="first_scene_top_img">
  152 + <img src="__TMPL__/public/assets/images/cicon_62@2x.png" alt="" />
  153 + </div>
  154 + <div class="first_scene_top_ch">海外<span>教育</span></div>
  155 + <div class="first_scene_top_en">
  156 + Lifestyle
  157 + </div>
  158 + </div>
  159 + </div>
  160 + </div>
  161 + <div class="gallery " id="thirteenth_logs_one">
  162 + <!-- 图片 -->
  163 + <div class="star_gall_img swiper-container4">
  164 + <!-- 轮播图 -->
  165 + <ul class="swiper-wrapper">
  166 + <volist name="res_yjyr" id="vo">
  167 + <li class="swiper-slide">
  168 + <div class="thirteenth_log_one">
  169 + <a href="/portal/scout/getSceneryDetail?id={$vo.id}">
  170 + <div class="thirteenth_log_top_one">
  171 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  172 + </div>
  173 + <div class="thirteenth_log_center_one txt-cut" style="-webkit-line-clamp: 2;">
  174 + {$vo.post_title}
  175 + </div>
  176 + <div class="thirteenth_log_bottom_one">
  177 + ￥{$vo.price}
  178 + </div>
  179 + </a>
  180 + </div>
  181 + </li>
  182 + </volist>
  183 + </ul>
  184 + </div>
  185 + </div>
  186 + <include file="public@footer"/>
  187 +</body>
  188 +<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  189 +<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  190 +<script src="__TMPL__/public/assets/js/public.js"></script>
  191 +<script>
  192 + // swiper
  193 + // 旅游路线
  194 + var swiper = new Swiper(".swiper-container1", {
  195 + slidesPerView: 1.6,
  196 + paginationClickable: true,
  197 + spaceBetween: 10,
  198 + freeMode: true
  199 + });
  200 + // 地道风物
  201 + var swiper = new Swiper(".swiper-container2", {
  202 + slidesPerView: 2.4,
  203 + paginationClickable: true,
  204 + spaceBetween: 10,
  205 + freeMode: true
  206 + });
  207 + // 创意设计
  208 + var swiper = new Swiper(".swiper-container3", {
  209 + slidesPerView: 2.4,
  210 + paginationClickable: true,
  211 + spaceBetween: 10,
  212 + freeMode: true
  213 + });
  214 + // 悦己悦人
  215 + var swiper = new Swiper(".swiper-container4", {
  216 + slidesPerView: 2.4,
  217 + paginationClickable: true,
  218 + spaceBetween: 10,
  219 + freeMode: true
  220 + });
  221 +</script>
  222 +
  223 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8 + <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/swiper-3.4.2.min.css" />
  9 + <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/audio.css" />
  10 + <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/happy.css" />
  11 + <title>星球奇境</title>
  12 +</head>
  13 +
  14 +<body>
  15 + <!--导航-->
  16 + <include file="public@header"/>
  17 +
  18 + <!--banner-->
  19 + <div class="hpin_banner swiper-container">
  20 + <ul class="swiper-wrapper">
  21 + <notempty name="city_banner">
  22 + <li class="swiper-slide">
  23 + <img src="{:cmf_get_image_url($city_banner)}" />
  24 + </li>
  25 + </notempty>
  26 + </ul>
  27 + <!--<div class="swiper-pagination"></div>-->
  28 + </div>
  29 + <div class="happy_index">
  30 + <!--头部-->
  31 + <div class="hpin_title">
  32 + <img src="__TMPL__/public/assets/images/cicon_06@2x.png" alt="" />
  33 + <p>{$city_name}</p>
  34 + </div>
  35 + <!--星球故事-->
  36 + <div class="hpin_main1">
  37 + <div class="hpin_main1Title">
  38 + <img src="__TMPL__/public/assets/images/cicon_18@2x.png" alt="" />
  39 + <h1>星球<span>故事</span></h1>
  40 + <p>Planet Story</p>
  41 + <!--<div class="more"><a href="hayyp_gushi.html">MORE+</a></div>-->
  42 + </div>
  43 + <!--内容-->
  44 + <div class="hpin_mainCon">
  45 + <notempty name="res_xqgs">
  46 + <div class="hpin_mainCon1">
  47 + <a href="/portal/star/getStoryDetail?id={$res_xqgs.id}">
  48 + <div class="hpin_mainConImg">
  49 + <img src="{:cmf_get_image_url($res_xqgs.thumbnail)}" alt="" />
  50 + </div>
  51 + </a>
  52 + <div class="hpin_mainConTxt">
  53 + {$res_xqgs.excerpt}
  54 + </div>
  55 + </div>
  56 + <notempty name="res_xqgs.audio">
  57 + <div class="hpin_mainCon2">
  58 + <audio id="audio" src="{:cmf_get_file_download_url($res_xqgs.audio)}"></audio>
  59 + </div>
  60 + <else/>
  61 + <div class="hpin_mainCon2">
  62 + <audio id="audio" src="__TMPL__/public/assets/images/清平调.mp3"></audio>
  63 + </div>
  64 + </notempty>
  65 +
  66 + </notempty>
  67 + </div>
  68 + </div>
  69 + <!--网红美景-->
  70 + <div class="hpin_main2">
  71 + <!--标题-->
  72 + <div class="hpin_main1Title">
  73 + <img src="__TMPL__/public/assets/images/cicon_19@2x.png" alt="" />
  74 + <h1>网红<span>美景</span></h1>
  75 + <p>Top Attraction</p>
  76 + <div class="more"><a href="/portal/star/getMoreScenery?city_id={$city_id}">MORE+</a></div>
  77 + </div>
  78 + <!--内容-->
  79 + <div class="hpin_main2Con swiper-container2">
  80 + <ul class="swiper-wrapper">
  81 + <volist name="res_whmj" id="vo">
  82 + <li class="swiper-slide">
  83 + <a href="/portal/star/getSceneryDetail?id={$vo.id}">
  84 + <div class="hpin_main2Con1">
  85 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  86 + </div>
  87 + <div class="hpin_main2ConBot">
  88 + <p class="hpin_main2Con2 one-txt-cut">{$vo.post_title}</p>
  89 + <div class="hpin_main2Con3">
  90 + <div class="hpin_main2Con3_1">
  91 + <img src="__TMPL__/public/assets/images/cicon_82@2x.png" alt="" />
  92 + <p>{$vo.post_hits}</p>
  93 + </div>
  94 + <div class="hpin_main2Con3_1">
  95 + <img src="__TMPL__/public/assets/images/cicon_81@2x.png" alt="" />
  96 + <p>{$vo.post_favorites}</p>
  97 + </div>
  98 + </div>
  99 + </div>
  100 + </a>
  101 + </li>
  102 + </volist>
  103 + </ul>
  104 + <div class="swiper-pagination"></div>
  105 + </div>
  106 + </div>
  107 + <!--异域珍馐-->
  108 + <div class="hpin_main3">
  109 + <!--标题-->
  110 + <div class="hpin_main1Title">
  111 + <img src="__TMPL__/public/assets/images/cicon_20@2x.png" alt="" />
  112 + <h1>异域<span>珍馐</span></h1>
  113 + <p>Gastronomy</p>
  114 + <div class="more"><a href="/portal/star/getMoreFood?city_id={$city_id}">MORE+</a></div>
  115 + </div>
  116 + <!--内容-->
  117 + <div class="hpin_main3Con swiper-container3">
  118 + <ul class="swiper-wrapper">
  119 + <volist name="res_yyzx" id="vo">
  120 + <li class="swiper-slide">
  121 + <a href="/portal/star/getFoodDetail?id={$vo.id}">
  122 + <div class="hpin_main3ConImg">
  123 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  124 + </div>
  125 + <p class="hpin_main3ConTxt one-txt-cut">
  126 + {$vo.post_title}？
  127 + </p>
  128 + </a>
  129 + </li>
  130 + </volist>
  131 + </ul>
  132 + <div class="swiper-pagination"></div>
  133 + </div>
  134 + </div>
  135 + <!--良宿美寝-->
  136 + <div class="hpin_main4">
  137 + <!--标题-->
  138 + <div class="hpin_main1Title">
  139 + <img src="__TMPL__/public/assets/images/cicon_21@2x.png" alt="" />
  140 + <h1>良宿<span>美寝</span></h1>
  141 + <p>Accommodation</p>
  142 + <div class="more"><a href="/portal/star/getMoreHotel?city_id={$city_id}">MORE+</a></div>
  143 + </div>
  144 + <!--内容-->
  145 + <div class="hpin_main4Con swiper-container4">
  146 + <ul class="swiper-wrapper">
  147 + <volist name="res_lsmq" id="vo">
  148 + <li class="swiper-slide">
  149 + <a href="/portal/star/getHotelDetail?id={$vo.id}">
  150 + <div class="hpin_main4ConImg">
  151 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  152 + </div>
  153 + <p class="hpin_main3ConTxt one-txt-cut ">
  154 + {$vo.post_title}
  155 + </p>
  156 + </a>
  157 + </li>
  158 + </volist>
  159 + </ul>
  160 + <div class="swiper-pagination"></div>
  161 + </div>
  162 + </div>
  163 + <!--活力生态-->
  164 + <div class="hpin_main5">
  165 + <!--标题-->
  166 + <div class="hpin_main1Title">
  167 + <img src="__TMPL__/public/assets/images/cicon_22@2x.png" alt="" />
  168 + <h1>活力<span>生态</span></h1>
  169 + <p>Responsible Tourism</p>
  170 + <div class="more"><a href="/portal/star/getMoreEcology?city_id={$city_id}">MORE+</a></div>
  171 + </div>
  172 + <!--内容-->
  173 + <div class="hpin_main5Con swiper-container5">
  174 + <ul class="swiper-wrapper">
  175 + <volist name="res_hlst" id="vo">
  176 + <li class="swiper-slide">
  177 + <a href="/portal/star/getEcologyDetail?id={$vo.id}">
  178 + <div class="hpin_main5ConImg">
  179 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  180 + </div>
  181 + <div class="hpin_main5ConTxt">
  182 + <h1 class="hpin_main5ConTxt1 one-txt-cut ">
  183 + {$vo.post_title}
  184 + </h1>
  185 + <p class="hpin_main5ConTxt2 txt-cut">
  186 + {$vo.post_excerpt}
  187 + </p>
  188 + </div>
  189 + </a>
  190 + </li>
  191 + </volist>
  192 + </ul>
  193 + </div>
  194 + </div>
  195 + <!--便利出行-->
  196 + <div class="hpin_main6">
  197 + <!--标题-->
  198 + <div class="hpin_main1Title">
  199 + <img src="__TMPL__/public/assets/images/cicon_23@2x.png" alt="" />
  200 + <h1>便利<span>出行</span></h1>
  201 + <p>Easy Travel</p>
  202 + <div class="more"><a href="/portal/star/getMoreTravel?city_id={$city_id}">MORE+</a></div>
  203 + </div>
  204 + <!--内容-->
  205 + <div class="hpin_mainCon swiper-container6">
  206 + <ul class="swiper-wrapper">
  207 + <volist name="res_blcx" id="vo">
  208 + <li class="swiper-slide">
  209 + <a href="/portal/star/getTravelDetail?id={$vo.id}">
  210 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
  211 + </a>
  212 + </li>
  213 + </volist>
  214 + </ul>
  215 + </div>
  216 + </div>
  217 + </div>
  218 + <!--底部-->
  219 + <include file="public@footer"/>
  220 + <script src="__TMPL__/public/assets/js/base.js"></script>
  221 + <script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
  222 + <script src="__TMPL__/public/assets/js/swiper.min.js"></script>
  223 + <script src="__TMPL__/public/assets/js/k-audio.js"></script>
  224 + <script src="__TMPL__/public/assets/js/public.js"></script>
  225 + <script type="text/javascript">
  226 + //音频
  227 + var audios = document.getElementsByTagName("audio");
  228 + for (var i = 0; i < audios.length; i++) {
  229 + var a = new kac(
  230 + audios[i],
  231 + 800,
  232 + 30,
  233 + "https://raw.githubusercontent.com/KIPI-C/k-audio.js/master/22.lrc",
  234 + true
  235 + );
  236 + a.style("#E1E1E6");
  237 + }
  238 +
  239 + //banner
  240 + var swiper = new Swiper(".swiper-container", {
  241 + pagination: ".swiper-pagination",
  242 + paginationClickable: true,
  243 + centeredSlides: true,
  244 + autoplay: 2500,
  245 + autoplayDisableOnInteraction: false
  246 + });
  247 + //网红美景
  248 + var swiper = new Swiper(".swiper-container2", {
  249 + pagination: ".swiper-pagination",
  250 + slidesPerView: 2,
  251 + slidesPerColumn: 2,
  252 + paginationClickable: true,
  253 + spaceBetween: 10
  254 + });
  255 + //异域珍馐
  256 + var swiper = new Swiper(".swiper-container3", {
  257 + pagination: ".swiper-pagination",
  258 + slidesPerView: 1,
  259 + slidesPerColumn: 2,
  260 + paginationClickable: true,
  261 + spaceBetween: 10
  262 + });
  263 + //良俗美寝
  264 + var swiper = new Swiper(".swiper-container4", {
  265 + pagination: ".swiper-pagination",
  266 + paginationClickable: true,
  267 + centeredSlides: true,
  268 + spaceBetween: 30,
  269 + autoplayDisableOnInteraction: false
  270 + });
  271 + //活力生态
  272 + var swiper = new Swiper(".swiper-container5", {
  273 + slidesPerView: 1.8,
  274 + paginationClickable: true,
  275 + spaceBetween: 10,
  276 + freeMode: true
  277 + });
  278 + //便利出行
  279 + var swiper = new Swiper(".swiper-container6", {
  280 + slidesPerView: 1.7,
  281 + paginationClickable: true,
  282 + spaceBetween: 10,
  283 + freeMode: true
  284 + });
  285 + </script>
  286 +</body>
  287 +
  288 +</html>
  1 +.kc-body {
  2 + width: 100% !important;
  3 + height: 0.6rem;
  4 + overflow: hidden;
  5 +}
  6 +
  7 +.kc-soundbody {
  8 + display: none;
  9 +}
  10 +
  11 +.kc-lrctable {
  12 + display: none;
  13 +}
  14 +
  15 +.k-body {
  16 + position: static;
  17 + display: flex;
  18 + display: -webkit-flex;
  19 + align-items: center;
  20 +}
  21 +
  22 +.kc-rangebody {
  23 + height: 0.62rem;
  24 + display: flex;
  25 + display: -webkit-flex;
  26 + align-items: center;
  27 +}
  28 +
  29 +.kc-lrcbody {
  30 + display: none !important;
  31 +}
  32 +
  33 +.kc-playlog,
  34 +.kc-pauselog {
  35 + width: 0.3rem !important;
  36 + height: 0.3rem !important;
  37 + margin-left: 0.44rem !important;
  38 + border: 1px solid #5B5B6B;
  39 +}
  40 +
  41 +.kc-rangebody {
  42 + left: 0.22rem !important;
  43 + width: 5.56rem !important;
  44 +}
  45 +
  46 +.kc-rangep {
  47 + position: absolute;
  48 + top: 0.24rem;
  49 + z-index: 999 !important;
  50 + width: 0.14rem;
  51 + height: 0.14rem;
  52 + border-radius: 50%;
  53 +}
  54 +
  55 +.kc-rangeli {
  56 + height: 0.04rem !important;
  57 + background-color: #CCCCD1 !important;
  58 +}
  59 +
  60 +.kc-rangeloadli {
  61 + position: static;
  62 + top: 0.27rem;
  63 + background-color: #5B5B6B !important;
  64 +}
1 -body,html{  
2 - width:100%;  
3 - height:100%;  
4 -}  
5 -.banner{  
6 - height:100%;  
7 -}  
8 -body{  
9 - background-color: #F4F5F9;  
10 -}  
11 -*{  
12 - margin: 0;  
13 - padding: 0;  
14 -}  
15 -  
16 -.btn_button{  
17 - width: 100%;  
18 - font-size: 0.26rem;  
19 - font-family:MicrosoftYaHei;  
20 - font-weight:400;  
21 - color:rgba(255,255,255,1);  
22 - line-height:79px;  
23 - text-align: center;  
24 - position: absolute;  
25 - bottom: 0.8rem;  
26 -}  
27 -  
  1 +div,
  2 +ul,
  3 +li,
  4 +body,
  5 +ol,
  6 +table,
  7 +tbody,
  8 +td,
  9 +p,
  10 +input,
  11 +form {
  12 + padding: 0;
  13 + margin: 0;
  14 + font-size: 0.26rem;
  15 + color: #333;
  16 +}
  17 +
  18 +ul li {
  19 + list-style: none;
  20 +}
  21 +
  22 +a {
  23 + text-decoration: none;
  24 + color: #666;
  25 +}
  26 +
  27 +html,
  28 +body {
  29 + width: 100%;
  30 + height: 100%;
  31 + /* overflow: hidden; */
  32 + /*position: relative;*/
  33 + /* background: #FFF; */
  34 + background: rgba(60, 60, 148, 1);
  35 + line-height: 1.6;
  36 + /* font-family: 'PingFang-SC-Regular';*/
  37 +}
  38 +
  39 +textarea {
  40 + resize: none;
  41 +}
  42 +
  43 +.container {
  44 + width: 7.5rem;
  45 + background: #FFF;
  46 + overflow-y: scroll;
  47 + overflow-x: hidden;
  48 + -webkit-overflow-scrolling: touch;
  49 + height: 100%;
  50 + z-index: 5;
  51 + display: flex;
  52 + display: -webkit-flex;
  53 + display: -ms-flex;
  54 + flex-direction: column;
  55 + -webkit-flex-direction: column;
  56 + -ms-flex-direction: column;
  57 +}
  58 +
  59 +input,
  60 +textarea {
  61 + background: none;
  62 + border: none;
  63 + outline: none;
  64 +}
1 -body{  
2 - background-color: #F4F5F9;  
3 -}  
4 -*{  
5 - margin: 0;  
6 - padding: 0;  
7 -}  
8 -input{  
9 - font-size: 0.24rem;  
10 - border: none;  
11 - outline: none;  
12 -}  
13 -.container{  
14 - width: 7.5rem;  
15 - line-height: 1;  
16 - display: flex;  
17 - flex-flow: column;  
18 - align-items: center;  
19 -}  
20 -.head{  
21 - width: 7.5rem;  
22 - height: 0.88rem;  
23 - background:rgba(201,201,201,1);  
24 - position: fixed;  
25 - top: 0;  
26 - left: 0;  
27 - z-index: 999;  
28 - display: flex;  
29 - align-items: center;  
30 - justify-content: space-between;  
31 - box-sizing: border-box;  
32 - padding: 0 0.2rem;  
33 -}  
34 -.head_new{  
35 - font-size: 0.3rem;  
36 - color: rgba(68,68,68,1);  
37 - font-weight: bold;  
38 -  
39 -}  
40 -.head_pic{  
41 - margin-top: 0.88rem;  
42 - width: 7.5rem;  
43 - height: 2.18rem;  
44 - background:linear-gradient(-35deg,rgba(134,31,84,0.8),rgba(15,75,156,0.8));  
45 - display: flex;  
46 -}  
47 -.head_pic img{  
48 - width: 100%;  
49 - height: 100%;  
50 -}  
51 -.top{  
52 - margin-top: 0.19rem;  
53 - width: 7.5rem;  
54 - text-align: center;  
55 - font-size: 0.22rem;  
56 - color: #777777;  
57 -}  
58 -/*中部*/  
59 -.mid{  
60 - display: flex;  
61 - flex-flow: column;  
62 - margin-bottom: 0.88rem;  
63 -}  
64 -.mid_item{  
65 - margin-top: 0.31rem;  
66 - width: 6.64rem;  
67 - display: flex;  
68 - /*align-items: center;*/  
69 -}  
70 -.mid_item_left{  
71 - font-size: 0.24rem;  
72 -}  
73 -.color_red{  
74 - color: #EA474B;  
75 -}  
76 -.mid_item_right{  
77 - display: flex;  
78 - flex: 1;  
79 - margin-left: 0.3rem;  
80 - justify-content: start;  
81 -}  
82 -.mid_item_right_wid{  
83 - width: 5.1rem;  
84 -}  
85 -.mid_item_right input{  
86 - /*border-bottom: 1px solid #959595;*/  
87 - background: transparent;  
88 -}  
89 -/*展位要求*/  
90 -.mid_item_right_input{  
91 - font-size: 0.24rem;  
92 - color: #1c1b1b;  
93 - /*display: flex;*/  
94 - line-height: 1.3;  
95 -}  
96 -/*数量输入框*/  
97 -.mid_item_right_input_number{  
98 - width: 0.27rem;  
99 - border-bottom: 1px solid red;  
100 -  
101 -}  
102 -/*展区要求*/  
103 -.exhibition_area{  
104 - display: flex;  
105 - flex-wrap: wrap;  
106 - /*margin-top: -0.2rem;*/  
107 -}  
108 -.exhibition_area_small{  
109 - min-width: 3rem;  
110 - margin-top: 0.2rem;  
111 -}  
112 -.exhibition_area_input{  
113 - width: 1.6rem;  
114 -}  
115 -/*展品信息*/  
116 -.information{  
117 - flex-flow: column;  
118 -}  
119 -  
120 -.information_short{  
121 - display: flex;  
122 - margin-top: 0.3rem;  
123 -}  
124 -.mid_item_right_text{  
125 - font-size: 0.22rem;  
126 -}  
127 -.exhibits_information{  
128 - width: 3.74rem;  
129 - margin-left: 0.08rem;  
130 -}  
131 -.information_short:first-child{  
132 - margin-top: 0;  
133 -}  
134 -/*新品发布*/  
135 -.new_goods{  
136 - display: flex;  
137 - flex: 1;  
138 - justify-content: normal;  
139 -}  
140 -.new_goods>p{  
141 - margin-left: 0.4rem;  
142 -}  
143 -.new_goods>p:first-child{  
144 - margin-left: 0;  
145 -}  
146 -.mid_sub{  
147 - width: 6.78rem;  
148 - height: 0.75rem;  
149 - line-height: 0.75rem;  
150 - background:rgba(234,71,75,1);  
151 - border:1px solid rgba(149,149,149,1);  
152 - border-radius: 0.08rem;  
153 - margin-top: 0.31rem;  
154 - margin-bottom: 0.19rem;  
155 -  
156 - font-size: 0.3rem;  
157 - color: #fff;  
158 - text-align: center;  
159 -  
160 -}  
161 -/*联系方式*/  
162 -.contact{  
163 - display: flex;  
164 - flex-flow: column;  
165 - margin-top: 0.5rem;  
166 - margin-left: 0;  
167 -}  
168 -.contact_way{  
169 - width: 4.8rem;  
170 - font-size: 0.22rem;  
171 - color: #1c1b1b;  
172 - /*margin-left: 0.5rem;*/  
173 - margin-top: 0.39rem;  
174 - display: flex;  
175 - justify-content: space-between;  
176 -}  
177 -.contact_way:first-child{  
178 - margin-top: 0;  
179 -}  
180 -.contact_way input{  
181 - width: 3.5rem;  
182 -}  
183 -/*公司地址*/  
184 -.contact_way_select{  
185 - width: 3.38rem;  
186 - border-bottom: 1px solid #959595 ;  
187 - display: flex;  
188 - justify-content: space-between;  
189 -}  
190 -.province_box{  
191 -  
192 -}  
193 -.select_item{  
194 - width: 1rem;  
195 - border: none;  
196 - outline: none;  
197 - background: transparent;  
198 -}  
199 -/*行业类别*/  
200 -.category{  
201 - display: flex;  
202 - flex-flow: column;  
203 -}  
204 -  
205 -  
206 -/*底部菜单栏*/  
207 -.bottom_menu{  
208 - width: 7.5rem;  
209 - height: 0.88rem;  
210 - display: flex;  
211 - align-items: center;  
212 - justify-content: space-around;  
213 - background-color: #ffffff;  
214 - position: fixed;  
215 - bottom: 0;  
216 -}  
217 -.bottom_menu_index{  
218 - display: flex;  
219 - flex-flow: column;  
220 - align-items: center;  
221 - color: #666666;  
222 - line-height: 1.2;  
223 -}  
224 -.bottom_menu_index_text{  
225 - font-size: 0.24rem;  
226 - color: #666666;  
227 -}  
228 -  
229 -.contact_box{  
230 - border-bottom: 1px solid #959595;  
231 -}  
1 -body{  
2 - background-color: #F4F5F9;  
3 -}  
4 -*{  
5 - margin: 0;  
6 - padding: 0;  
7 -}  
8 -input{  
9 - font-size: 0.24rem;  
10 - border: none;  
11 - outline: none;  
12 - background-color: transparent;  
13 -}  
14 -p{  
15 - margin-left: 0.05rem;  
16 -}  
17 -.container{  
18 - width: 7.5rem;  
19 - line-height: 1;  
20 - display: flex;  
21 - flex-flow: column;  
22 - align-items: center;  
23 -}  
24 -.head{  
25 - width: 7.5rem;  
26 - height: 0.88rem;  
27 - background:rgba(201,201,201,1);  
28 - position: fixed;  
29 - top: 0;  
30 - left: 0;  
31 - z-index: 999;  
32 - display: flex;  
33 - align-items: center;  
34 - justify-content: space-between;  
35 - box-sizing: border-box;  
36 - padding: 0 0.2rem;  
37 -}  
38 -.head_new{  
39 - font-size: 0.3rem;  
40 - color: rgba(68,68,68,1);  
41 - font-weight: bold;  
42 -  
43 -}  
44 -.head_pic{  
45 - margin-top: 0.88rem;  
46 - width: 7.5rem;  
47 - height: 2.18rem;  
48 - background:linear-gradient(-35deg,rgba(134,31,84,0.8),rgba(15,75,156,0.8));  
49 - display: flex;  
50 -}  
51 -.head_pic img{  
52 - width: 100%;  
53 - height: 100%;  
54 -}  
55 -.top{  
56 - margin-top: 0.19rem;  
57 - width: 7.5rem;  
58 - text-align: center;  
59 - font-size: 0.22rem;  
60 - color: #777777;  
61 -}  
62 -/*中部*/  
63 -.mid{  
64 - display: flex;  
65 - flex-flow: column;  
66 - margin-bottom: 1.08rem;  
67 -}  
68 -.mid_item{  
69 - margin-top: 0.31rem;  
70 - width: 6.64rem;  
71 - display: flex;  
72 - /*align-items: center;*/  
73 - font-size: 0.24rem;  
74 -}  
75 -.mid_item_left{  
76 - width: 1.2rem;  
77 - font-size: 0.24rem;  
78 -}  
79 -.color_red{  
80 - color: #EA474B;  
81 -}  
82 -.mid_item_right{  
83 - border-bottom: 1px solid #959595;  
84 - margin-left: 0.3rem;  
85 -}  
86 -.mid_item_right input{  
87 - width: 5rem;  
88 -}  
89 -.mid_item_zw{  
90 - font-size: 0.24rem;  
91 - margin-left: 0.3rem;  
92 - display: flex;  
93 - flex: 1;  
94 - justify-content: space-between;  
95 -}  
96 -.mid_item_zw_a{  
97 - display: flex;  
98 - line-height: 1;  
99 -}  
100 -.mid_num{  
101 - display: flex;  
102 - border-bottom: 1px solid #959595;  
103 -}  
104 -.mid_num input{  
105 - width: 0.4rem;  
106 -}  
107 -/*展区要求*/  
108 -.mid_item_zq{  
109 - margin-left: 0.3rem;  
110 - display: flex;  
111 - flex-wrap: wrap;  
112 - flex: 1;  
113 - width: 4rem;  
114 - margin-top: -0.25rem;  
115 -}  
116 -.mid_item_zq_c{  
117 - width: 2.5rem;  
118 - display: flex;  
119 - margin-top: 0.25rem;  
120 -}  
121 -.mid_item_zq_c_input{  
122 - flex: 1;  
123 - border-bottom: 1px solid #959595;  
124 -}  
125 -.mid_item_zq_c_input input{  
126 - width: 100%;  
127 -}  
128 -/*展品信息*/  
129 -.mid_item_zp{  
130 - display: flex;  
131 - flex-flow: column;  
132 - margin-left: 0.3rem;  
133 -}  
134 -.mid_item_zp_a{  
135 - display: flex;  
136 - margin-top: 0.3rem;  
137 -}  
138 -.mid_item_zp_a:first-child{  
139 - margin-top: 0;  
140 -}  
141 -.zp_input{  
142 - border-bottom: 1px solid #959595;  
143 -}  
144 -/*新品发布*/  
145 -.mid_item_new{  
146 - display: flex;  
147 - margin-left: 0.3rem;  
148 -}  
149 -.mid_item_new_input{  
150 - display: flex;  
151 -}  
152 -.mar_lef{  
153 - margin-left: 0.3rem;  
154 -}  
155 -.l_adv{  
156 - width: 2rem;  
157 -}  
158 -.j_bet{  
159 -  
160 -}  
161 -.mid_item_adv{  
162 - width: 2rem;  
163 - display: flex;  
164 -}  
165 -/*联系方式*/  
166 -.mid_item_contact{  
167 - width: 5rem;  
168 - display: flex;  
169 - margin-top: 0.39rem;  
170 -  
171 -}  
172 -.mid_item_contact:first-child{  
173 - margin-top: 0;  
174 -}  
175 -.mid_item_contact_left{  
176 - width: 1rem;  
177 -}  
178 -.mid_item_contact_right{  
179 - border-bottom: 1px solid #959595;  
180 -}  
181 -.mid_item_contact_right input{  
182 - width: 3.5rem;  
183 -}  
184 -.contact_a{  
185 - justify-content: space-between;  
186 -}  
187 -.contact_box{  
188 - display: flex;  
189 - flex-flow: column;  
190 -}  
191 -/*联系方式*/  
192 -.contact{  
193 - display: flex;  
194 - flex-flow: column;  
195 -}  
196 -.contact_way{  
197 - width: 4.3rem;  
198 - font-size: 0.22rem;  
199 - color: #1c1b1b;  
200 - margin-left: 0.5rem;  
201 - margin-top: 0.39rem;  
202 - display: flex;  
203 - justify-content: space-between;  
204 -}  
205 -.contact_way:first-child{  
206 - margin-top: 0;  
207 -}  
208 -.contact_way input{  
209 -  
210 -}  
211 -.mid_sub{  
212 - margin-top: 0.3rem;  
213 - width: 6.78rem;  
214 - height: 0.75rem;  
215 - background:rgba(234,71,75,1);  
216 - border:1px solid rgba(149,149,149,1);  
217 - border-radius: 0.08rem;  
218 -  
219 -  
220 - font-size: 0.3rem;  
221 - font-family:MicrosoftYaHei;  
222 - font-weight:400;  
223 - color:rgba(255,255,255,1);  
224 - line-height: 0.75rem;  
225 - text-align: center;  
226 -}  
227 -  
228 -/*底部菜单栏*/  
229 -.bottom_menu{  
230 - width: 7.5rem;  
231 - height: 0.88rem;  
232 - display: flex;  
233 - align-items: center;  
234 - justify-content: space-around;  
235 - background-color: #ffffff;  
236 - position: fixed;  
237 - bottom: 0;  
238 -}  
239 -.bottom_menu_index{  
240 - display: flex;  
241 - flex-flow: column;  
242 - align-items: center;  
243 - color: #666666;  
244 - line-height: 1.2;  
245 -}  
246 -.bottom_menu_index_text{  
247 - font-size: 0.24rem;  
248 - color: #666666;  
249 -}  
250 -  
251 -  
1 -  
2 -body{  
3 - background-color: #F4F5F9;  
4 -}  
5 -*{  
6 - margin: 0;  
7 - padding: 0;  
8 -}  
9 -.container{  
10 - width: 7.5rem;  
11 - line-height: 1;  
12 - display: flex;  
13 - flex-flow: column;  
14 - align-items: center;  
15 -}  
16 -.head{  
17 - width: 7.5rem;  
18 - height: 0.88rem;  
19 - background:rgba(201,201,201,1);  
20 - position: fixed;  
21 - top: 0;  
22 - left: 0;  
23 - z-index: 999;  
24 - display: flex;  
25 - align-items: center;  
26 - justify-content: space-between;  
27 - box-sizing: border-box;  
28 - padding: 0 0.2rem;  
29 -}  
30 -.head_new{  
31 - font-size: 0.3rem;  
32 - color: rgba(68,68,68,1);  
33 - font-weight: bold;  
34 -  
35 -}  
36 -.head_pic{  
37 - width: 7.5rem;  
38 - height: 2.18rem;  
39 - display: flex;  
40 - margin-top: 0.88rem;  
41 -}  
42 -.head_pic img{  
43 - width: 100%;  
44 - height: 100%;  
45 -}  
46 -.top{  
47 - width: 6.72rem;  
48 - display: flex;  
49 - background-color: #D9DEE8;  
50 - border-radius: 0.13rem;  
51 - margin-top: 0.38rem;  
52 -}  
53 -.top_text{  
54 - font-size: 0.22rem;  
55 - line-height: 0.46rem;  
56 - margin: 0.23rem 0.12rem ;  
57 -}  
58 -.mid{  
59 - width: 6.47rem;  
60 - display: flex;  
61 - flex-flow: column;  
62 -}  
63 -.mid_text{  
64 - margin-top: 0.3rem;  
65 - font-size: 0.22rem;  
66 - line-height: 0.46rem;  
67 -}  
68 -.mid_text:last-child{  
69 - margin-bottom: 0.42rem;  
70 -}  
71 -/*标题*/  
72 -.mid_title{  
73 - font-size: 0.24rem;  
74 - line-height: 0.46rem;  
75 - font-weight: bold;  
76 - color: #497CBC;  
77 - margin-top: 0.3rem;  
78 -}  
79 -/*底部图片*/  
80 -.bottom{  
81 - width: 6.17rem;  
82 - height: 3.21rem;  
83 - display: flex;  
84 - margin-bottom: 1.17rem;  
85 -}  
86 -.bottom img{  
87 - width: 100%;  
88 - height: 100%;  
89 -}  
90 -  
91 -/*底部菜单栏*/  
92 -.bottom_menu{  
93 - width: 7.5rem;  
94 - height: 0.88rem;  
95 - display: flex;  
96 - align-items: center;  
97 - justify-content: space-around;  
98 - background-color: #ffffff;  
99 - position: fixed;  
100 - bottom: 0;  
101 -}  
102 -.bottom_menu_index{  
103 - display: flex;  
104 - flex-flow: column;  
105 - align-items: center;  
106 - color: #666666;  
107 - line-height: 1.2;  
108 -}  
109 -.bottom_menu_index_text{  
110 - font-size: 0.24rem;  
111 - color: #666666;  
112 -}  
1 -.dropload-up,.dropload-down{  
2 - position: relative;  
3 - height: 0;  
4 - overflow: hidden;  
5 - font-size: 12px;  
6 - /* 开启硬件加速 */  
7 - -webkit-transform:translateZ(0);  
8 - transform:translateZ(0);  
9 -}  
10 -.dropload-down{  
11 - height: 50px;  
12 -}  
13 -.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{  
14 - height: 50px;  
15 - line-height: 50px;  
16 - text-align: center;  
17 -}  
18 -.dropload-load .loading{  
19 - display: inline-block;  
20 - height: 15px;  
21 - width: 15px;  
22 - border-radius: 100%;  
23 - margin: 6px;  
24 - border: 2px solid #666;  
25 - border-bottom-color: transparent;  
26 - vertical-align: middle;  
27 - -webkit-animation: rotate 0.75s linear infinite;  
28 - animation: rotate 0.75s linear infinite;  
29 -}  
30 -@-webkit-keyframes rotate {  
31 - 0% {  
32 - -webkit-transform: rotate(0deg);  
33 - }  
34 - 50% {  
35 - -webkit-transform: rotate(180deg);  
36 - }  
37 - 100% {  
38 - -webkit-transform: rotate(360deg);  
39 - }  
40 -}  
41 -@keyframes rotate {  
42 - 0% {  
43 - transform: rotate(0deg);  
44 - }  
45 - 50% {  
46 - transform: rotate(180deg);  
47 - }  
48 - 100% {  
49 - transform: rotate(360deg);  
50 - }  
51 -}  
  1 +.bottom_nav {
  2 + margin: 0.74rem 0.32rem 0;
  3 + background: rgba(60, 60, 148, 1);
  4 +}
  5 +
  6 +.bottom_nav_title {
  7 + display: flex;
  8 + display: -webkit-flex;
  9 + justify-content: flex-start;
  10 + align-items: flex-end;
  11 + padding-bottom: 0.22rem;
  12 + border-bottom: 0.01rem solid rgba(9, 255, 142, 0.2);
  13 +}
  14 +
  15 +.bottom_nav_ch {
  16 + font-size: 0.32rem;
  17 + font-weight: 800;
  18 + color: rgba(9, 255, 142, 1);
  19 +}
  20 +
  21 +.bottom_nav_en {
  22 + margin-left: 0.24rem;
  23 + font-size: 0.24rem;
  24 + font-weight: bold;
  25 + color: rgba(255, 255, 255, 1);
  26 + opacity: 0.8;
  27 +}
  28 +
  29 +.bottom_nav_word {
  30 + font-size: 0.26rem;
  31 + font-weight: 500;
  32 + color: rgba(255, 255, 255, 1);
  33 + line-height: 0.4rem;
  34 + opacity: 0.4;
  35 +}
  36 +
  37 +.bottom_nav_contant {
  38 + padding: 0.23rem 0 0.75rem 0;
  39 +}
  40 +
  41 +.bottom_nav_link {
  42 + display: flex;
  43 + display: -webkit-flex;
  44 + justify-content: flex-start;
  45 + align-items: center;
  46 +}
  47 +
  48 +.bottom_nav_img {
  49 + display: flex;
  50 + display: -webkit-flex;
  51 + flex-direction: column;
  52 + align-items: center;
  53 + flex-direction: column;
  54 + margin-left: 0.7rem;
  55 +}
  56 +
  57 +.bottom_nav_img img {
  58 + width: 1.3rem;
  59 + height: 1.3rem;
  60 + display: block;
  61 +}
  62 +
  63 +.bot_nav_title {
  64 + font-size: 0.26rem;
  65 + font-weight: 500;
  66 + color: rgba(255, 255, 255, 1);
  67 + line-height: 0.22rem;
  68 + opacity: 0.4;
  69 + margin-top: 0.18rem;
  70 +}
  71 +
  72 +.bottom_nav_copy {
  73 + display: flex;
  74 + justify-content: center;
  75 + align-items: center;
  76 + margin-top: 0.74rem;
  77 +}
  78 +
  79 +.bot_nav_copy {
  80 + font-size: 0.24rem;
  81 + font-weight: 500;
  82 + color: rgba(255, 254, 254, 1);
  83 + opacity: 0.2;
  84 + padding-bottom: 0.32rem;
  85 +}
  86 +
  87 +/*底部*/
  88 +
  89 +.index_guanzhu {
  90 + margin-top: 0.74rem;
  91 +}
  92 +
  93 +.index_guanzhuImg {
  94 + display: flex;
  95 + display: -webkit-flex;
  96 + flex-wrap: wrap;
  97 + padding-top: 0.22rem;
  98 + width: calc(100% + 0.17rem);
  99 +}
  100 +
  101 +.index_guanzhuImg li {
  102 + width: 2.17rem;
  103 + height: 0.74rem;
  104 + margin-right: 0.17rem;
  105 + margin-bottom: 0.14rem
  106 +}
  107 +
  108 +.index_guanzhuImg li img {
  109 + width: 100%;
  110 + height: 100%;
  111 +}
  112 +
  113 +.index_youqing {
  114 + margin-top: 0.54rem;
  115 +}
  116 +
  117 +.index_youqingTxt {
  118 + display: flex;
  119 + display: -webkit-flex;
  120 + flex-wrap: wrap;
  121 + padding-top: 0.22rem;
  122 + width: calc(100% + 0.48rem)
  123 +}
  124 +
  125 +.index_youqingTxt li {
  126 + font-size: 0.3rem;
  127 + line-height: 1;
  128 + margin-right: 0.48rem;
  129 + color: rgba(255, 255, 255, 0.4);
  130 + margin-bottom: 0.32rem;
  131 +}
1 -  
2 -body{  
3 - background-color: #F4F5F9;  
4 -}  
5 -*{  
6 - margin: 0;  
7 - padding: 0;  
8 -}  
9 -.container{  
10 - width: 7.5rem;  
11 - line-height: 1;  
12 - display: flex;  
13 - flex-flow: column;  
14 - align-items: center;  
15 -}  
16 -.head{  
17 - width: 7.5rem;  
18 - height: 0.88rem;  
19 - background:rgba(201,201,201,1);  
20 - position: fixed;  
21 - top: 0;  
22 - left: 0;  
23 - z-index: 999;  
24 - display: flex;  
25 - align-items: center;  
26 - justify-content: space-between;  
27 - box-sizing: border-box;  
28 - padding: 0 0.2rem;  
29 -}  
30 -.head_new{  
31 - font-size: 0.3rem;  
32 - color: rgba(68,68,68,1);  
33 - font-weight: bold;  
34 -  
35 -}  
36 -.head_pic{  
37 - width: 7.5rem;  
38 - height: 2.9rem;  
39 - display: flex;  
40 - margin-top: 0.88rem;  
41 -}  
42 -.head_pic img{  
43 - width: 100%;  
44 - height: 100%;  
45 -}  
46 -.top{  
47 - margin-top: 0.32rem;  
48 - width: 5.8rem;  
49 - display: flex;  
50 - justify-content: space-between;  
51 -}  
52 -.top_left{  
53 - width: 1.52rem;  
54 - height: 1.11rem;  
55 - display: flex;  
56 -}  
57 -.top_left img{  
58 - width: 100%;  
59 - height: 100%;  
60 -}  
61 -.top_right{  
62 - /*width: 3.57rem;*/  
63 - /*height: 1.01rem;*/  
64 - font-size: 0.5rem;  
65 - font-family:HYi1gj;  
66 - font-weight:400;  
67 - color:rgba(51,51,51,1);  
68 - line-height: 0.56rem;  
69 -}  
70 -/*中部标题*/  
71 -.mid{  
72 - display: flex;  
73 - margin-top: 0.4rem;  
74 - flex-flow: wrap;  
75 - align-items: center;  
76 - justify-content: center;  
77 - margin-bottom: 1.7rem;  
78 -}  
79 -.mid_title{  
80 - width: 5.59rem;  
81 - font-size: 0.26rem;  
82 - font-family:MicrosoftYaHei-Bold;  
83 - font-weight:bold;  
84 - color:rgba(0,131,212,1);  
85 - line-height: 0.44rem;  
86 -}  
87 -.mid_text{  
88 - width: 6.81rem;  
89 - background:rgba(0,0,0,0.06);  
90 - /*opacity:0.17;*/  
91 - border-radius: 0.29rem;  
92 - margin-top: 0.4rem;  
93 -}  
94 -.mid_text>p{  
95 -  
96 - font-size: 0.24rem;  
97 - font-family:MicrosoftYaHei;  
98 - font-weight:400;  
99 - color:rgba(51,51,51,1);  
100 - line-height: 0.48rem;  
101 - margin: 0.31rem 0.27rem 0.2rem 0.26rem;  
102 -}  
103 -  
104 -/*底部菜单栏*/  
105 -.bottom_menu{  
106 - width: 7.5rem;  
107 - height: 0.88rem;  
108 - display: flex;  
109 - align-items: center;  
110 - justify-content: space-around;  
111 - background-color: #ffffff;  
112 - position: fixed;  
113 - bottom: 0;  
114 -}  
115 -.bottom_menu_index{  
116 - display: flex;  
117 - flex-flow: column;  
118 - align-items: center;  
119 - color: #666666;  
120 - line-height: 1.2;  
121 -}  
122 -.bottom_menu_index_text{  
123 - font-size: 0.24rem;  
124 - color: #666666;  
125 -}