景龙 / xingqiu · 提交

转到一个项目

作者 景龙
提交 0393256d24e8d023ad1150bbd8ae6e4698391295 1 个父辈 60b1ddfa
1 个管道 的构建 通过 耗费 4 秒

增加独角日志，公益未来更多页

内嵌 并排对比
正在显示 8 个修改的文件 包含 534 行增加 和 7 行删除
@@ -68,12 +68,8 @@ class RegionController extends HomeBaseController @@ -68,12 +68,8 @@ class RegionController extends HomeBaseController
68 68
69 //独角日志 69 //独角日志
70 $position['category_id'] = CityCategoryModel::djrz; 70 $position['category_id'] = CityCategoryModel::djrz;
71 - $field = 'id,thumbnail avatar,post_title,post_excerpt,more'; 71 + $field = 'id,thumbnail avatar,index_thumbnail,post_title,post_excerpt,more';
72 $res_djrz = $this->getChildArticle($position,$field,3); 72 $res_djrz = $this->getChildArticle($position,$field,3);
73 - foreach($res_djrz as &$value){  
74 - $more = json_decode($value['more'],true);  
75 - $value['thumbnail'] = isset($more['photos']) && !empty($more['photos'])?$more['photos'][0]['url']:'';  
76 - }  
77 $this->assign('res_djrz',$res_djrz); 73 $this->assign('res_djrz',$res_djrz);
78 74
79 //童趣未来 75 //童趣未来
@@ -265,6 +261,16 @@ class RegionController extends HomeBaseController @@ -265,6 +261,16 @@ class RegionController extends HomeBaseController
265 return $this->fetch(); 261 return $this->fetch();
266 } 262 }
267 263
  264 + //独角日志更多
  265 + public function getMoreNote(){
  266 + $position['category_id'] = CityCategoryModel::djrz;
  267 + $field = 'id,thumbnail avatar,index_thumbnail,post_title,post_excerpt,create_time';
  268 + $res = $this->getChildArticlePage($position,$field,6);
  269 + $this->assign('res',$res['data']);
  270 + $this->assign('page',$res['page']);
  271 + return $this->fetch();
  272 + }
  273 +
268 //独角日志详情 274 //独角日志详情
269 public function getNoteDetail(){ 275 public function getNoteDetail(){
270 $id = $this->request->param('id',0,'intval'); 276 $id = $this->request->param('id',0,'intval');
@@ -275,6 +281,16 @@ class RegionController extends HomeBaseController @@ -275,6 +281,16 @@ class RegionController extends HomeBaseController
275 return $this->fetch(); 281 return $this->fetch();
276 } 282 }
277 283
  284 + //童趣未来更多
  285 + public function getMoreFuture(){
  286 + $position['category_id'] = CityCategoryModel::tqwl;
  287 + $field = 'id,thumbnail,post_title,post_excerpt,create_time';
  288 + $res = $this->getChildArticlePage($position,$field,5);
  289 + $this->assign('res',$res['data']);
  290 + $this->assign('page',$res['page']);
  291 + return $this->fetch();
  292 + }
  293 +
278 //童趣未来详情 294 //童趣未来详情
279 public function getFutureDetail(){ 295 public function getFutureDetail(){
280 $id = $this->request->param('id',0,'intval'); 296 $id = $this->request->param('id',0,'intval');
@@ -91,6 +91,25 @@ @@ -91,6 +91,25 @@
91 <div class="col-md-3"> 91 <div class="col-md-3">
92 <table class="table table-bordered"> 92 <table class="table table-bordered">
93 <tr> 93 <tr>
  94 + <th><b>缩略图</b><span class="form-required">*</span></th>
  95 + </tr>
  96 + <tr>
  97 + <td>
  98 + <div style="text-align: center;">
  99 + <input type="hidden" name="post[index_thumbnail]" id="index_thumbnail" value="">
  100 + <a href="javascript:uploadOneImage('图片上传','#index_thumbnail');">
  101 + <img src="__TMPL__/public/assets/images/default-thumbnail.png"
  102 + id="index_thumbnail-preview"
  103 + width="135" style="cursor: pointer"/>
  104 + </a>
  105 + <input type="button" class="btn btn-sm btn-cancel-index_thumbnail" value="取消图片">
  106 + </div>
  107 + <div style="margin-top:30px;">
  108 + <span class="form-required">图片参考尺寸：387*218</span>
  109 + </div>
  110 + </td>
  111 + </tr>
  112 + <tr>
94 <th><b>头像</b><span class="form-required">*</span></th> 113 <th><b>头像</b><span class="form-required">*</span></th>
95 </tr> 114 </tr>
96 <tr> 115 <tr>
@@ -104,6 +123,9 @@ @@ -104,6 +123,9 @@
104 </a> 123 </a>
105 <input type="button" class="btn btn-sm btn-cancel-thumbnail" value="取消图片"> 124 <input type="button" class="btn btn-sm btn-cancel-thumbnail" value="取消图片">
106 </div> 125 </div>
  126 + <div style="margin-top:30px;">
  127 + <span class="form-required">图片参考尺寸：44*44</span>
  128 + </div>
107 </td> 129 </td>
108 </tr> 130 </tr>
109 <tr> 131 <tr>
@@ -139,6 +161,12 @@ @@ -139,6 +161,12 @@
139 } catch (err) { 161 } catch (err) {
140 } 162 }
141 163
  164 + //缩略图
  165 + $('.btn-cancel-index_thumbnail').click(function () {
  166 + $('#index_thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
  167 + $('#index_thumbnail').val('');
  168 + });
  169 + //头像
142 $('.btn-cancel-thumbnail').click(function () { 170 $('.btn-cancel-thumbnail').click(function () {
143 $('#thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png'); 171 $('#thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
144 $('#thumbnail').val(''); 172 $('#thumbnail').val('');
@@ -109,6 +109,30 @@ @@ -109,6 +109,30 @@
109 <div class="col-md-3"> 109 <div class="col-md-3">
110 <table class="table table-bordered"> 110 <table class="table table-bordered">
111 <tr> 111 <tr>
  112 + <td>
  113 + <div style="text-align: center;">
  114 + <input type="hidden" name="post[index_thumbnail]" id="index_thumbnail"
  115 + value="{$post.index_thumbnail|default=''}">
  116 + <a href="javascript:uploadOneImage('图片上传','#index_thumbnail');">
  117 + <if condition="empty($post.index_thumbnail)">
  118 + <img src="__TMPL__/public/assets/images/default-thumbnail.png"
  119 + id="index_thumbnail-preview"
  120 + width="135" style="cursor: pointer"/>
  121 + <else/>
  122 + <img src="{:cmf_get_image_preview_url($post.index_thumbnail)}"
  123 + id="index_thumbnail-preview"
  124 + width="135" style="cursor: pointer"/>
  125 + </if>
  126 + </a>
  127 + <input type="button" class="btn btn-sm btn-cancel-index_thumbnail" value="取消图片">
  128 + </div>
  129 + <div style="margin-top:30px;">
  130 + <span class="form-required">图片参考尺寸：387*218</span>
  131 + </div>
  132 + </td>
  133 + </tr>
  134 +
  135 + <tr>
112 <th>头像<span class="form-required">*</span></th> 136 <th>头像<span class="form-required">*</span></th>
113 </tr> 137 </tr>
114 <tr> 138 <tr>
@@ -129,6 +153,9 @@ @@ -129,6 +153,9 @@
129 </a> 153 </a>
130 <input type="button" class="btn btn-sm btn-cancel-thumbnail" value="取消图片"> 154 <input type="button" class="btn btn-sm btn-cancel-thumbnail" value="取消图片">
131 </div> 155 </div>
  156 + <div style="margin-top:30px;">
  157 + <span class="form-required">图片参考尺寸：44*44</span>
  158 + </div>
132 </td> 159 </td>
133 </tr> 160 </tr>
134 <tr> 161 <tr>
@@ -169,7 +196,12 @@ @@ -169,7 +196,12 @@
169 editorcontent.sync(); 196 editorcontent.sync();
170 } catch (err) { 197 } catch (err) {
171 } 198 }
172 - 199 + //缩略图
  200 + $('.btn-cancel-index_thumbnail').click(function () {
  201 + $('#index_thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
  202 + $('#index_thumbnail').val('');
  203 + });
  204 + //头像
173 $('.btn-cancel-thumbnail').click(function () { 205 $('.btn-cancel-thumbnail').click(function () {
174 $('#thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png'); 206 $('#thumbnail-preview').attr('src', '__TMPL__/public/assets/images/default-thumbnail.png');
175 $('#thumbnail').val(''); 207 $('#thumbnail').val('');
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <title>公益未来更多</title>
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
  11 + <style>
  12 + a:hover{
  13 + text-decoration:none;
  14 + }
  15 + </style>
  16 +</head>
  17 +
  18 +<body>
  19 + <include file="public@header"/>
  20 + <div class="show_futureBox">
  21 + <!-- 顶部标题 -->
  22 + <div class="show_INMain_tit clearfix">
  23 + <div class="show_IN1 clearfix">
  24 + <img src="__TMPL__/public/assets/starImg/aicon_53.png" alt="" style="margin-top:8px;width: 32px;">
  25 + <p>公益<span>未来</span></p>
  26 + <h2>Commonweal & Future</h2>
  27 + </div>
  28 + </div>
  29 + <!-- 内容 -->
  30 + <div class="show_fuCon">
  31 + <!-- 第一部分 -->
  32 + <div class="show_fuCon1">
  33 + <volist name="res['data']" id="vo" offset="0" length="2">
  34 + <a href="/portal/region/getFutureDetail?id={$vo.id}">
  35 + <div class="show_fuCon1Box">
  36 + <div class="show_fuCon1Img">
  37 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
  38 + </div>
  39 + <div class="show_fuCon1Txt">
  40 + <h1 class="show_fuCon1Txt1">{$vo.post_title}</h1>
  41 + <p class="show_fuCon1Txt2">{$vo.post_excerpt}</p>
  42 + </div>
  43 + </div>
  44 + </a>
  45 + </volist>
  46 + </div>
  47 + <!-- 第二部分 -->
  48 + <volist name="res['data']" id="vo" offset="2" length="1">
  49 + <a href="/portal/region/getFutureDetail?id={$vo.id}">
  50 + <div class="show_fuCon2">
  51 + <div class="show_fuCon2Img">
  52 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
  53 + </div>
  54 + <div class="show_fuCon2Txt">
  55 + <h1 class="show_fuCon1Txt1">{$vo.post_title}</h1>
  56 + <p class="show_fuCon2Txt2">{$vo.post_excerpt}</p>
  57 + </div>
  58 + </div>
  59 + </a>
  60 + </volist>
  61 + <!-- 第三部分 -->
  62 + <div class="show_fuCon1">
  63 + <volist name="res['data']" id="vo" offset="3" length="2">
  64 + <a href="/portal/region/getFutureDetail?id={$vo.id}">
  65 + <div class="show_fuCon1Box">
  66 + <div class="show_fuCon1Img">
  67 + <img src="{:cmf_get_image_url($vo.thumbnail)}" alt="">
  68 + </div>
  69 + <div class="show_fuCon1Txt">
  70 + <h1 class="show_fuCon1Txt1">{$vo.post_title}</h1>
  71 + <p class="show_fuCon1Txt2">{$vo.post_excerpt}</p>
  72 + </div>
  73 + </div>
  74 + </a>
  75 + </volist>
  76 + </div>
  77 + </div>
  78 + <!-- 分页 -->
  79 + <div class="pagination">
  80 + {$page|default=''}
  81 + </div>
  82 + </div>
  83 + <include file="public@footer"/>
  84 + <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
  85 + <script src="__TMPL__/public/assets/js/public.js"></script>
  86 +</body>
  87 +
  88 +</html>
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta charset="UTF-8">
  6 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <title>独角日志更多</title>
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/show.css">
  11 + <style>
  12 + a:hover{
  13 + text-decoration:none;
  14 + }
  15 + .show_logCon1Img2 img,.show_logCon2Img2 img{
  16 + border-radius:50%;
  17 + }
  18 + </style>
  19 +</head>
  20 +
  21 +<body>
  22 + <include file="public@header"/>
  23 + <div class="show_logBox">
  24 + <!-- 顶部标题 -->
  25 + <div class="show_INMain_tit clearfix">
  26 + <div class="show_IN1 clearfix">
  27 + <img src="__TMPL__/public/assets/starImg/aicon_52.png" alt="" style="width: 28px;">
  28 + <p>独角<span>日志</span></p>
  29 + <h2>Planet Express</h2>
  30 + </div>
  31 + </div>
  32 + <!-- 内容 -->
  33 + <div class="show_logCon">
  34 + <!-- 第一部分 -->
  35 + <volist name="res['data']" id="vo" offset="0" length="1">
  36 + <a href="/portal/region/getNoteDetail?id={$vo.id}">
  37 + <div class="show_logCon1">
  38 + <div class="show_logCon1Img1">
  39 + <img src="{:cmf_get_image_url($vo.index_thumbnail)}" alt="">
  40 + </div>
  41 + <div class="show_logCon1Txt">
  42 + <h1 class="show_logCon1Txt1">{$vo.post_title}</h1>
  43 + <p class="show_logCon1Txt2">
  44 + {$vo.post_excerpt}
  45 + </p>
  46 + <div class="show_logCon1Img2">
  47 + <img src="{:cmf_get_image_url($vo.avatar)}" alt="">
  48 + </div>
  49 + </div>
  50 + </div>
  51 + </a>
  52 + </volist>
  53 + <!-- 第二部分 -->
  54 + <div class="show_logCon2">
  55 + <volist name="res['data']" id="vo" offset="1" length="2">
  56 + <a href="/portal/region/getNoteDetail?id={$vo.id}">
  57 + <div class="show_logCon2Box">
  58 + <div class="show_logCon2Img">
  59 + <img src="{:cmf_get_image_url($vo.index_thumbnail)}" alt="">
  60 + </div>
  61 + <div class="show_logCon2Txt">
  62 + <h1 class="show_logCon2Txt1">{$vo.post_title}</h1>
  63 + <p class="show_logCon2Tx2">
  64 + {$vo.post_excerpt}
  65 + </p>
  66 + <div class="show_logCon2Img2">
  67 + <img src="{:cmf_get_image_url($vo.avatar)}" alt="">
  68 + </div>
  69 + </div>
  70 + </div>
  71 + </a>
  72 + </volist>
  73 + </div>
  74 + <!-- 第三部分 -->
  75 + <div class="show_logCon3">
  76 + <ul>
  77 + <volist name="res['data']" id="vo" offset="3" length="3">
  78 + <a href="/portal/region/getNoteDetail?id={$vo.id}">
  79 + <li>
  80 + <div class="show_logCon3Img">
  81 + <img src="{:cmf_get_image_url($vo.index_thumbnail)}" alt="">
  82 + </div>
  83 + <div class="show_logCon2Txt">
  84 + <h1 class="show_logCon2Txt1">{$vo.post_title}</h1>
  85 + <p class="show_logCon2Tx2">
  86 + {$vo.post_excerpt}
  87 + </p>
  88 + <div class="show_logCon2Img2">
  89 + <img src="{:cmf_get_image_url($vo.avatar)}" alt="">
  90 + </div>
  91 + </div>
  92 + </li>
  93 + </a>
  94 + </volist>
  95 + </ul>
  96 + </div>
  97 + </div>
  98 + <!-- 分页 -->
  99 + <div class="pagination">
  100 + {$page|default=''}
  101 + </div>
  102 + </div>
  103 + <include file="public@footer"/>
  104 + <script src="__TMPL__/public/assets/js/jquery-3.2.1.min.js"></script>
  105 + <script src="__TMPL__/public/assets/js/public.js"></script>
  106 +</body>
  107 +
  108 +</html>
@@ -228,6 +228,10 @@ @@ -228,6 +228,10 @@
228 <p>独角<span>日志</span></p> 228 <p>独角<span>日志</span></p>
229 <h2>Neo Blog</h2> 229 <h2>Neo Blog</h2>
230 </div> 230 </div>
  231 + <!-- 更多 -->
  232 + <div class="show_IN2">
  233 + <a href="/portal/region/getMoreNote"> MORE+ </a>
  234 + </div>
231 </div> 235 </div>
232 <!-- 内容 --> 236 <!-- 内容 -->
233 <div class="show_INMain_con5"> 237 <div class="show_INMain_con5">
@@ -236,7 +240,7 @@ @@ -236,7 +240,7 @@
236 <li> 240 <li>
237 <a href="/portal/region/getNoteDetail?id={$vo.id}"> 241 <a href="/portal/region/getNoteDetail?id={$vo.id}">
238 <div class="show_INMain_con5_1"> 242 <div class="show_INMain_con5_1">
239 - <img src="{:cmf_get_image_url($vo.thumbnail)}" alt=""> 243 + <img src="{:cmf_get_image_url($vo.index_thumbnail)}" alt="">
240 </div> 244 </div>
241 <div class="show_INMain_con5_2"> 245 <div class="show_INMain_con5_2">
242 <h1>{$vo.post_title}</h1> 246 <h1>{$vo.post_title}</h1>
@@ -260,6 +264,10 @@ @@ -260,6 +264,10 @@
260 <p>公益<span>未来</span></p> 264 <p>公益<span>未来</span></p>
261 <h2>Commonweal & Future</h2> 265 <h2>Commonweal & Future</h2>
262 </div> 266 </div>
  267 + <!-- 更多 -->
  268 + <div class="show_IN2">
  269 + <a href="/portal/region/getMoreFuture"> MORE+ </a>
  270 + </div>
263 </div> 271 </div>
264 <!-- 内容 --> 272 <!-- 内容 -->
265 <div class="show_INMain_con6"> 273 <div class="show_INMain_con6">
@@ -8,6 +8,11 @@ @@ -8,6 +8,11 @@
8 <title>网红美景更多</title> 8 <title>网红美景更多</title>
9 <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css"> 9 <link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
10 <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css"> 10 <link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css">
  11 + <style>
  12 + .happy_beauty_con_1topimg1 {
  13 + height: 675px;
  14 + }
  15 + </style>
11 </head> 16 </head>
12 17
13 <body> 18 <body>
@@ -1805,3 +1805,245 @@ body { @@ -1805,3 +1805,245 @@ body {
1805 width: 1200px; 1805 width: 1200px;
1806 margin:70px auto 150px; 1806 margin:70px auto 150px;
1807 } 1807 }
  1808 +
  1809 +/* 独角日志页面 */
  1810 +
  1811 +.show_logBox,
  1812 +.show_futureBox {
  1813 + width: 1200px;
  1814 + margin: 138px auto 150px;
  1815 +}
  1816 +
  1817 +.show_logCon {
  1818 + margin-top: 40px;
  1819 +}
  1820 +
  1821 +.show_logCon1 {
  1822 + width: 100%;
  1823 + height: 504px;
  1824 + display: flex;
  1825 +}
  1826 +
  1827 +.show_logCon1Img1 {
  1828 + width: 900px;
  1829 + height: 504px;
  1830 +}
  1831 +
  1832 +.show_logCon1Img1 img {
  1833 + width: 100%;
  1834 + height: 100%;
  1835 +}
  1836 +
  1837 +.show_logCon1Txt {
  1838 + width: 300px;
  1839 + height: 504px;
  1840 + padding: 118px 58px 0 58px;
  1841 + text-align: center;
  1842 + box-sizing: border-box;
  1843 + background-color: white;
  1844 +}
  1845 +
  1846 +.show_logCon1Txt1 {
  1847 + font-size: 18px;
  1848 + line-height: 32px;
  1849 + cursor: pointer;
  1850 + color: rgba(26, 26, 26, 1);
  1851 +}
  1852 +
  1853 +.show_logCon1Txt2 {
  1854 + font-size: 14px;
  1855 + margin-top: 38px;
  1856 + color: rgba(153, 153, 153, 1);
  1857 + line-height: 22px;
  1858 + overflow: hidden;
  1859 + text-overflow: ellipsis;
  1860 + display: -webkit-box;
  1861 + -webkit-line-clamp: 3;
  1862 + -webkit-box-orient: vertical;
  1863 +}
  1864 +
  1865 +.show_logCon1Img2 {
  1866 + width: 44px;
  1867 + height: 44px;
  1868 + cursor: pointer;
  1869 + border-radius: 50%;
  1870 + margin: 48px auto 0;
  1871 +}
  1872 +
  1873 +.show_logCon1Img2 img {
  1874 + width: 100%;
  1875 + height: 100%;
  1876 +}
  1877 +
  1878 +.show_logCon2 {
  1879 + display: flex;
  1880 + display: -webkit-flex;
  1881 + margin: 17px 0;
  1882 + justify-content: space-between;
  1883 +}
  1884 +
  1885 +.show_logCon2Box {
  1886 + width: 590px;
  1887 +}
  1888 +
  1889 +.show_logCon2Img {
  1890 + width: 590px;
  1891 + height: 332px;
  1892 +}
  1893 +
  1894 +.show_logCon2Img img {
  1895 + width: 100%;
  1896 + height: 100%;
  1897 +}
  1898 +
  1899 +.show_logCon2Txt {
  1900 + width: 100%;
  1901 + height: 164px;
  1902 + padding: 16px 0;
  1903 + line-height: 1;
  1904 + box-sizing: border-box;
  1905 + background-color: white;
  1906 +}
  1907 +
  1908 +.show_logCon2Txt1 {
  1909 + text-align: center;
  1910 + font-size: 18px;
  1911 + color: rgba(26, 26, 26, 1);
  1912 +}
  1913 +
  1914 +.show_logCon2Tx2 {
  1915 + width: 304px;
  1916 + margin: 14px auto;
  1917 + font-size: 14px;
  1918 + color: #999999;
  1919 + overflow: hidden;
  1920 + line-height: 22px;
  1921 + text-overflow: ellipsis;
  1922 + display: -webkit-box;
  1923 + -webkit-line-clamp: 2;
  1924 + -webkit-box-orient: vertical;
  1925 +}
  1926 +
  1927 +.show_logCon2Img2 {
  1928 + width: 44px;
  1929 + height: 44px;
  1930 + margin: auto;
  1931 +}
  1932 +
  1933 +.show_logCon2Img2 img {
  1934 + width: 100%;
  1935 + height: 100%;
  1936 +}
  1937 +
  1938 +.show_logCon3Img {
  1939 + width: 388px;
  1940 + height: 218px;
  1941 +}
  1942 +
  1943 +.show_logCon3Img img {
  1944 + width: 100%;
  1945 + height: 100%;
  1946 +}
  1947 +
  1948 +.show_logCon3 ul {
  1949 + width: calc(100% + 18px);
  1950 + display: flex;
  1951 + display: -webkit-flex;
  1952 +}
  1953 +
  1954 +.show_logCon3 ul li {
  1955 + width: 388px;
  1956 + margin-right: 18px;
  1957 +}
  1958 +
  1959 +
  1960 +/* 公益未来页面 */
  1961 +
  1962 +.show_fuCon {
  1963 + margin-top: 42px;
  1964 +}
  1965 +
  1966 +.show_fuCon1Box {
  1967 + width: 580px;
  1968 +}
  1969 +
  1970 +.show_fuCon1 {
  1971 + display: flex;
  1972 + display: -webkit-flex;
  1973 + justify-content: space-between;
  1974 +}
  1975 +
  1976 +.show_fuCon1Img {
  1977 + width: 100%;
  1978 + height: 340px;
  1979 +}
  1980 +
  1981 +.show_fuCon1Img img {
  1982 + width: 100%;
  1983 + height: 100%;
  1984 +}
  1985 +
  1986 +.show_fuCon1Txt {
  1987 + width: 100%;
  1988 + height: 104px;
  1989 + padding: 0 38px;
  1990 + line-height: 1;
  1991 + box-sizing: border-box;
  1992 + background-color: white;
  1993 +}
  1994 +
  1995 +.show_fuCon1Txt1 {
  1996 + cursor: pointer;
  1997 + text-align: center;
  1998 + font-size: 18px;
  1999 + padding: 18px 0 13px 0;
  2000 + color: rgba(0, 0, 0, 1);
  2001 +}
  2002 +
  2003 +.show_fuCon1Txt2 {
  2004 + overflow: hidden;
  2005 + line-height: 22px;
  2006 + text-overflow: ellipsis;
  2007 + display: -webkit-box;
  2008 + -webkit-line-clamp: 2;
  2009 + -webkit-box-orient: vertical;
  2010 + font-size: 14px;
  2011 + color: rgba(153, 153, 153, 1);
  2012 + line-height: 22px;
  2013 +}
  2014 +
  2015 +.show_fuCon2 {
  2016 + width: 100%;
  2017 + display: flex;
  2018 + display: -webkit-flex;
  2019 + margin: 40px 0;
  2020 +}
  2021 +
  2022 +.show_fuCon2Img {
  2023 + width: 920px;
  2024 + height: 540px;
  2025 +}
  2026 +
  2027 +.show_fuCon2Img img {
  2028 + width: 100%;
  2029 + height: 100%;
  2030 +}
  2031 +
  2032 +.show_fuCon2Txt {
  2033 + width: 280px;
  2034 + height: 540px;
  2035 + padding: 180px 34px 0;
  2036 + box-sizing: border-box;
  2037 + background-color: white;
  2038 +}
  2039 +
  2040 +.show_fuCon2Txt2 {
  2041 + font-size: 14px;
  2042 + color: rgba(153, 153, 153, 1);
  2043 + line-height: 22px;
  2044 + overflow: hidden;
  2045 + text-overflow: ellipsis;
  2046 + display: -webkit-box;
  2047 + -webkit-line-clamp: 6;
  2048 + -webkit-box-orient: vertical;
  2049 +}