From f47916fdbfb02fd930382babb3a27b8826bb48cd Mon Sep 17 00:00:00 2001
From: liqian <735273025@qq.com>
Date: Mon, 20 Jan 2025 09:57:40 +0800
Subject: [PATCH 1/9] 2025-01-20 09:57:35

---
 app/common.php                                |   1 +
 app/index/view/index.phtml                    |   4 +-
 app/index/view/tops_nas/beta.phtml            | 256 ++++++++++-
 app/index/view/tops_nas/download.phtml        | 183 +++++++-
 app/index/view/tops_nas/download_cyber.phtml  | 175 +++++++-
 app/index/view/tops_nas/index.phtml           |  29 +-
 app/mobile/view/tops_nas/beta.phtml           | 415 +++++++++---------
 app/mobile/view/tops_nas/download.phtml       | 385 +++++++---------
 app/mobile/view/tops_nas/download_cyber.phtml | 385 +++++++---------
 app/mobile/view/tops_nas/index.phtml          |  29 +-
 10 files changed, 1069 insertions(+), 793 deletions(-)

diff --git a/app/common.php b/app/common.php
index 75ddedb..d33cee5 100755
--- a/app/common.php
+++ b/app/common.php
@@ -139,6 +139,7 @@ function getstr_random($length = 4) {
 }
 
 function getImage($filename, $width = -1, $height = -1, $type = 1, $savedir = 'allimg', $baseurl = '') {
+    // ini_set('memory_limit',-1);
     $docDir = request()->server('DOCUMENT_ROOT');
     $rootDir = request()->root();
     if ($width < 0 && $height < 0) {
diff --git a/app/index/view/index.phtml b/app/index/view/index.phtml
index a77a383..15700aa 100755
--- a/app/index/view/index.phtml
+++ b/app/index/view/index.phtml
@@ -18,12 +18,10 @@
         <!--top--> 
         <header class="header-PC header-Index">
 			<div id="header">
-      {include file="include/top-head2023" /}
+                {include file="include/top-head2023" /}
 			</div>
 		</header>
-
         <!--top End-->
-    
  	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
           <div class="modal-dialog" role="document">
             <div class="modal-content">
diff --git a/app/index/view/tops_nas/beta.phtml b/app/index/view/tops_nas/beta.phtml
index 31dfc1a..c46c3cb 100755
--- a/app/index/view/tops_nas/beta.phtml
+++ b/app/index/view/tops_nas/beta.phtml
@@ -7,30 +7,250 @@
  		<link rel="stylesheet" href="__PUBLIC__/web/css/swiper-3.4.2.min.css" />
  		<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/nas.css" />
  		{include file='include/head-nas'/}
+ 		<style type="text/css">
+ 			.narsZTPC {
+ 				width: 100%;
+ 				height: 100vh;
+ 				position: relative;
+ 				display: flex;
+ 				flex-direction: column;
+ 				overflow-y: auto;
+ 			}
+
+ 			.narsZTPC .nZTabs {
+ 				display: flex;
+ 				flex-direction: row;
+ 				justify-content: center;
+ 				margin: 2.5rem auto;
+ 			}
+
+ 			.narsZTPC .nZTabs .nZTabIt {
+ 				color: #001717;
+ 				font-size: 18px;
+ 				height: 3.25rem;
+ 				line-height: 3.25rem;
+ 				padding: 0 3.125rem;
+ 				background: #fff;
+ 				text-align: center;
+ 				border-radius: 28px;
+ 				cursor: pointer;
+ 				border: 1px solid #001717;
+ 			}
+
+ 			.narsZTPC .nZTabs .nZTabIt:first-child {
+ 				margin-right: 6.25rem;
+ 			}
+
+ 			.narsZTPC .nZTabs .nZTabIt_active {
+ 				border: 1px solid #004CFA;
+ 				color: #fff;
+ 				background: #004CFA;
+ 			}
+
+ 			.narsZTPC .nZTtopCtMian {
+ 				width: 100%;
+ 				margin: 0 auto;
+ 				height: auto;
+ 			}
+
+ 			.narsZTPC .nZTtopCtMian .narsZCimg {
+ 				width: 100%;
+ 				height: auto;
+ 			}
+
+ 			.narsZTPC .nZTtopCtMian .narsZTicos {
+ 				width: 65%;
+ 				margin: 0 auto;
+ 				display: flex;
+ 				flex-direction: row;
+ 				flex-wrap: wrap;
+ 				justify-content: space-between;
+ 				padding: 100px 0;
+ 			}
+
+ 			.narsZTPC .nZTtopCtMian .narsZTicos .nztit {
+ 				width: 25%;
+ 				display: flex;
+ 				flex-direction: column;
+ 				align-items: center;
+ 				text-align: center;
+ 			}
+
+ 			.narsZTPC .nZTtopCtMian .narsZTicos .nztit .narsicimg {
+ 				width: 57px;
+ 				height: 57px;
+ 				margin-bottom: 10px;
+ 			}
+
+ 			.narsZTPC .nZTtopCtMian .narsZTicos .nztit .narsstep {
+ 				color: #685557;
+ 				padding: 0.625rem 0;
+ 				font-size: 1rem;
+ 			}
+
+ 			.narsZTPC .nZTtopCtMian .narsZTicos .nztit .narszttext {
+ 				color: #2D2C2C;
+ 				font-size: 18px;
+ 				font-weight: bold;
+ 			}
+
+ 			.narswljshow {
+ 				display: none;
+ 			}
+			.nZTtopCtMian .narsZTinfo{
+				width: 65%;
+                background: #F5F5F7;
+                border-radius: 8px;
+                padding: 75px 90px;
+                display: flex;
+                flex-direction: row;
+                justify-content: space-between;
+                align-items: flex-start;
+                margin: 0 auto;
+                margin-bottom: 100px;
+			}
+			.nZTtopCtMian .narsZTinfo .nztif-left{
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				
+			}
+			.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				text-align: center;
+				margin-right: 50px;
+			}
+			.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit .nztewmimg{
+				width: 150px;
+				height: 150px;
+				margin-bottom: 1.25rem;
+			}
+			.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit p{
+				font-weight: bold;
+				font-size: 18px;
+				color: F5F5F7;
+				padding-bottom: 0.5rem;
+			}
+			.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit span{
+				font-size: 1rem;
+			}
+			.nZTtopCtMian .narsZTinfo .nztif-right{
+				display: flex;
+				flex-direction: column;
+			}
+			.nZTtopCtMian .narsZTinfo .nztif-right .sysmtxt{
+				font-size: 18px;
+				color: #001717;
+				padding-bottom: 1.25rem;
+				font-weight: 700;
+			}
+			.nZTtopCtMian .narsZTinfo .nztif-right .sminfo{
+				display: flex;
+				flex-direction: column;
+				font-size: 18px;
+				color: #001717;
+				padding-bottom: 40px;
+				
+			}
+			.nZTtopCtMian .narsZTinfo .nztif-right .sminfo span{
+				padding-bottom: 0.9rem;
+				font-size: 18px;
+			}
+			.nztbzyj{
+				display: flex;
+				flex-direction: row;
+			}
+			.nztbzyj a{
+				font-size: 1rem;
+				color: #2D2C2C;
+				padding-bottom: 2px;
+				border-bottom: 1px solid #CBCBCD;
+				margin-right: 4.5rem;
+			}
+ 		</style>
     </head>
  	<body>
- 		<div class="narsPage">
- 			<!--顶部导航-->
+ 	<div class="narsZTPC">
+ 	        <!--顶部导航-->
  			{include file='include/top-header-nas'/}
- 			<!--banner -->
- 			<div class="narsIndex-banner">
- 				<div class="swiper-container mySwiper">
- 					<div class="swiper-wrapper">
-						
-						<div class="swiper-slide">
- 							<!-- banner内容-->
- 							<img src="/uploads/nas/pc-beta.png" alt="" class="narsbanner-img" />
+ 			<!--<div class="nZTabs">-->
+ 			<!--	<div class="nZTabIt nZTabIt_active">软件体验</div>-->
+ 			<!--	<div class="nZTabIt">新品公测</div>-->
+ 			<!--</div>-->
+ 			<!-- 软件体验-->
+ 			<div class="nZTtopCtMian narssbshow">
+ 				<img src="__PUBLIC__/web/images/nas/nars-zt-rjtu-bg.jpg" class="narsZCimg" />
+ 				<div class="narsZTicos">
+ 					<div class="nztit">
+ 						<img src="__PUBLIC__/web/images/nas/nars-zt-ico1.jpg" class="narsicimg" />
+ 						<span class="narsstep">步骤1</span>
+ 						<span class="narszttext">添加体验官微</span>
+ 					</div>
+ 					<div class="nztit">
+ 						<img src="__PUBLIC__/web/images/nas/nars-zt-ico2.jpg" class="narsicimg" />
+ 						<span class="narsstep">步骤2</span>
+ 						<span class="narszttext">下载赛博云空间APP</span>
+ 					</div>
+ 					<div class="nztit">
+ 						<img src="__PUBLIC__/web/images/nas/nars-zt-ico3.jpg" class="narsicimg" />
+ 						<span class="narsstep">步骤3</span>
+ 						<span class="narszttext">获取邀请码</span>
+ 					</div>
+ 					<div class="nztit">
+ 						<img src="__PUBLIC__/web/images/nas/nars-zt-ico4.jpg" class="narsicimg" />
+ 						<span class="narsstep">步骤4</span>
+ 						<span class="narszttext">开始体验 一 反馈宝贵意见</span>
+ 					</div>
+ 				</div>
+ 				<div class="narsZTinfo">
+ 					<div class="nztif-left">
+ 						<div class="narsztewmit">
+ 							<img src="__PUBLIC__/web/images/nas/nars-sbyrj-ewm.jpg" class="nztewmimg" />
+ 							<p>官方微信</p>
+ 							<span>手机微信扫码添加</span>
  						</div>
-					
- 					<!-- Add Pagination -->
- 					<div class="swiper-pagination"></div>
- 					<!-- Add Arrows -->
- 				<!--	<div class="swiper-button-next swiper-button-white"></div>
- 					<div class="swiper-button-prev swiper-button-white"></div>-->
+ 						<div class="narsztewmit">
+ 							<a href="https://orico.com.cn/downpc" target="_blank"><img src="__PUBLIC__/web/images/nas/nars-sby-ewm2.jpg" class="nztewmimg" /></a>
+ 							<p>赛博云空间APP</p>
+ 							<span>点击/扫码下载</span>
+ 						</div>
+ 					</div>
+ 					<div class="nztif-right">
+ 						<span class="sysmtxt">试用说明</span>
+ 						<div class="sminfo">
+ 							<span>1.建议在100M以上网络环境下体验</span>
+ 							<span>2.免费试用时间为绑定后24小时，试用结束后已上传数据将被删除</span>
+ 							<span>3.请遵守国家相关法律、法规，勿上传、下载和分享非法数据</span>
+ 						</div>
+						<div class="nztbzyj">
+							<a>意见反馈</a>
+							<a>帮助中心</a>
+						</div>
+ 					</div>
  				</div>
  			</div>
+ 			<!--新品公测-->
+ 			<div class="nZTtopCtMian narswljshow">
+ 				<img src="__PUBLIC__/web/images/nas/nars-zt-xpgc-bg.jpg" class="narsZCimg" />
+ 			</div>
+ 			{include file='include/bottom2023'/}
  		</div>
-
- 	{include file='include/bottom2023'/}
  	</body>
+ 	<script>
+ 		$(document).ready(function() {
+ 			$('.nZTabIt').click(function() {
+ 				$('.nZTabIt').removeClass('nZTabIt_active');
+ 				$(this).addClass('nZTabIt_active');
+ 				if ($(this).index() === 0) {
+ 					$('.narssbshow').show();
+ 					$('.narswljshow').hide();
+ 				} else {
+ 					$('.narssbshow').hide();
+ 					$('.narswljshow').show();
+ 				}
+ 			});
+ 		});
+ 	</script>
  </html>
diff --git a/app/index/view/tops_nas/download.phtml b/app/index/view/tops_nas/download.phtml
index 31dfc1a..40bfbec 100755
--- a/app/index/view/tops_nas/download.phtml
+++ b/app/index/view/tops_nas/download.phtml
@@ -7,30 +7,173 @@
  		<link rel="stylesheet" href="__PUBLIC__/web/css/swiper-3.4.2.min.css" />
  		<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/nas.css" />
  		{include file='include/head-nas'/}
+ 		<style type="text/css">
+ 			.narsDowloadPc {
+ 				width: 100%;
+ 				height: 100vh;
+ 				background: #F5F5F5;
+ 				position: relative;
+ 				display: flex;
+ 				flex-direction: column;
+ 				overflow-y: auto;
+ 			}
+
+ 			.narsDowloadPc .narsDtabs {
+ 				display: flex;
+ 				flex-direction: row;
+ 				justify-content: center;
+ 				margin-top: 70px;
+ 				margin-bottom: 30px;
+ 			}
+
+ 			.narsDowloadPc .narsDtabs .narsDtabIt {
+ 				color: #001717;
+ 				font-size: 24px;
+ 				height: 52px;
+ 				line-height: 52px;
+ 				width: 300px;
+ 				background: #fff;
+ 				text-align: center;
+ 				border-radius: 28px;
+ 				cursor: pointer;
+ 			}
+
+ 			.narsDowloadPc .narsDtabs .narsDtabIt:first-child {
+ 				margin-right: 60px;
+ 			}
+
+ 			.narsDowloadPc .narsDtabs .narsDtabIt_active {
+ 				color: #fff;
+ 				background: #004CFA;
+ 			}
+
+ 			.narsDowloadPc .narsDmainConten {
+ 				width: 1200px;
+ 				height: 409px;
+ 				background: #fff;
+ 				margin-bottom: 10px;
+ 			}
+
+ 			.narsDowloadPc .nDtopCtMian {
+ 				width: 1200px;
+ 				margin: 0 auto;
+ 				height: auto;
+ 			}
+
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt {
+ 				width: 1200px;
+ 				height: 409px;
+ 				background: #fff;
+ 				margin-bottom: 10px;
+ 			}
+
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
+ 				width: 100%;
+ 				height: 100%;
+ 			}
+
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
+ 				width: 100%;
+ 				height: 100%;
+ 			}
+
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt2 {
+ 				width: 1200px;
+ 				height: 205px;
+ 				display: flex;
+ 				flex-direction: row;
+		
+ 				justify-content: space-between;
+ 			}
+			.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
+				width: 231px;
+				height: 205px;
+				background: #fff;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				cursor: pointer;
+			}
+			.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img{
+				width: 126px;
+				height: 126px;
+			}
+			.narswljshow{
+				display: none;
+			}
+			.narswljshow .nDtopIt2 .nDitImg{
+				width: 291px !important;
+			}
+ 		</style>
     </head>
- 	<body>
- 		<div class="narsPage">
- 			<!--顶部导航-->
+ <body>
+ 	    <div class="narsDowloadPc">
+ 	        <!--顶部导航-->
  			{include file='include/top-header-nas'/}
- 			<!--banner -->
- 			<div class="narsIndex-banner">
- 				<div class="swiper-container mySwiper">
- 					<div class="swiper-wrapper">
-						
-						<div class="swiper-slide">
- 							<!-- banner内容-->
- 							<img src="/uploads/nas/pc-beta.png" alt="" class="narsbanner-img" />
- 						</div>
-					
- 					<!-- Add Pagination -->
- 					<div class="swiper-pagination"></div>
- 					<!-- Add Arrows -->
- 				<!--	<div class="swiper-button-next swiper-button-white"></div>
- 					<div class="swiper-button-prev swiper-button-white"></div>-->
+ 			<div class="narsDtabs">
+ 				<div class="narsDtabIt narsDtabIt_active">CyberData赛博云空间</div>
+ 				<div class="narsDtabIt">Weline微链接</div>
+ 			</div>
+			<!-- 赛博云-->
+ 			<div class="nDtopCtMian narssbshow">
+ 				<div class="nDtopIt">
+ 					<img src="__PUBLIC__/web/images/nas/narDl-sbimg.jpg" class="tpimg" />
+ 				</div>
+ 				<div class="nDtopIt2">
+ 			    	<a href="https://appversion.oriconas.com/api/latest/url?appcode=cyberdata&platform=android">
+ 			    	    <div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d1.png" /></div>
+ 			    	</a>
+ 			    	<a href="https://apps.apple.com/app/6695746746" target="_blank">
+ 					    <div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d2.png" /></div>
+ 					</a>
+ 					<a href="https://appversion.oriconas.com/api/latest/url?appcode=cyberdata&platform=windows">
+ 					    <div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d3.png" /></div>
+ 					</a>
+ 					<a href="https://apps.apple.com/app/6695746746" target="_blank">
+ 					    <div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d4.png" /></div>
+ 					</a>
+ 					<a>
+ 					    <div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d5.png" /></div>
+ 					</a>
  				</div>
  			</div>
+			<!-- 微链接-->
+			<div class="nDtopCtMian narswljshow">
+				<div class="nDtopIt">
+					<img src="__PUBLIC__/web/images/nas/narDl-wljimg.jpg" class="tpimg" />
+				</div>
+				<div class="nDtopIt2">
+				    <a href="http://orico.com.cn/static/download/WeLineApp.apk" download="WeLineApp.apk">
+					    <div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d1.png" /></div>
+					</a>
+					<a href="https://apps.apple.com/us/app/weline-io/id1495146123" target="_blank">
+					    <div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d2.png" /></div>
+					</a>
+					<a href="http://orico.com.cn/static/download/WelinePC.exe" download="WelinePC.exe">
+					    <div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d3.png" /></div>
+					</a>
+					<a href="http://orico.com.cn/static/download/WelineMac.dmg" download="WelineMac.dmg">
+					    <div class="nDitImg"><img src="__PUBLIC__/web/images/nas/narsdl_d4.png" /></div>
+					</a>
+				</div>
+			</div>
  		</div>
-
- 	{include file='include/bottom2023'/}
+ 		{include file='include/bottom2023'/}
  	</body>
+ 	<script>
+			$(document).ready(function () {
+			   //点击切换
+			  $('.narsDtabIt').click(function () {
+			    $('.narsDtabIt').removeClass('narsDtabIt_active');
+			    $(this).addClass('narsDtabIt_active');
+			    if ($(this).index() === 0) {
+			      $('.narssbshow').show();
+			      $('.narswljshow').hide();
+			    } else {
+			      $('.narssbshow').hide();
+			      $('.narswljshow').show();
+			    }
+			  });
+			});
+		</script>
  </html>
diff --git a/app/index/view/tops_nas/download_cyber.phtml b/app/index/view/tops_nas/download_cyber.phtml
index 31dfc1a..c1186c4 100755
--- a/app/index/view/tops_nas/download_cyber.phtml
+++ b/app/index/view/tops_nas/download_cyber.phtml
@@ -8,29 +8,160 @@
  		<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/nas.css" />
  		{include file='include/head-nas'/}
     </head>
- 	<body>
- 		<div class="narsPage">
- 			<!--顶部导航-->
- 			{include file='include/top-header-nas'/}
- 			<!--banner -->
- 			<div class="narsIndex-banner">
- 				<div class="swiper-container mySwiper">
- 					<div class="swiper-wrapper">
-						
-						<div class="swiper-slide">
- 							<!-- banner内容-->
- 							<img src="/uploads/nas/pc-beta.png" alt="" class="narsbanner-img" />
- 						</div>
-					
- 					<!-- Add Pagination -->
- 					<div class="swiper-pagination"></div>
- 					<!-- Add Arrows -->
- 				<!--	<div class="swiper-button-next swiper-button-white"></div>
- 					<div class="swiper-button-prev swiper-button-white"></div>-->
- 				</div>
- 			</div>
- 		</div>
+    <style type="text/css">
+ 			.narsDowloadPc {
+ 				height: 100vh;
+ 				background: #F5F5F5;
+ 				position: relative;
+ 				display: flex;
+ 				flex-direction: column;
+ 				overflow-y: auto;
+ 			}
 
+ 			.narsDowloadPc .narsDtabs {
+				margin: 0 1.25rem;
+ 				display: flex;
+ 				flex-direction: row;
+ 				justify-content: center;
+ 				margin-top: 2.5rem;
+ 				margin-bottom: 1.25rem;
+ 			}
+
+ 			.narsDowloadPc .narsDtabs .narsDtabIt {
+ 				color: #001717;
+ 				font-size: 1rem;
+ 				height: 2.625rem;
+ 				line-height: 2.625rem;
+ 				width: 25rem;
+ 				background: #fff;
+ 				text-align: center;
+ 				border-radius: 28px;
+ 				cursor: pointer;
+ 			}
+
+ 			.narsDowloadPc .narsDtabs .narsDtabIt:first-child {
+ 				margin-right: 0.9375rem;
+ 			}
+
+ 			.narsDowloadPc .narsDtabs .narsDtabIt_active {
+ 				color: #fff;
+ 				background: #004CFA;
+ 			}
+
+ 			.narsDowloadPc .narsDmainConten {
+ 				margin: 0 1.25rem;
+ 				background: #fff;
+ 				margin-bottom: 10px;
+ 			}
+
+ 			.narsDowloadPc .nDtopCtMian {
+				margin: 0 1.25rem;
+ 				height: auto;
+ 			}
+
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt {
+ 				width: 100%;
+ 				background: #fff;
+ 				margin-bottom: 10px;
+ 			}
+
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
+ 				width: 100%;
+ 				height: 100%;
+ 			}
+
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
+ 				width: 100%;
+ 				height: 100%;
+ 			}
+
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt2 {
+ 				display: flex;
+ 				flex-direction: row;
+				flex-wrap: wrap;
+ 				justify-content: space-between;
+ 			}
+			.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
+				width: 48.5%;
+				background: #fff;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				cursor: pointer;
+				margin-bottom: 0.625rem;
+			}
+			.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img{
+				width: 6.25rem;
+				height: 6.25rem;
+				padding: 1.25rem;
+			}
+			.narswljshow{
+				display: none;
+			}
+			.narswljshow .nDtopIt2 .nDitImg{
+				/* width: 291px !important; */
+			}
+			.narssbshow .nrowimg {
+				width: 100%;
+				background: #fff;
+				display: flex;
+				justify-content: center;
+		
+			}
+			.narssbshow .nrowimg img{
+				width: 62%;
+				padding: 1.25rem 0;
+			}
+ 		</style>
+ 	<body>
+ 	    <!--顶部导航-->
+ 		{include file='include/top-header-nas'/}
+ 		<div class="narsDowloadPc">
+ 			<div class="narsDtabs">
+ 				<div class="narsDtabIt narsDtabIt_active">CyberData赛博云空间</div>
+ 				<div class="narsDtabIt">Weline微链接</div>
+ 			</div>
+			<!-- 赛博云-->
+ 			<div class="nDtopCtMian narssbshow">
+ 				<div class="nDtopIt">
+ 					<img src="nardownlaod-app/narsdlapp-sbimg.jpg" class="tpimg" />
+ 				</div>
+ 				<div class="nDtopIt2">
+ 					<div class="nDitImg"><img src="nardownlaod-app/narsdlapp_d1.png" /></div>
+ 					<div class="nDitImg"><img src="nardownlaod-app/narsdlapp-d2.png" /></div>
+ 					<div class="nDitImg"><img src="nardownlaod-app/narsdlapp_d3.png" /></div>
+ 					<div class="nDitImg"><img src="nardownlaod-app/narsdlapp_d4.png" /></div>
+ 				</div>
+				<div class="nDitImg nrowimg"><img src="nardownlaod-app/narsdlapp_d5.png" /></div>
+ 			</div>
+			<!-- 微链接-->
+			<div class="nDtopCtMian narswljshow">
+				<div class="nDtopIt">
+					<img src="nardownlaod-app/narsdlapp-wljimg.jpg" class="tpimg" />
+				</div>
+				<div class="nDtopIt2">
+					<div class="nDitImg"><img src="nardownlaod-app/narsdlapp_d1.png" /></div>
+					<div class="nDitImg"><img src="nardownlaod-app/narsdlapp-d2.png" /></div>
+					<div class="nDitImg"><img src="nardownlaod-app/narsdlapp_d3.png" /></div>
+					<div class="nDitImg"><img src="nardownlaod-app/narsdlapp_d4.png" /></div>
+				</div>
+			</div>
+ 		</div>
  	{include file='include/bottom2023'/}
  	</body>
+ 		<script>
+			$(document).ready(function () {
+			  $('.narsDtabIt').click(function () {
+			    $('.narsDtabIt').removeClass('narsDtabIt_active');
+			    $(this).addClass('narsDtabIt_active');
+			    if ($(this).index() === 0) {
+			      $('.narssbshow').show();
+			      $('.narswljshow').hide();
+			    } else {
+			      $('.narssbshow').hide();
+			      $('.narswljshow').show();
+			    }
+			  });
+			});
+		</script>
  </html>
diff --git a/app/index/view/tops_nas/index.phtml b/app/index/view/tops_nas/index.phtml
index 60e714a..4cf61da 100755
--- a/app/index/view/tops_nas/index.phtml
+++ b/app/index/view/tops_nas/index.phtml
@@ -158,7 +158,7 @@
  		</div>
  		<!--微链接 -->
  		<div class="nars-wlj">
- 			<span class="wlj-title"><span style="color:#004BFA">Weline </span>微链接</span>
+ 			<span class="wlj-title"><span style="color:#004BFA">NAS </span>配套软件</span>
 			{volist name='data.weline.banners' id='vo'}
 			<div class="wltitem">
  				<div class="wljcp">
@@ -170,28 +170,11 @@
  				</div>
  			</div>
 			{/volist}
- 			<div class="wltitem">
- 				<div class="wljcp">
- 				    {if condition="!empty($data.download.banners[0]['picture'])"}
- 				    <img src="{$data.download.banners[0]['picture']|getImage}" class="wljimg" />
- 				    {else}
- 				    <span class="tt">{$data.download.banners[0]['name']|default='软件多平台支持'}</span>
- 				    {/if}
-
- 				</div>
- 				<div class="wljcpinfo">
-					{assign name='download_color' value="$data.download.banners[0]['alt']|default='#ffffff'"}
-					{assign name='download_background' value="$data.download.banners[0]['btn_color']|default='#004cfa'"}
- 					<a
-						class="wlj-xzbt"
-						target="_blank"
-						href="{$data.download.banners[0]['link']}"
-						style="background-color:{$download_background};color:{$download_color};border-color:{$download_color};"
-					>
-						下载
-					</a>
- 				</div>
- 			</div>
+     		<div class="wltitem">
+     			<a href="{$data.download.banners[0]['link']}" style="height:100%;width:100%">
+     				<img src="__PUBLIC__/web/images/nars_atdbimg.jpg" style="height:100%;width:100%" />
+     			</a>
+     		</div>
  		</div>
 		{include file='include/bottom2023'/}
  	</body>
diff --git a/app/mobile/view/tops_nas/beta.phtml b/app/mobile/view/tops_nas/beta.phtml
index e6dffeb..b6bc5a1 100755
--- a/app/mobile/view/tops_nas/beta.phtml
+++ b/app/mobile/view/tops_nas/beta.phtml
@@ -11,260 +11,237 @@
 		</style>
         {include file='include/head-nas'/}
 		<style type="text/css">
-			.narsMBpage {
-				width: 100%;
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				position: relative;
-				overflow-x: hidden;
-			}
+ 			.narsZTPC {
+ 				width: 100%;
+ 				height: 100vh;
+ 				position: relative;
+ 				display: flex;
+ 				flex-direction: column;
+ 				overflow-y: auto;
+ 			}
 
-			.narsMBpage .narsMB-banner {
-				width: 100%;
-			}
+ 			.narsZTPC .nZTabs {
+ 				display: flex;
+ 				flex-direction: row;
+ 				justify-content: center;
+ 				margin: 2.5rem auto;
+ 			}
 
-			.narsMBpage .narsmb-img {
-				max-width: 100%;
-				height: auto;
-				display: block;
-			}
+ 			.narsZTPC .nZTabs .nZTabIt {
+ 				color: #001717;
+ 				font-size: 18px;
+ 				height: 3.25rem;
+ 				line-height: 3.25rem;
+ 				padding: 0 3.125rem;
+ 				background: #fff;
+ 				text-align: center;
+ 				border-radius: 28px;
+ 				cursor: pointer;
+ 				border: 1px solid #001717;
+ 			}
 
-			.narsMBpage .narsmb-cate {
-				margin-top: 2.8125rem;
-				margin: 0 0.4375rem;
-				display: flex;
-				flex-direction: column;
-			}
+ 			.narsZTPC .nZTabs .nZTabIt:first-child {
+ 				margin-right: 6.25rem;
+ 			}
 
-			.narsMBpage .narsmb-cate .narsmbcatetop,
-			.narsMBpage .narsmb-cate .narsmbcate-it {
-				background: #e0e2e6;
-				color: #000;
-				border-radius: 0.3125rem;
-				height: 5.8125rem;
-				width: 100%;
-				line-height: 1rem;
-				font-size: 0.75rem;
-				font-weight: bold;
-				margin-top: 2.8125rem;
-				display: flex;
-				align-items: center;
-			}
+ 			.narsZTPC .nZTabs .nZTabIt_active {
+ 				border: 1px solid #004CFA;
+ 				color: #fff;
+ 				background: #004CFA;
+ 			}
 
-			.narsMBpage .narsmb-cate .narsmbcateits {
-				height: 5.8125rem;
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-				margin-bottom: 0.4375rem;
-			}
+ 			.narsZTPC .nZTtopCtMian {
+ 				width: 100%;
+ 				margin: 0 auto;
+ 				height: auto;
+ 			}
 
-			.narsMBpage .narsmb-cate .narsmbcateits .narsmbcate-it {
-				width: 49%;
-				margin-top: 0.4375rem;
-			}
+ 			.narsZTPC .nZTtopCtMian .narsZCimg {
+ 				width: 100%;
+ 				height: auto;
+ 			}
 
-			.narsMBpage .narsmb-cate .narsmbcate-sp {
-				margin: 0 1.25rem;
-			}
+ 			.narsZTPC .nZTtopCtMian .narsZTicos {
+ 				width: 90%;
+ 				margin: 0 auto;
+ 				display: flex;
+ 				flex-direction: row;
+ 				flex-wrap: wrap;
+ 				justify-content: space-between;
+ 				padding: 50px 0;
+ 			}
 
-			.narsMBpage .narsmbvd {
-				width: 100%;
-				height: 14.5625rem;
-				margin-top: 2.5rem;
-			}
+ 			.narsZTPC .nZTtopCtMian .narsZTicos .nztit {
+ 				width: 50%;
+ 				display: flex;
+ 				flex-direction: column;
+ 				align-items: center;
+ 				text-align: center;
+ 				margin-bottom: 15%;
+ 			}
 
-			.narsMBpage .narsmbvd .narsmbvideo {
-				height: 100%;
-				width: 100%;
-				object-fit: fill;
-			}
+ 			.narsZTPC .nZTtopCtMian .narsZTicos .nztit .narsicimg {
+ 				width: 45px;
+ 				height: 45px;
+ 				margin-bottom: 10px;
+ 			}
 
-			.narsMBpage .narsmb-jjfa {
-				width: 100%;
-				display: flex;
-				flex-direction: column;
-			}
+ 			.narsZTPC .nZTtopCtMian .narsZTicos .nztit .narsstep {
+ 				color: #685557;
+ 				padding: 0.625rem 0;
+ 				font-size: 12px;
+ 			}
 
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-title {
-				text-align: center;
-				font-size: 1.6875rem;
-				font-weight: bold;
-				padding-top: 2.0625rem;
-				padding-bottom: 1.3125rem;
-			}
+ 			.narsZTPC .nZTtopCtMian .narsZTicos .nztit .narszttext {
+ 				color: #2D2C2C;
+ 				font-size: 14px;
+ 				font-weight: bold;
+ 			}
 
-			.narsMBpage .narsmb-jjfa .narsmbjjfaSwiper {
-				margin-left: 0.4375rem;
+ 			.narswljshow {
+ 				display: none;
+ 			}
+			.nZTtopCtMian .narsZTinfo{
+				width: 90%;
+                background: #F5F5F7;
+                border-radius: 8px;
+                display: flex;
+                flex-direction: column;
+                margin: 0 auto;
+                margin-bottom: 15%;
+                padding-bottom: 45px;
+                padding-top:15px ;
 			}
-
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide {
-				width: 10rem;
-				height: 18.375rem;
-				border-radius: 0.125rem;
-				position: relative;
-			}
-
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-ct {
-				color: #000;
-				margin: 0 1.25rem;
-				font-size: 1rem;
-				font-weight: bold;
-				margin-top: 1.875rem;
-				line-height: 1.5625rem;
-			}
-
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-info {
-				background: #131b28;
-				position: absolute;
-				top: 0;
-				height: 18.375rem;
-				padding: 0 1.3rem;
-				display: none;
-				flex-direction: column;
-				justify-content: center;
-				border-radius: 0.125rem;
-				z-index: 11;
-				overflow-y: hidden;
-				color: #fff;
-			}
-
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-info .narsmbjjfatt {
-				width: 100%;
-				font-weight: bold;
-				text-align: center;
-				font-size: 0.875rem;
-				margin-bottom: 1.6875rem;
-			}
-
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-info .narsmbjjfa-txt {
-				font-size: 0.75rem;
-				line-height: 1rem;
-				text-indent: 2em;
-			}
-
-			.narsMBpage .narsmb-jjfa .narsmb-jjfabgimg {
-				width: 9.9375rem;
-				height: 18.375rem;
-				position: absolute;
-				top: 0;
-				z-index: -1;
-			}
-
-			.narsmb-wlj {
-				width: 100%;
-				display: flex;
-				flex-direction: column;
-			}
-
-			.narsmb-wlj .narsmbwlj-title {
-				text-align: center;
-				font-size: 1.6875rem;
-				font-weight: bold;
-				padding-top: 2.0625rem;
-				padding-bottom: 1.3125rem;
-			}
-
-			.narsmb-wlj .narsmbwltitem {
-				margin: 0 0.4375rem;
-				height: 9.0625rem;
-				background: #131b28;
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-				margin-bottom: 0.5rem;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcp {
+			.nZTtopCtMian .narsZTinfo .nztif-left{
 				display: flex;
 				flex-direction: row;
 				align-items: center;
 				justify-content: center;
-				height: inherit;
+                width: 100%;
+                margin-top: 30px;
+                margin-bottom: 50px;
+				
 			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcp .narsmbtt {
-				font-size: 1.0625rem;
-				font-weight: bold;
-				color: #fff;
-				width: 35.5rem;
-				text-align: center;
-				margin-left: 35%;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcp .narsmbwljimg {
-				height: inherit;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo {
+			.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit {
 				display: flex;
 				flex-direction: column;
 				justify-content: center;
-				align-items: center;
-				color: #fff;
-				flex: 1;
-				margin: 0 1.25rem;
+				text-align: center;
+				width: 45%;
+                align-items: center;
 			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbif-title {
+			.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit .nztewmimg{
+				width: 100px;
+				height: 100px;
+				margin-bottom: 1rem;
+			}
+			.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit p{
 				font-weight: bold;
-				font-size: 1.0625rem;
-				padding-bottom: 1rem;
+				font-size: 14px;
+				color: F5F5F7;
+				padding-bottom: 0.5rem;
 			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbif-info {
-				font-size: 0.625rem;
-				line-height: 1rem;
-				text-align: center;
+			.nZTtopCtMian .narsZTinfo .nztif-left .narsztewmit span{
+				font-size: 12px;
 			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbwlj-xzbt {
-				width: 7.25rem;
-				height: 2.1875rem;
-				border-radius: 3.25rem;
-				line-height: 2.1875rem;
-				border: 1px solid #ffffff;
-				font-size: 0.875rem;
-				text-align: center;
-				cursor: pointer;
-				margin: 0 1.25rem;
+			.nZTtopCtMian .narsZTinfo .nztif-right{
+				display: flex;
+				flex-direction: column;
+				width: 85%;
+				margin: 0 auto;
 			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbtt {
-				font-size: 1.0625rem;
-				font-weight: bold;
-				color: #fff;
-				text-align: center;
+			.nZTtopCtMian .narsZTinfo .nztif-right .sysmtxt{
+				font-size: 14px;
+				color: #001717;
+				padding-bottom: 1.25rem;
+				font-weight: 700;
 			}
-
-			.narsMBbannerSwiper {
-				padding-top: 0px;
+			.nZTtopCtMian .narsZTinfo .nztif-right .sminfo{
+				display: flex;
+				flex-direction: column;
+				font-size: 14px;
+				color: #001717;
+				padding-bottom: 20px;
+				
 			}
-
-		</style>
+			.nZTtopCtMian .narsZTinfo .nztif-right .sminfo span{
+				padding-bottom: 8px;
+				font-size: 12px;
+			}
+			.nztbzyj{
+				display: flex;
+				flex-direction: row;
+			}
+			.nztbzyj a{
+				font-size: 12px;
+				color: #2D2C2C;
+				padding-bottom: 2px;
+				border-bottom: 1px solid #CBCBCD;
+				margin-right: 4.5rem;
+			}
+ 		</style>
 	</head>
 
 	<body>
+	    <div class="narsZTPC">
 		{include file='include/top_nas'/}
-		<!--nars 手机 -->
-		<div class="narsMBpage">
-			<!--轮播 banner-->
-			<div class="narsMB-banner">
-				<div class="swiper-container narsMBbannerSwiper">
-					<div class="swiper-wrapper">
-						
-						<div class="swiper-slide">
-							<img src="/uploads/nas/mobile-beta.png" alt="" class="narsmb-img" />
+			<div class="nZTtopCtMian narssbshow">
+ 				<img src="__PUBLIC__/web/images/nas/nars-zt-rjtu-bg-moblie.jpg" class="narsZCimg" />
+ 				<div class="narsZTicos">
+ 					<div class="nztit">
+ 						<img src="__PUBLIC__/web/images/nas/nars-zt-ico1.jpg" class="narsicimg" />
+ 						<span class="narsstep">步骤1</span>
+ 						<span class="narszttext">添加体验官微</span>
+ 					</div>
+ 					<div class="nztit">
+ 						<img src="__PUBLIC__/web/images/nas/nars-zt-ico2.jpg" class="narsicimg" />
+ 						<span class="narsstep">步骤2</span>
+ 						<span class="narszttext">下载赛博云空间APP</span>
+ 					</div>
+ 					<div class="nztit">
+ 						<img src="__PUBLIC__/web/images/nas/nars-zt-ico3.jpg" class="narsicimg" />
+ 						<span class="narsstep">步骤3</span>
+ 						<span class="narszttext">获取邀请码</span>
+ 					</div>
+ 					<div class="nztit">
+ 						<img src="__PUBLIC__/web/images/nas/nars-zt-ico4.jpg" class="narsicimg" />
+ 						<span class="narsstep">步骤4</span>
+ 						<span class="narszttext">开始体验 一 反馈宝贵意见</span>
+ 					</div>
+ 				</div>
+ 				<div class="narsZTinfo">
+ 					<div class="nztif-left">
+ 						<div class="narsztewmit">
+ 							<img src="__PUBLIC__/web/images/nas/nars-sbyrj-ewm.jpg" class="nztewmimg" />
+ 							<p>官方微信</p>
+ 							<span>手机微信扫码添加</span>
+ 						</div>
+ 						<div class="narsztewmit">
+ 							<a href="https://www.orico.com.cn/down" target="_blank"><img src="__PUBLIC__/web/images/nas/nars-sby-ewm2.jpg" class="nztewmimg" /></a>
+ 							<p>赛博云空间APP</p>
+ 							<span>点击/扫码下载</span>
+ 						</div>
+ 					</div>
+ 					<div class="nztif-right">
+ 						<span class="sysmtxt">试用说明</span>
+ 						<div class="sminfo">
+ 							<span>1.建议在100M以上网络环境下体验</span>
+ 							<span>2.免费试用时间为绑定后24小时，试用结束后已上传数据将被删除</span>
+ 							<span>3.请遵守国家相关法律、法规，勿上传、下载和分享非法数据</span>
+ 						</div>
+						<div class="nztbzyj">
+							<a>意见反馈</a>
+							<a>帮助中心</a>
 						</div>
-						
-					</div>
-				</div>
-			</div>
-
+ 					</div>
+ 				</div>
+ 			</div>
+ 			<!--新品公测-->
+ 			<div class="nZTtopCtMian narswljshow">
+ 				<img src="__PUBLIC__/web/images/nas/nars-zt-xpgc-bg.jpg" class="narsZCimg" />
+ 			</div>
 
 			{include file='include/bottom1'/}
 		</div>
 	</body>
-
 </html>
diff --git a/app/mobile/view/tops_nas/download.phtml b/app/mobile/view/tops_nas/download.phtml
index e6dffeb..8495655 100755
--- a/app/mobile/view/tops_nas/download.phtml
+++ b/app/mobile/view/tops_nas/download.phtml
@@ -4,267 +4,186 @@
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<title>元创官网</title>
+		{include file='include/head-nas' /}
 		<style type="text/css">
 			.header {
 				color: #fff;
 			}
-		</style>
-        {include file='include/head-nas'/}
-		<style type="text/css">
-			.narsMBpage {
-				width: 100%;
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				position: relative;
-				overflow-x: hidden;
-			}
+ 			.narsDowloadPc {
+ 				/*height: 100vh;*/
+ 				background: #F5F5F5;
+ 				/*position: relative;*/
+ 				display: flex;
+ 				flex-direction: column;
+ 				overflow-y: auto;
+ 			}
 
-			.narsMBpage .narsMB-banner {
-				width: 100%;
-			}
-
-			.narsMBpage .narsmb-img {
-				max-width: 100%;
-				height: auto;
-				display: block;
-			}
-
-			.narsMBpage .narsmb-cate {
-				margin-top: 2.8125rem;
-				margin: 0 0.4375rem;
-				display: flex;
-				flex-direction: column;
-			}
-
-			.narsMBpage .narsmb-cate .narsmbcatetop,
-			.narsMBpage .narsmb-cate .narsmbcate-it {
-				background: #e0e2e6;
-				color: #000;
-				border-radius: 0.3125rem;
-				height: 5.8125rem;
-				width: 100%;
-				line-height: 1rem;
-				font-size: 0.75rem;
-				font-weight: bold;
-				margin-top: 2.8125rem;
-				display: flex;
-				align-items: center;
-			}
-
-			.narsMBpage .narsmb-cate .narsmbcateits {
-				height: 5.8125rem;
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-				margin-bottom: 0.4375rem;
-			}
-
-			.narsMBpage .narsmb-cate .narsmbcateits .narsmbcate-it {
-				width: 49%;
-				margin-top: 0.4375rem;
-			}
-
-			.narsMBpage .narsmb-cate .narsmbcate-sp {
+ 			.narsDowloadPc .narsDtabs {
 				margin: 0 1.25rem;
-			}
+				margin-top: 7rem;
+ 				display: flex;
+ 				flex-direction: row;
+ 				justify-content: center;
+ 				height: 2.625rem;
+ 			}
 
-			.narsMBpage .narsmbvd {
-				width: 100%;
-				height: 14.5625rem;
-				margin-top: 2.5rem;
-			}
+ 			.narsDowloadPc .narsDtabs .narsDtabIt {
+ 				color: #001717;
+ 				font-size: 1rem;
+ 				height: 2.625rem;
+ 				line-height: 2.625rem;
+ 				width: 25rem;
+ 				background: #fff;
+ 				text-align: center;
+ 				border-radius: 28px;
+ 				cursor: pointer;
+ 			}
 
-			.narsMBpage .narsmbvd .narsmbvideo {
-				height: 100%;
-				width: 100%;
-				object-fit: fill;
-			}
+ 			.narsDowloadPc .narsDtabs .narsDtabIt:first-child {
+ 				margin-right: 0.9375rem;
+ 			}
 
-			.narsMBpage .narsmb-jjfa {
-				width: 100%;
-				display: flex;
-				flex-direction: column;
-			}
+ 			.narsDowloadPc .narsDtabs .narsDtabIt_active {
+ 				color: #fff;
+ 				background: #004CFA;
+ 			}
 
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-title {
-				text-align: center;
-				font-size: 1.6875rem;
-				font-weight: bold;
-				padding-top: 2.0625rem;
-				padding-bottom: 1.3125rem;
-			}
+ 			.narsDowloadPc .narsDmainConten {
+ 				margin: 0 1.25rem;
+ 				background: #fff;
+ 				margin-bottom: 10px;
+ 				position: relative;
+ 			}
 
-			.narsMBpage .narsmb-jjfa .narsmbjjfaSwiper {
-				margin-left: 0.4375rem;
-			}
-
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide {
-				width: 10rem;
-				height: 18.375rem;
-				border-radius: 0.125rem;
-				position: relative;
-			}
-
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-ct {
-				color: #000;
+ 			.narsDowloadPc .nDtopCtMian {
+ 			    padding-top: 1.25rem;
+ 			    position: relative;
+ 			    overflow: hideen;
 				margin: 0 1.25rem;
-				font-size: 1rem;
-				font-weight: bold;
-				margin-top: 1.875rem;
-				line-height: 1.5625rem;
-			}
+ 				height: auto;
+ 			}
 
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-info {
-				background: #131b28;
-				position: absolute;
-				top: 0;
-				height: 18.375rem;
-				padding: 0 1.3rem;
-				display: none;
-				flex-direction: column;
-				justify-content: center;
-				border-radius: 0.125rem;
-				z-index: 11;
-				overflow-y: hidden;
-				color: #fff;
-			}
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt {
+ 				width: 100%;
+ 				background: #fff;
+ 				margin-bottom: 10px;
+ 				box-sizing: border-box;
+ 			}
 
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-info .narsmbjjfatt {
-				width: 100%;
-				font-weight: bold;
-				text-align: center;
-				font-size: 0.875rem;
-				margin-bottom: 1.6875rem;
-			}
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
+ 				width: 100%;
+ 				height: 100%;
+ 			}
 
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-info .narsmbjjfa-txt {
-				font-size: 0.75rem;
-				line-height: 1rem;
-				text-indent: 2em;
-			}
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
+ 				width: 100%;
+ 				height: 100%;
+ 			}
 
-			.narsMBpage .narsmb-jjfa .narsmb-jjfabgimg {
-				width: 9.9375rem;
-				height: 18.375rem;
-				position: absolute;
-				top: 0;
-				z-index: -1;
-			}
-
-			.narsmb-wlj {
-				width: 100%;
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt2 {
+ 				display: flex;
+ 				flex-direction: row;
+				flex-wrap: wrap;
+ 				justify-content: space-between;
+ 			}
+			.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
+				width: 48.5%;
+				background: #fff;
 				display: flex;
-				flex-direction: column;
-			}
-
-			.narsmb-wlj .narsmbwlj-title {
-				text-align: center;
-				font-size: 1.6875rem;
-				font-weight: bold;
-				padding-top: 2.0625rem;
-				padding-bottom: 1.3125rem;
-			}
-
-			.narsmb-wlj .narsmbwltitem {
-				margin: 0 0.4375rem;
-				height: 9.0625rem;
-				background: #131b28;
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-				margin-bottom: 0.5rem;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcp {
-				display: flex;
-				flex-direction: row;
-				align-items: center;
-				justify-content: center;
-				height: inherit;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcp .narsmbtt {
-				font-size: 1.0625rem;
-				font-weight: bold;
-				color: #fff;
-				width: 35.5rem;
-				text-align: center;
-				margin-left: 35%;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcp .narsmbwljimg {
-				height: inherit;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo {
-				display: flex;
-				flex-direction: column;
 				justify-content: center;
 				align-items: center;
-				color: #fff;
-				flex: 1;
-				margin: 0 1.25rem;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbif-title {
-				font-weight: bold;
-				font-size: 1.0625rem;
-				padding-bottom: 1rem;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbif-info {
-				font-size: 0.625rem;
-				line-height: 1rem;
-				text-align: center;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbwlj-xzbt {
-				width: 7.25rem;
-				height: 2.1875rem;
-				border-radius: 3.25rem;
-				line-height: 2.1875rem;
-				border: 1px solid #ffffff;
-				font-size: 0.875rem;
-				text-align: center;
 				cursor: pointer;
-				margin: 0 1.25rem;
+				margin-bottom: 0.625rem;
 			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbtt {
-				font-size: 1.0625rem;
-				font-weight: bold;
-				color: #fff;
-				text-align: center;
+			.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img{
+				width: 6.25rem;
+				height: 6.25rem;
+				padding: 1.25rem;
 			}
-
-			.narsMBbannerSwiper {
-				padding-top: 0px;
+			.narswljshow{
+				display: none;
 			}
-
-		</style>
+			.narswljshow .nDtopIt2 .nDitImg{
+				/* width: 291px !important; */
+			}
+			.narssbshow .nrowimg {
+				width: 100%;
+				background: #fff;
+				display: flex;
+				justify-content: center;
+		
+			}
+			.narssbshow .nrowimg img{
+				width: 50%;
+				height: 50%;
+			}
+ 		</style>
 	</head>
 
 	<body>
-		{include file='include/top_nas'/}
-		<!--nars 手机 -->
-		<div class="narsMBpage">
-			<!--轮播 banner-->
-			<div class="narsMB-banner">
-				<div class="swiper-container narsMBbannerSwiper">
-					<div class="swiper-wrapper">
-						
-						<div class="swiper-slide">
-							<img src="/uploads/nas/mobile-beta.png" alt="" class="narsmb-img" />
-						</div>
-						
-					</div>
+		 {include file='include/top_nas'/}
+		<div class="narsDowloadPc">
+ 			<div class="narsDtabs">
+ 				<div class="narsDtabIt narsDtabIt_active">CyberData赛博云空间</div>
+ 				<div class="narsDtabIt">Weline微链接</div>
+ 			</div>
+			<!-- 赛博云-->
+ 			<div class="nDtopCtMian narssbshow">
+ 				<div class="nDtopIt">
+ 					<img src="__PUBLIC__/m_web/images/nas/narsdlapp-sbimg.jpg" class="tpimg" />
+ 				</div>
+ 				<div class="nDtopIt2">
+ 				    <a class="nDitImg" href="https://appversion.oriconas.com/api/latest/url?appcode=cyberdata&platform=android" >
+ 					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d1.png" /></div>
+ 					</a>
+ 					<a class="nDitImg" href="https://apps.apple.com/app/6695746746" >
+ 					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp-d2.png" /></div>
+ 					</a>
+ 					<a class="nDitImg" href="https://appversion.oriconas.com/api/latest/url?appcode=cyberdata&platform=windows" >
+ 					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d3.png" /></div>
+ 					</a>
+ 					<a class="nDitImg" href="https://apps.apple.com/app/6695746746" >
+ 					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d4.png" /></div>
+ 					</a>
+ 				</div>
+				<div class="nDitImg nrowimg" style="margin-bottom: 25px;"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d5.png" /></div>
+ 			</div>
+			<!-- 微链接-->
+			<div class="nDtopCtMian narswljshow">
+				<div class="nDtopIt">
+					<img src="__PUBLIC__/m_web/images/nas/narsdlapp-wljimg.jpg" class="tpimg" />
+				</div>
+				<div class="nDtopIt2" style="margin-bottom: 25px;">
+				    <a class="nDitImg" href="http://orico.com.cn/static/download/WeLineApp.apk" download="WeLineApp.apk">
+					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d1.png" /></div>
+					 </a>
+					<a class="nDitImg" href="https://apps.apple.com/us/app/weline-io/id1495146123" target="_blank">
+					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp-d2.png" /></div>
+					</a>
+					<a class="nDitImg" href="http://orico.com.cn/static/download/WelinePC.exe" download="WelinePC.exe">
+					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d3.png" /></div>
+					</a>
+					<a class="nDitImg" href="http://orico.com.cn/static/download/WelineMac.dmg" download="WelineMac.dmg">
+					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d4.png" /></div>
+			        </a>
 				</div>
 			</div>
-
-
 			{include file='include/bottom1'/}
-		</div>
+ 		</div>
 	</body>
-
+    <script>
+			$(document).ready(function () {
+			  $('.narsDtabIt').click(function () {
+			    $('.narsDtabIt').removeClass('narsDtabIt_active');
+			    $(this).addClass('narsDtabIt_active');
+			    if ($(this).index() === 0) {
+			      $('.narssbshow').show();
+			      $('.narswljshow').hide();
+			    } else {
+			      $('.narssbshow').hide();
+			      $('.narswljshow').show();
+			    }
+			  });
+			});
+		</script>
 </html>
diff --git a/app/mobile/view/tops_nas/download_cyber.phtml b/app/mobile/view/tops_nas/download_cyber.phtml
index e6dffeb..a332567 100755
--- a/app/mobile/view/tops_nas/download_cyber.phtml
+++ b/app/mobile/view/tops_nas/download_cyber.phtml
@@ -4,267 +4,186 @@
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<title>元创官网</title>
+		{include file='include/head-nas' /}
 		<style type="text/css">
 			.header {
 				color: #fff;
 			}
-		</style>
-        {include file='include/head-nas'/}
-		<style type="text/css">
-			.narsMBpage {
-				width: 100%;
-				height: 100%;
-				display: flex;
-				flex-direction: column;
-				position: relative;
-				overflow-x: hidden;
-			}
+ 			.narsDowloadPc {
+ 				/*height: 100vh;*/
+ 				background: #F5F5F5;
+ 				/*position: relative;*/
+ 				display: flex;
+ 				flex-direction: column;
+ 				overflow-y: auto;
+ 			}
 
-			.narsMBpage .narsMB-banner {
-				width: 100%;
-			}
-
-			.narsMBpage .narsmb-img {
-				max-width: 100%;
-				height: auto;
-				display: block;
-			}
-
-			.narsMBpage .narsmb-cate {
-				margin-top: 2.8125rem;
-				margin: 0 0.4375rem;
-				display: flex;
-				flex-direction: column;
-			}
-
-			.narsMBpage .narsmb-cate .narsmbcatetop,
-			.narsMBpage .narsmb-cate .narsmbcate-it {
-				background: #e0e2e6;
-				color: #000;
-				border-radius: 0.3125rem;
-				height: 5.8125rem;
-				width: 100%;
-				line-height: 1rem;
-				font-size: 0.75rem;
-				font-weight: bold;
-				margin-top: 2.8125rem;
-				display: flex;
-				align-items: center;
-			}
-
-			.narsMBpage .narsmb-cate .narsmbcateits {
-				height: 5.8125rem;
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-				margin-bottom: 0.4375rem;
-			}
-
-			.narsMBpage .narsmb-cate .narsmbcateits .narsmbcate-it {
-				width: 49%;
-				margin-top: 0.4375rem;
-			}
-
-			.narsMBpage .narsmb-cate .narsmbcate-sp {
+ 			.narsDowloadPc .narsDtabs {
 				margin: 0 1.25rem;
-			}
+				margin-top: 7rem;
+ 				display: flex;
+ 				flex-direction: row;
+ 				justify-content: center;
+ 				height: 2.625rem;
+ 			}
 
-			.narsMBpage .narsmbvd {
-				width: 100%;
-				height: 14.5625rem;
-				margin-top: 2.5rem;
-			}
+ 			.narsDowloadPc .narsDtabs .narsDtabIt {
+ 				color: #001717;
+ 				font-size: 1rem;
+ 				height: 2.625rem;
+ 				line-height: 2.625rem;
+ 				width: 25rem;
+ 				background: #fff;
+ 				text-align: center;
+ 				border-radius: 28px;
+ 				cursor: pointer;
+ 			}
 
-			.narsMBpage .narsmbvd .narsmbvideo {
-				height: 100%;
-				width: 100%;
-				object-fit: fill;
-			}
+ 			.narsDowloadPc .narsDtabs .narsDtabIt:first-child {
+ 				margin-right: 0.9375rem;
+ 			}
 
-			.narsMBpage .narsmb-jjfa {
-				width: 100%;
-				display: flex;
-				flex-direction: column;
-			}
+ 			.narsDowloadPc .narsDtabs .narsDtabIt_active {
+ 				color: #fff;
+ 				background: #004CFA;
+ 			}
 
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-title {
-				text-align: center;
-				font-size: 1.6875rem;
-				font-weight: bold;
-				padding-top: 2.0625rem;
-				padding-bottom: 1.3125rem;
-			}
+ 			.narsDowloadPc .narsDmainConten {
+ 				margin: 0 1.25rem;
+ 				background: #fff;
+ 				margin-bottom: 10px;
+ 				position: relative;
+ 			}
 
-			.narsMBpage .narsmb-jjfa .narsmbjjfaSwiper {
-				margin-left: 0.4375rem;
-			}
-
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide {
-				width: 10rem;
-				height: 18.375rem;
-				border-radius: 0.125rem;
-				position: relative;
-			}
-
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-ct {
-				color: #000;
+ 			.narsDowloadPc .nDtopCtMian {
+ 			    padding-top: 1.25rem;
+ 			    position: relative;
+ 			    overflow: hideen;
 				margin: 0 1.25rem;
-				font-size: 1rem;
-				font-weight: bold;
-				margin-top: 1.875rem;
-				line-height: 1.5625rem;
-			}
+ 				height: auto;
+ 			}
 
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-info {
-				background: #131b28;
-				position: absolute;
-				top: 0;
-				height: 18.375rem;
-				padding: 0 1.3rem;
-				display: none;
-				flex-direction: column;
-				justify-content: center;
-				border-radius: 0.125rem;
-				z-index: 11;
-				overflow-y: hidden;
-				color: #fff;
-			}
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt {
+ 				width: 100%;
+ 				background: #fff;
+ 				margin-bottom: 10px;
+ 				box-sizing: border-box;
+ 			}
 
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-info .narsmbjjfatt {
-				width: 100%;
-				font-weight: bold;
-				text-align: center;
-				font-size: 0.875rem;
-				margin-bottom: 1.6875rem;
-			}
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
+ 				width: 100%;
+ 				height: 100%;
+ 			}
 
-			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-info .narsmbjjfa-txt {
-				font-size: 0.75rem;
-				line-height: 1rem;
-				text-indent: 2em;
-			}
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
+ 				width: 100%;
+ 				height: 100%;
+ 			}
 
-			.narsMBpage .narsmb-jjfa .narsmb-jjfabgimg {
-				width: 9.9375rem;
-				height: 18.375rem;
-				position: absolute;
-				top: 0;
-				z-index: -1;
-			}
-
-			.narsmb-wlj {
-				width: 100%;
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt2 {
+ 				display: flex;
+ 				flex-direction: row;
+				flex-wrap: wrap;
+ 				justify-content: space-between;
+ 			}
+			.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
+				width: 48.5%;
+				background: #fff;
 				display: flex;
-				flex-direction: column;
-			}
-
-			.narsmb-wlj .narsmbwlj-title {
-				text-align: center;
-				font-size: 1.6875rem;
-				font-weight: bold;
-				padding-top: 2.0625rem;
-				padding-bottom: 1.3125rem;
-			}
-
-			.narsmb-wlj .narsmbwltitem {
-				margin: 0 0.4375rem;
-				height: 9.0625rem;
-				background: #131b28;
-				display: flex;
-				flex-direction: row;
-				justify-content: space-between;
-				margin-bottom: 0.5rem;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcp {
-				display: flex;
-				flex-direction: row;
-				align-items: center;
-				justify-content: center;
-				height: inherit;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcp .narsmbtt {
-				font-size: 1.0625rem;
-				font-weight: bold;
-				color: #fff;
-				width: 35.5rem;
-				text-align: center;
-				margin-left: 35%;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcp .narsmbwljimg {
-				height: inherit;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo {
-				display: flex;
-				flex-direction: column;
 				justify-content: center;
 				align-items: center;
-				color: #fff;
-				flex: 1;
-				margin: 0 1.25rem;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbif-title {
-				font-weight: bold;
-				font-size: 1.0625rem;
-				padding-bottom: 1rem;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbif-info {
-				font-size: 0.625rem;
-				line-height: 1rem;
-				text-align: center;
-			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbwlj-xzbt {
-				width: 7.25rem;
-				height: 2.1875rem;
-				border-radius: 3.25rem;
-				line-height: 2.1875rem;
-				border: 1px solid #ffffff;
-				font-size: 0.875rem;
-				text-align: center;
 				cursor: pointer;
-				margin: 0 1.25rem;
+				margin-bottom: 0.625rem;
 			}
-
-			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbtt {
-				font-size: 1.0625rem;
-				font-weight: bold;
-				color: #fff;
-				text-align: center;
+			.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img{
+				width: 6.25rem;
+				height: 6.25rem;
+				padding: 1.25rem;
 			}
-
-			.narsMBbannerSwiper {
-				padding-top: 0px;
+			.narswljshow{
+				display: none;
 			}
-
-		</style>
+			.narswljshow .nDtopIt2 .nDitImg{
+				/* width: 291px !important; */
+			}
+			.narssbshow .nrowimg {
+				width: 100%;
+				background: #fff;
+				display: flex;
+				justify-content: center;
+		
+			}
+			.narssbshow .nrowimg img{
+				width: 50%;
+				height: 50%;
+			}
+ 		</style>
 	</head>
 
 	<body>
-		{include file='include/top_nas'/}
-		<!--nars 手机 -->
-		<div class="narsMBpage">
-			<!--轮播 banner-->
-			<div class="narsMB-banner">
-				<div class="swiper-container narsMBbannerSwiper">
-					<div class="swiper-wrapper">
-						
-						<div class="swiper-slide">
-							<img src="/uploads/nas/mobile-beta.png" alt="" class="narsmb-img" />
-						</div>
-						
-					</div>
+		 {include file='include/top_nas'/}
+		<div class="narsDowloadPc">
+ 			<div class="narsDtabs">
+ 				<div class="narsDtabIt narsDtabIt_active">CyberData赛博云空间</div>
+ 				<div class="narsDtabIt">Weline微链接</div>
+ 			</div>
+			<!-- 赛博云-->
+ 			<div class="nDtopCtMian narssbshow">
+ 				<div class="nDtopIt">
+ 					<img src="__PUBLIC__/m_web/images/nas/narsdlapp-sbimg.jpg" class="tpimg" />
+ 				</div>
+ 				<div class="nDtopIt2">
+ 				    <a class="nDitImg" href="http://demo.orico.com.cn/static/download/赛博云空间_v1.1.0_24054.apk" download="赛博云空间_v1.1.0_24054.apk">
+ 					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d1.png" /></div>
+ 					</a>
+ 					<a class="nDitImg" href="https://apps.apple.com/cn/app/%E8%B5%9B%E5%8D%9A%E4%BA%91%E7%A9%BA%E9%97%B4/id6695746746" target="_blank">
+ 					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp-d2.png" /></div>
+ 					</a>
+ 					<a class="nDitImg" href="http://demo.orico.com.cn/static/download/赛博云空间_v1.1.0_24057.exe" download="赛博云空间_v1.1.0_24057.exe">
+ 					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d3.png" /></div>
+ 					</a>
+ 					<a class="nDitImg" href="https://apps.apple.com/cn/app/%E8%B5%9B%E5%8D%9A%E4%BA%91%E7%A9%BA%E9%97%B4/id6695746746" target="_blank">
+ 					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d4.png" /></div>
+ 					</a>
+ 				</div>
+				<div class="nDitImg nrowimg" style="margin-bottom: 25px;"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d5.png" /></div>
+ 			</div>
+			<!-- 微链接-->
+			<div class="nDtopCtMian narswljshow">
+				<div class="nDtopIt">
+					<img src="__PUBLIC__/m_web/images/nas/narsdlapp-wljimg.jpg" class="tpimg" />
+				</div>
+				<div class="nDtopIt2" style="margin-bottom: 25px;">
+				    <a class="nDitImg" href="http://demo.orico.com.cn/static/download/WeLine_r5.4.11.8553_2024091916.apk" download="WeLine_r5.4.11.8553_2024091916.apk">
+					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d1.png" /></div>
+					 </a>
+					<a class="nDitImg" href="https://apps.apple.com/us/app/weline-io/id1495146123" target="_blank">
+					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp-d2.png" /></div>
+					</a>
+					<a class="nDitImg" href="http://demo.orico.com.cn/static/download/Weline_PC_v5.4.7.20240929.exe" download="Weline_PC_v5.4.7.20240929.exe">
+					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d3.png" /></div>
+					</a>
+					<a class="nDitImg" href="http://demo.orico.com.cn/static/download/Weline_Mac_v5.4.7.20240929.dmg" download="Weline_Mac_v5.4.7.20240929.dmg">
+					    <div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d4.png" /></div>
+			        </a>
 				</div>
 			</div>
-
-
 			{include file='include/bottom1'/}
-		</div>
+ 		</div>
 	</body>
-
+    <script>
+			$(document).ready(function () {
+			  $('.narsDtabIt').click(function () {
+			    $('.narsDtabIt').removeClass('narsDtabIt_active');
+			    $(this).addClass('narsDtabIt_active');
+			    if ($(this).index() === 0) {
+			      $('.narssbshow').show();
+			      $('.narswljshow').hide();
+			    } else {
+			      $('.narssbshow').hide();
+			      $('.narswljshow').show();
+			    }
+			  });
+			});
+		</script>
 </html>
diff --git a/app/mobile/view/tops_nas/index.phtml b/app/mobile/view/tops_nas/index.phtml
index 218d11e..8bf19ac 100755
--- a/app/mobile/view/tops_nas/index.phtml
+++ b/app/mobile/view/tops_nas/index.phtml
@@ -433,7 +433,7 @@
 			</div>
 			<!--微链接 -->
 			<div class="narsmb-wlj">
-				<span class="narsmbwlj-title"><span style="color:#084BFA">Weline</span> 微链接</span>
+				<span class="narsmbwlj-title"><span style="color:#084BFA">NAS</span> 配套软件</span>
 				{volist name='data.weline.banners' id='vo'}
 				<div class="narsmbwltitem">
 					<div class="narsmbwljcp">
@@ -446,28 +446,13 @@
 				</div>
 				{/volist}
 				{volist name='data.download.banners' id='vo'}
-				<div class="narsmbwltitem" style="height:auto;">
-					<div class="narsmbwljcp" style="width: 50%;color: {$vo.alt|default='#fff'}">
-     				    {if condition="!empty($vo.picture)"}
-     				    <img src="{$vo.picture|getImage}" class="narsmbwljimg" style="width:100%"/>
-     				    {else}
-     				    <span class="narsmbtt">{$vo.name}</span>
-     				    {/if}
-
-					</div>
-					<div class="narsmbwljcpinfo" style="width: 50%;">
-						{assign name='download_color' value="$vo.alt|default='#fff'" /}
-						{assign name='download_background' value="$vo.btn_color|default='#131b28'" /}
-						<a
-							class="narsmbwlj-xzbt"
-							href="{$vo.link}"
-							style="background:{$download_background};color:{$download_color};border-color:{$download_color}"
-						>
-							下载
-						</a>
-					</div>
-				</div>
+				<div class="narsmbwltitem">
+             		<a 	href="{$vo.link}" style="height:100%;width:100%">
+             			<img src="__PUBLIC__/m_web/images/nas/narsM_rjxzbg.jpg" style="height:100%;width:100%" />
+             		</a>
+             	</div>
 				{/volist}
+			
 			</div>
 			{include file='include/bottom1'/}
 		</div>

From 3a06607be6af7a52784784f5204376b22506544a Mon Sep 17 00:00:00 2001
From: liqian <735273025@qq.com>
Date: Mon, 20 Jan 2025 14:22:19 +0800
Subject: [PATCH 2/9] 2024-01-20 14:22:20

---
 app/index/view/tops_nas/beta-副本.phtml     |  36 +++
 app/index/view/tops_nas/download-副本.phtml |  36 +++
 app/index/view/tops_nas/narsdownload.phtml  | 159 ++++++++++++
 app/us/controller/TopsNas.php               |  17 ++
 app/us/view/include/head-nas.phtml          |  68 +++++
 app/us/view/include/top-header-nas.phtml    |  43 ++++
 app/us/view/tops_nas/download.phtml         |  36 +++
 app/usmobile/controller/TopsNas.php         |  17 ++
 app/usmobile/view/include/head-nas.phtml    |   6 +
 app/usmobile/view/tops_nas/download.phtml   | 270 ++++++++++++++++++++
 10 files changed, 688 insertions(+)
 create mode 100755 app/index/view/tops_nas/beta-副本.phtml
 create mode 100755 app/index/view/tops_nas/download-副本.phtml
 create mode 100755 app/index/view/tops_nas/narsdownload.phtml
 create mode 100755 app/us/controller/TopsNas.php
 create mode 100755 app/us/view/include/head-nas.phtml
 create mode 100755 app/us/view/include/top-header-nas.phtml
 create mode 100755 app/us/view/tops_nas/download.phtml
 create mode 100755 app/usmobile/controller/TopsNas.php
 create mode 100755 app/usmobile/view/include/head-nas.phtml
 create mode 100755 app/usmobile/view/tops_nas/download.phtml

diff --git a/app/index/view/tops_nas/beta-副本.phtml b/app/index/view/tops_nas/beta-副本.phtml
new file mode 100755
index 0000000..31dfc1a
--- /dev/null
+++ b/app/index/view/tops_nas/beta-副本.phtml
@@ -0,0 +1,36 @@
+ <!DOCTYPE html>
+ <html>
+ 	<head>
+ 		<meta charset="utf-8" />
+ 		<meta name="viewport" content="width=device-width, initial-scale=1">
+ 		<title>元创官网</title>
+ 		<link rel="stylesheet" href="__PUBLIC__/web/css/swiper-3.4.2.min.css" />
+ 		<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/nas.css" />
+ 		{include file='include/head-nas'/}
+    </head>
+ 	<body>
+ 		<div class="narsPage">
+ 			<!--顶部导航-->
+ 			{include file='include/top-header-nas'/}
+ 			<!--banner -->
+ 			<div class="narsIndex-banner">
+ 				<div class="swiper-container mySwiper">
+ 					<div class="swiper-wrapper">
+						
+						<div class="swiper-slide">
+ 							<!-- banner内容-->
+ 							<img src="/uploads/nas/pc-beta.png" alt="" class="narsbanner-img" />
+ 						</div>
+					
+ 					<!-- Add Pagination -->
+ 					<div class="swiper-pagination"></div>
+ 					<!-- Add Arrows -->
+ 				<!--	<div class="swiper-button-next swiper-button-white"></div>
+ 					<div class="swiper-button-prev swiper-button-white"></div>-->
+ 				</div>
+ 			</div>
+ 		</div>
+
+ 	{include file='include/bottom2023'/}
+ 	</body>
+ </html>
diff --git a/app/index/view/tops_nas/download-副本.phtml b/app/index/view/tops_nas/download-副本.phtml
new file mode 100755
index 0000000..31dfc1a
--- /dev/null
+++ b/app/index/view/tops_nas/download-副本.phtml
@@ -0,0 +1,36 @@
+ <!DOCTYPE html>
+ <html>
+ 	<head>
+ 		<meta charset="utf-8" />
+ 		<meta name="viewport" content="width=device-width, initial-scale=1">
+ 		<title>元创官网</title>
+ 		<link rel="stylesheet" href="__PUBLIC__/web/css/swiper-3.4.2.min.css" />
+ 		<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/nas.css" />
+ 		{include file='include/head-nas'/}
+    </head>
+ 	<body>
+ 		<div class="narsPage">
+ 			<!--顶部导航-->
+ 			{include file='include/top-header-nas'/}
+ 			<!--banner -->
+ 			<div class="narsIndex-banner">
+ 				<div class="swiper-container mySwiper">
+ 					<div class="swiper-wrapper">
+						
+						<div class="swiper-slide">
+ 							<!-- banner内容-->
+ 							<img src="/uploads/nas/pc-beta.png" alt="" class="narsbanner-img" />
+ 						</div>
+					
+ 					<!-- Add Pagination -->
+ 					<div class="swiper-pagination"></div>
+ 					<!-- Add Arrows -->
+ 				<!--	<div class="swiper-button-next swiper-button-white"></div>
+ 					<div class="swiper-button-prev swiper-button-white"></div>-->
+ 				</div>
+ 			</div>
+ 		</div>
+
+ 	{include file='include/bottom2023'/}
+ 	</body>
+ </html>
diff --git a/app/index/view/tops_nas/narsdownload.phtml b/app/index/view/tops_nas/narsdownload.phtml
new file mode 100755
index 0000000..bc1759c
--- /dev/null
+++ b/app/index/view/tops_nas/narsdownload.phtml
@@ -0,0 +1,159 @@
+ <!DOCTYPE html>
+ <html>
+ 	<head>
+ 		<meta charset="utf-8" />
+ 		<meta name="viewport" content="width=device-width, initial-scale=1">
+ 		<title>元创官网</title>
+ 		<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/nas.css" />
+ 		{include file='include/head-nas'/}
+ 	    <style type="text/css">
+ 			.narsDowloadPc {
+ 				width: 100%;
+ 				height: 100vh;
+ 				background: #F5F5F5;
+ 				position: relative;
+ 				display: flex;
+ 				flex-direction: column;
+ 				overflow-y: auto;
+ 			}
+
+ 			.narsDowloadPc .narsDtabs {
+ 				display: flex;
+ 				flex-direction: row;
+ 				justify-content: center;
+ 				margin-top: 70px;
+ 				margin-bottom: 30px;
+ 			}
+
+ 			.narsDowloadPc .narsDtabs .narsDtabIt {
+ 				color: #001717;
+ 				font-size: 24px;
+ 				height: 52px;
+ 				line-height: 52px;
+ 				width: 300px;
+ 				background: #fff;
+ 				text-align: center;
+ 				border-radius: 28px;
+ 				cursor: pointer;
+ 			}
+
+ 			.narsDowloadPc .narsDtabs .narsDtabIt:first-child {
+ 				margin-right: 60px;
+ 			}
+
+ 			.narsDowloadPc .narsDtabs .narsDtabIt_active {
+ 				color: #fff;
+ 				background: #004CFA;
+ 			}
+
+ 			.narsDowloadPc .narsDmainConten {
+ 				width: 1200px;
+ 				height: 409px;
+ 				background: #fff;
+ 				margin-bottom: 10px;
+ 			}
+
+ 			.narsDowloadPc .nDtopCtMian {
+ 				width: 1200px;
+ 				margin: 0 auto;
+ 				height: auto;
+ 			}
+
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt {
+ 				width: 1200px;
+ 				height: 409px;
+ 				background: #fff;
+ 				margin-bottom: 10px;
+ 			}
+
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
+ 				width: 100%;
+ 				height: 100%;
+ 			}
+
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
+ 				width: 100%;
+ 				height: 100%;
+ 			}
+
+ 			.narsDowloadPc .nDtopCtMian .nDtopIt2 {
+ 				width: 1200px;
+ 				height: 205px;
+ 				display: flex;
+ 				flex-direction: row;
+		
+ 				justify-content: space-between;
+ 			}
+			.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
+				width: 231px;
+				height: 205px;
+				background: #fff;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				cursor: pointer;
+			}
+			.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img{
+				width: 126px;
+				height: 126px;
+			}
+			.narswljshow{
+				display: none;
+			}
+			.narswljshow .nDtopIt2 .nDitImg{
+				width: 291px !important;
+			}
+ 		</style>
+    </head>
+ 	<body>
+ 	    <div class="narsDowloadPc">
+ 	        <!--顶部导航-->
+ 			{include file='include/top-header-nas'/}
+ 			<div class="narsDtabs">
+ 				<div class="narsDtabIt narsDtabIt_active">CyberData赛博云空间</div>
+ 				<div class="narsDtabIt">Weline微链接</div>
+ 			</div>
+			<!-- 赛博云-->
+ 			<div class="nDtopCtMian narssbshow">
+ 				<div class="nDtopIt">
+ 					<img src="/uploads/nas/narDl-sbimg.jpg" class="tpimg" />
+ 				</div>
+ 				<div class="nDtopIt2">
+ 					<div class="nDitImg"><img src="/uploads/nas/narsdl_d1.png" /></div>
+ 					<div class="nDitImg"><img src="/uploads/nas/narsdl_d2.png" /></div>
+ 					<div class="nDitImg"><img src="/uploads/nas/narsdl_d3.png" /></div>
+ 					<div class="nDitImg"><img src="/uploads/nas/narsdl_d4.png" /></div>
+ 					<div class="nDitImg"><img src="/uploads/nas/narsdl_d5.png" /></div>
+ 				</div>
+ 			</div>
+			<!-- 微链接-->
+			<div class="nDtopCtMian narswljshow">
+				<div class="nDtopIt">
+					<img src="/uploads/nas/narDl-wljimg.jpg" class="tpimg" />
+				</div>
+				<div class="nDtopIt2">
+					<div class="nDitImg"><img src="/uploads/nas/narsdl_d1.png" /></div>
+					<div class="nDitImg"><img src="/uploads/nas/narsdl_d2.png" /></div>
+					<div class="nDitImg"><img src="/uploads/nas/narsdl_d3.png" /></div>
+					<div class="nDitImg"><img src="/uploads/nas/narsdl_d4.png" /></div>
+				</div>
+			</div>
+ 		</div>
+ 		{include file='include/bottom2023'/}
+ 	</body>
+ 	<script>
+			$(document).ready(function () {
+			  $('.narsDtabIt').click(function () {
+			    $('.narsDtabIt').removeClass('narsDtabIt_active');
+			    $(this).addClass('narsDtabIt_active');
+			    if ($(this).index() === 0) {
+			      $('.narssbshow').show();
+			      $('.narswljshow').hide();
+			    } else {
+			      $('.narssbshow').hide();
+			      $('.narswljshow').show();
+			    }
+			  });
+			});
+		</script>
+ </html>
diff --git a/app/us/controller/TopsNas.php b/app/us/controller/TopsNas.php
new file mode 100755
index 0000000..c9a9935
--- /dev/null
+++ b/app/us/controller/TopsNas.php
@@ -0,0 +1,17 @@
+<?php
+namespace app\us\controller;
+
+
+class TopsNas extends BaseController
+{
+    public function _initialize()
+    {
+        parent::_initialize();
+    }
+
+    public function download()
+    {
+        return $this->fetch();
+    }
+
+}
diff --git a/app/us/view/include/head-nas.phtml b/app/us/view/include/head-nas.phtml
new file mode 100755
index 0000000..881865d
--- /dev/null
+++ b/app/us/view/include/head-nas.phtml
@@ -0,0 +1,68 @@
+<link rel="icon" type="image/gif" href="__PUBLIC__/web/images/animated_favicon.png">
+<link rel="stylesheet" href="__PUBLIC__/web/css/swiper-3.4.2.min.css" />
+<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/css_whir.css">
+<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/indexcss-nars.css">
+<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/fonts.css">
+<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/theme1.css">
+<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/nas.css" />
+<style type="text/css">
+    .mySwiper {
+        width: 100%;
+    }
+
+    .wlj-xzbt {
+        color: #fff;
+    }
+
+    .goico-img {
+        width: 1.5rem !important;
+        height: 1.5rem !important;
+        display: block;
+    }
+
+    .swiper-slide img {
+        height: auto;
+    }
+
+    @media screen and (min-width: 700px) {
+        @media screen and (min-width: 700px) {
+            .Footer_icon_orico {
+                left: 8%;
+            }
+        }
+    }
+
+    .jjfabgimg {
+        width: 20.1875rem !important;
+        height: 37.6875rem !important;
+        border-radius: 0.375rem;
+    }
+
+    .nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide {
+        position: relative !important;
+        width: 20.1875rem !important;
+    }
+
+    .jjfaSwiper {
+        width: auto;
+    }
+
+    .swiper-button-next,
+    .swiper-container-rtl .swiper-button-prev {
+        /*background-image: auto !important;*/
+    }
+
+    .wltitem{
+        background: #ecf2fe !important;
+        border-radius: 8px;
+    }
+
+    .nars-wlj .wltitem .wljcpinfo{
+        margin: 0 3.125rem;
+    }
+    .nars-cate .narscatecenter{
+        justify-content: center;
+    }
+</style>
+<script type="text/javascript" src='__PUBLIC__/web/scripts/jquery-3.7.1.min.js'></script>
+<script type="text/javascript" src='__PUBLIC__/web/scripts/swiper-3.4.2.jquery.min.js'></script>
diff --git a/app/us/view/include/top-header-nas.phtml b/app/us/view/include/top-header-nas.phtml
new file mode 100755
index 0000000..39c2f7f
--- /dev/null
+++ b/app/us/view/include/top-header-nas.phtml
@@ -0,0 +1,43 @@
+<header class="narsPage-head">
+    <div class="headcenter">
+        <img
+            class="logico"
+            style="cursor:pointer;"
+            src="__PUBLIC__/web/images/logo_nas.png"
+            onclick="location.href='{:url(\'TopsNas/index\')}'"
+        />
+        <nav class="headnav">
+            <!-- {volist name="nav_header" id="vo"}
+                <div class="navitem">
+                    <a href="{$vo.url}" {if condition="$vo.is_new_window_open"}target="_blank"{/if}>{$vo.name}</a>
+                    {if condition="!empty($vo.items)"}
+                    <img src="/frontend/weben/images/indeximg/black-down.png" class="downimg" alt="">
+                    <ul class="children">
+                        {volist name="vo.items" id="it"}
+                        <li>
+                            <a href="{$it.url}" {if condition="$it.is_new_window_open"}target="_blank"{/if}>{$it.name}</a>
+                        </li>
+                        {/volist}
+                    </ul>
+                    {/if}
+                </div>
+            {/volist} -->
+            {volist name="nav_header" id="vo"}
+                <a
+                    class="navitem"
+                    href="{$vo.url}" {if condition="$vo.is_new_window_open"}target="_blank"{/if}
+                >
+                    {$vo.name}
+                </a>
+            {/volist}
+        </nav>
+    </div>
+</header>
+<script type="text/javascript">
+    document.querySelectorAll('.navitem').forEach(function(it) {
+        it.classList.remove('hover')
+        if (location.pathname.endsWith(it.getAttribute('href'))) {
+            it.classList.add('hover')
+        }
+    })
+</script>
diff --git a/app/us/view/tops_nas/download.phtml b/app/us/view/tops_nas/download.phtml
new file mode 100755
index 0000000..48dd254
--- /dev/null
+++ b/app/us/view/tops_nas/download.phtml
@@ -0,0 +1,36 @@
+ <!DOCTYPE html>
+ <html>
+ 	<head>
+ 		<meta charset="utf-8" />
+ 		<meta name="viewport" content="width=device-width, initial-scale=1">
+ 		<title>元创官网</title>
+ 		<link rel="stylesheet" href="__PUBLIC__/web/css/swiper-3.4.2.min.css" />
+ 		<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/nas.css" />
+ 		{include file='include/head-nas'/}
+    </head>
+ 	<body>
+ 		<div class="narsPage">
+ 			<!--顶部导航-->
+ 			<!--{#include file='include/top-header-nas'/}-->
+ 			<!--banner -->
+ 			<div class="narsIndex-banner">
+ 				<div class="swiper-container mySwiper">
+ 					<div class="swiper-wrapper">
+						
+						<div class="swiper-slide">
+ 							<!-- banner内容-->
+ 							<img src="/uploads/nas/pc-beta.png" alt="" class="narsbanner-img" />
+ 						</div>
+					
+ 					<!-- Add Pagination -->
+ 					<div class="swiper-pagination"></div>
+ 					<!-- Add Arrows -->
+ 				<!--	<div class="swiper-button-next swiper-button-white"></div>
+ 					<div class="swiper-button-prev swiper-button-white"></div>-->
+ 				</div>
+ 			</div>
+ 		</div>
+
+ 	{include file='include/bottom'/}
+ 	</body>
+ </html>
diff --git a/app/usmobile/controller/TopsNas.php b/app/usmobile/controller/TopsNas.php
new file mode 100755
index 0000000..af87026
--- /dev/null
+++ b/app/usmobile/controller/TopsNas.php
@@ -0,0 +1,17 @@
+<?php
+namespace app\usmobile\controller;
+
+
+class TopsNas extends BaseController
+{
+    public function _initialize()
+    {
+        parent::_initialize();
+    }
+
+    public function download()
+    {
+        return $this->fetch();
+    }
+
+}
diff --git a/app/usmobile/view/include/head-nas.phtml b/app/usmobile/view/include/head-nas.phtml
new file mode 100755
index 0000000..92bd0c9
--- /dev/null
+++ b/app/usmobile/view/include/head-nas.phtml
@@ -0,0 +1,6 @@
+<link rel="stylesheet" href="__PUBLIC__/web/css/swiper-3.4.2.min.css" />
+<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/css/style1.css">
+<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_weben/css/montserrat.css">
+<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_weben/css/font.css">
+<script type="text/javascript" src='__PUBLIC__/web/scripts/jquery-3.7.1.min.js'></script>
+<script type="text/javascript" src='__PUBLIC__/web/scripts/swiper-3.4.2.jquery.min.js'></script>
diff --git a/app/usmobile/view/tops_nas/download.phtml b/app/usmobile/view/tops_nas/download.phtml
new file mode 100755
index 0000000..eabb554
--- /dev/null
+++ b/app/usmobile/view/tops_nas/download.phtml
@@ -0,0 +1,270 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<title>元创官网</title>
+		<style type="text/css">
+			.header {
+				color: #fff;
+			}
+		</style>
+        {include file='include/head-nas'/}
+		<style type="text/css">
+			.narsMBpage {
+				width: 100%;
+				height: 100%;
+				display: flex;
+				flex-direction: column;
+				position: relative;
+				overflow-x: hidden;
+			}
+
+			.narsMBpage .narsMB-banner {
+				width: 100%;
+			}
+
+			.narsMBpage .narsmb-img {
+				max-width: 100%;
+				height: auto;
+				display: block;
+			}
+
+			.narsMBpage .narsmb-cate {
+				margin-top: 2.8125rem;
+				margin: 0 0.4375rem;
+				display: flex;
+				flex-direction: column;
+			}
+
+			.narsMBpage .narsmb-cate .narsmbcatetop,
+			.narsMBpage .narsmb-cate .narsmbcate-it {
+				background: #e0e2e6;
+				color: #000;
+				border-radius: 0.3125rem;
+				height: 5.8125rem;
+				width: 100%;
+				line-height: 1rem;
+				font-size: 0.75rem;
+				font-weight: bold;
+				margin-top: 2.8125rem;
+				display: flex;
+				align-items: center;
+			}
+
+			.narsMBpage .narsmb-cate .narsmbcateits {
+				height: 5.8125rem;
+				display: flex;
+				flex-direction: row;
+				justify-content: space-between;
+				margin-bottom: 0.4375rem;
+			}
+
+			.narsMBpage .narsmb-cate .narsmbcateits .narsmbcate-it {
+				width: 49%;
+				margin-top: 0.4375rem;
+			}
+
+			.narsMBpage .narsmb-cate .narsmbcate-sp {
+				margin: 0 1.25rem;
+			}
+
+			.narsMBpage .narsmbvd {
+				width: 100%;
+				height: 14.5625rem;
+				margin-top: 2.5rem;
+			}
+
+			.narsMBpage .narsmbvd .narsmbvideo {
+				height: 100%;
+				width: 100%;
+				object-fit: fill;
+			}
+
+			.narsMBpage .narsmb-jjfa {
+				width: 100%;
+				display: flex;
+				flex-direction: column;
+			}
+
+			.narsMBpage .narsmb-jjfa .narsmbjjfa-title {
+				text-align: center;
+				font-size: 1.6875rem;
+				font-weight: bold;
+				padding-top: 2.0625rem;
+				padding-bottom: 1.3125rem;
+			}
+
+			.narsMBpage .narsmb-jjfa .narsmbjjfaSwiper {
+				margin-left: 0.4375rem;
+			}
+
+			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide {
+				width: 10rem;
+				height: 18.375rem;
+				border-radius: 0.125rem;
+				position: relative;
+			}
+
+			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-ct {
+				color: #000;
+				margin: 0 1.25rem;
+				font-size: 1rem;
+				font-weight: bold;
+				margin-top: 1.875rem;
+				line-height: 1.5625rem;
+			}
+
+			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-info {
+				background: #131b28;
+				position: absolute;
+				top: 0;
+				height: 18.375rem;
+				padding: 0 1.3rem;
+				display: none;
+				flex-direction: column;
+				justify-content: center;
+				border-radius: 0.125rem;
+				z-index: 11;
+				overflow-y: hidden;
+				color: #fff;
+			}
+
+			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-info .narsmbjjfatt {
+				width: 100%;
+				font-weight: bold;
+				text-align: center;
+				font-size: 0.875rem;
+				margin-bottom: 1.6875rem;
+			}
+
+			.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-info .narsmbjjfa-txt {
+				font-size: 0.75rem;
+				line-height: 1rem;
+				text-indent: 2em;
+			}
+
+			.narsMBpage .narsmb-jjfa .narsmb-jjfabgimg {
+				width: 9.9375rem;
+				height: 18.375rem;
+				position: absolute;
+				top: 0;
+				z-index: -1;
+			}
+
+			.narsmb-wlj {
+				width: 100%;
+				display: flex;
+				flex-direction: column;
+			}
+
+			.narsmb-wlj .narsmbwlj-title {
+				text-align: center;
+				font-size: 1.6875rem;
+				font-weight: bold;
+				padding-top: 2.0625rem;
+				padding-bottom: 1.3125rem;
+			}
+
+			.narsmb-wlj .narsmbwltitem {
+				margin: 0 0.4375rem;
+				height: 9.0625rem;
+				background: #131b28;
+				display: flex;
+				flex-direction: row;
+				justify-content: space-between;
+				margin-bottom: 0.5rem;
+			}
+
+			.narsmb-wlj .narsmbwltitem .narsmbwljcp {
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				justify-content: center;
+				height: inherit;
+			}
+
+			.narsmb-wlj .narsmbwltitem .narsmbwljcp .narsmbtt {
+				font-size: 1.0625rem;
+				font-weight: bold;
+				color: #fff;
+				width: 35.5rem;
+				text-align: center;
+				margin-left: 35%;
+			}
+
+			.narsmb-wlj .narsmbwltitem .narsmbwljcp .narsmbwljimg {
+				height: inherit;
+			}
+
+			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo {
+				display: flex;
+				flex-direction: column;
+				justify-content: center;
+				align-items: center;
+				color: #fff;
+				flex: 1;
+				margin: 0 1.25rem;
+			}
+
+			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbif-title {
+				font-weight: bold;
+				font-size: 1.0625rem;
+				padding-bottom: 1rem;
+			}
+
+			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbif-info {
+				font-size: 0.625rem;
+				line-height: 1rem;
+				text-align: center;
+			}
+
+			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbwlj-xzbt {
+				width: 7.25rem;
+				height: 2.1875rem;
+				border-radius: 3.25rem;
+				line-height: 2.1875rem;
+				border: 1px solid #ffffff;
+				font-size: 0.875rem;
+				text-align: center;
+				cursor: pointer;
+				margin: 0 1.25rem;
+			}
+
+			.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbtt {
+				font-size: 1.0625rem;
+				font-weight: bold;
+				color: #fff;
+				text-align: center;
+			}
+
+			.narsMBbannerSwiper {
+				padding-top: 0px;
+			}
+
+		</style>
+	</head>
+
+	<body>
+		<!--{#include file='include/top_nas'/}-->
+		<!--nars 手机 -->
+		<div class="narsMBpage">
+			<!--轮播 banner-->
+			<div class="narsMB-banner">
+				<div class="swiper-container narsMBbannerSwiper">
+					<div class="swiper-wrapper">
+						
+						<div class="swiper-slide">
+							<img src="/uploads/nas/mobile-beta.png" alt="" class="narsmb-img" />
+						</div>
+						
+					</div>
+				</div>
+			</div>
+
+
+			{include file='include/bottom'/}
+		</div>
+	</body>
+
+</html>

From bfda10176f1f9420b7ef63344830ff95dd81e8c2 Mon Sep 17 00:00:00 2001
From: liqian <735273025@qq.com>
Date: Wed, 22 Jan 2025 14:36:33 +0800
Subject: [PATCH 3/9] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9Enas=E5=B8=AE?=
 =?UTF-8?q?=E5=8A=A9=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/controller/TopsNas.php            | 155 +++++++
 app/index/view/tops_nas/helper.phtml        | 481 ++++++++++++++++++++
 app/index/view/tops_nas/helper_detail.phtml | 408 +++++++++++++++++
 3 files changed, 1044 insertions(+)
 create mode 100644 app/index/view/tops_nas/helper.phtml
 create mode 100644 app/index/view/tops_nas/helper_detail.phtml

diff --git a/app/index/controller/TopsNas.php b/app/index/controller/TopsNas.php
index 1a49d7c..b27a174 100755
--- a/app/index/controller/TopsNas.php
+++ b/app/index/controller/TopsNas.php
@@ -194,6 +194,7 @@ class TopsNas extends BaseController
                 'id',
                 'pid',
                 'name',
+                'picture'
             ])
             ->where('isshow', '=', 1)
             ->where('country_code', '=', $this->country_code)
@@ -310,4 +311,158 @@ class TopsNas extends BaseController
 
         return $this->fetch();
     }
+
+    // 根据分类获取文章
+    private function getArticleByCategory($categorys, $limit = 3)
+    {
+        if (!is_array($categorys)) {
+            throw new \Exception('请确认分类正确');
+        }
+        if (empty($categorys)) {
+            return [];
+        }
+
+        $model = Loader::model('Article')
+            ->field([
+                'id',
+                'cid',
+                'name',
+                'sort'
+            ])
+            ->where('stat', '=', 0)
+            ->where('cid', '=', $categorys[0]['id'])
+            ->where('country_code', '=', $this->country_code);
+        foreach ($categorys as $key => $val) {
+            if ($key == 0) continue;
+            $model->union(function($query) use($val, $limit) {
+                $query->name('article')->field([
+                    'id',
+                    'cid',
+                    'name',
+                    'sort'
+                ])
+                ->where('stat', '=', 0)
+                ->where('cid', '=', $val['id'])
+                ->where('country_code', '=', $this->country_code)
+                ->order(['sort' => 'asc', 'id' => 'desc'])
+                ->limit($limit);
+            });
+        }
+        
+        $map = [];
+        $data = $model->order(['sort' => 'asc', 'id' => 'desc'])->limit($limit)->select();
+        foreach ($data as $key => $val) {
+            $map['cid_' . $val['cid']][] = $val;
+        }
+        return $map;
+    }
+    // 帮忙中心
+    public function helper()
+    {
+        // 获取分类
+        $categorys = $this->getCategoryTree(76);
+        // 获取文章
+        $articles = $this->getArticleByCategory($categorys, 3);
+        // 组装数据
+        foreach ($categorys as $key => &$val) {
+            if (!isset($val['articles'])) {
+                $val['articles'] = [];
+            }
+            if (isset($articles['cid_' . $val['id']])) {
+                $articles = $articles['cid_' . $val['id']];
+                foreach ($articles as $k => $v) {
+                    $val['articles'][] = [
+                        'id' => $v['id'],
+                        'name' => $v['name']
+                    ];
+                }
+            }
+        }
+        unset($val);
+        $this->assign('categorys', $categorys);
+
+        $banners = $this->getBanners(126);
+        if (!empty($banners)) {
+            $banners = $banners['typeid_126']['banners'];
+        }
+        $this->assign('banners', $banners);
+        $this->assign('banners_size', count($banners));
+
+        return $this->fetch();
+    }
+
+    // 搜索帮助文章
+    public function helper_search()
+    {
+        $base_category = 76;
+        $keywords = request()->param('keywords');
+        $articles = Loader::model('Article')
+            ->field([
+                'id',
+                'name',
+                'sort',
+            ])
+            ->where('stat', '=', 0)
+            ->where('country_code', '=', $this->country_code)
+            ->where('cid', 'in', function($query) use($base_category) {
+                $query->name('article_category')
+                    ->field(['id'])
+                    ->where('id', '=', $base_category)
+                    ->whereOr('pid', '=', $base_category);
+            })
+            ->where(function($query) use($keywords) {
+                if (!empty($keywords)) {
+                    $query->where('name', 'like', '%' . $keywords . '%');
+                }
+            })
+            ->order(['sort' => 'asc', 'id' => 'desc'])
+            ->select();
+
+        return json([
+            'code'    => 0,
+            'message' => '获取成功',
+            'data'    => $articles
+        ]);
+    }
+
+    // 帮助中心文章详细
+    public function helper_detail()
+    {
+        $id = request()->param('id');
+        $article = Loader::model('Article')->where('id', '=', $id)->find();
+
+        if (request()->isAjax()) {
+            return json([
+                'code'    => 0,
+                'message' => '获取成功',
+                'data'    => $article
+            ]);
+        } else {
+            // 获取分类
+            $categorys = $this->getCategoryTree(76);
+            // 获取文章
+            $articles = $this->getArticleByCategory($categorys, 3);
+            // 组装数据
+            foreach ($categorys as $key => &$val) {
+                if (!isset($val['articles'])) {
+                    $val['articles'] = [];
+                }
+                if (isset($articles['cid_' . $val['id']])) {
+                    $articles = $articles['cid_' . $val['id']];
+                    foreach ($articles as $k => $v) {
+                        $val['articles'][] = [
+                            'id' => $v['id'],
+                            'name' => $v['name']
+                        ];
+                    }
+                }
+            }
+            unset($val);
+            $this->assign('categorys', $categorys);
+            $this->assign('article', $article);
+            $this->assign('cid', request()->param('cid'));
+        }
+
+        return $this->fetch();
+    }
 }
diff --git a/app/index/view/tops_nas/helper.phtml b/app/index/view/tops_nas/helper.phtml
new file mode 100644
index 0000000..0d60520
--- /dev/null
+++ b/app/index/view/tops_nas/helper.phtml
@@ -0,0 +1,481 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>帮助中心</title>
+	{include file='include/head-nas' /}
+    <style>
+        .narshelpCenterPc {
+          display: flex;
+          flex-direction: column;
+          /* 下拉搜索框样式 */
+          /* 下拉搜索框中的建议项样式 */
+        }
+        .narhelpgoimg{
+    		display: flex;
+    		justify-content: center;
+    	}
+        
+        .narshelpCenterPc .narhelpgoimg img{
+            width: 16px;
+            height: 16px;
+        }
+        .narshelpCenterPc .pagetopbg {
+          width: 100%;
+          position: relative;
+          align-items: center;
+          display: flex;
+          justify-content: center;
+          flex-direction: column;
+        }
+        .narshelpCenterPc .pagetopbg .hpbgimg {
+          width: 100%;
+        }
+        .narshelpCenterPc .pagetopbg .nhlp-search {
+          width: 35%;
+          height: 3rem;
+          border-radius: 1.5625rem;
+          background: #5299e1;
+          flex-direction: row;
+          align-items: center;
+          display: flex;
+          position: absolute;
+          justify-content: space-between;
+          border: 0.0625rem solid #fff;
+          bottom: 15%;
+          cursor: pointer;
+          box-shadow: 2px 2px 100px #8d8d8d;
+        }
+        .narshelpCenterPc .pagetopbg .nhlp-search .nhlp-ipt {
+          border: none;
+          width: 85%;
+          height: 3rem;
+          margin-left: 5%;
+          color: #fff;
+          background: transparent;
+          font-size: 1rem;
+        }
+        .narshelpCenterPc .pagetopbg .nhlp-search .searchimghelp {
+          width: 1.6rem;
+          height: 1.6rem;
+          margin-right: 3%;
+        }
+        .narshelpCenterPc .pagetopbg .nhlp-search input {
+          border: none;
+          padding: 0;
+          outline: none;
+        }
+        .narshelpCenterPc .pagetopbg .nhlp-search input::placeholder {
+          color: #fff;
+          padding-left: 20%;
+          font-size: 16px;
+        }
+        .narshelpCenterPc .nhlppart1 {
+          width: 74.6%;
+          margin: 0 auto;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+        }
+        .narshelpCenterPc .nhlppart1 .helph1 {
+          margin: 0 auto;
+          margin-top: 54px;
+          font-weight: bold;
+          font-size: 32px;
+          margin-bottom: 38px;
+        }
+        .narshelpCenterPc .nhlppart1 .nhlp-row {
+          display: flex;
+          flex-direction: row;
+          flex-wrap: wrap;
+          margin-bottom: 4.625rem;
+        }
+        .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit {
+          width: 32.7%;
+          padding: 2.25rem;
+          background: #fafafa;
+          border-radius: 8px;
+          color: #202734;
+          font-size: 1rem;
+          margin-right: 12px;
+          margin-bottom: 12px;
+        }
+        .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlptl {
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+          font-size: 1.25rem;
+          font-weight: bold;
+          padding-bottom: 1.25rem;
+        }
+        .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlptl .bhlpicoimg {
+          width: 36px;
+          height: 36px;
+          margin-right: 10px;
+        }
+        .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list {
+          display: flex;
+          flex-direction: column;
+        }
+        .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .txrow {
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+          margin-bottom: 1rem;
+          cursor: pointer;
+        }
+        .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .txrow .nhlp-point {
+          width: 0.3125rem;
+          height: 0.3125rem;
+          background: #202734;
+          border-radius: 0.1875rem;
+          margin: 0 0.625rem;
+          margin-left: 0.25rem;
+        }
+        .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .txrow .nhlpsp {
+          flex: 1;
+          color: #1f2635;
+          font-size: 1rem;
+        }
+        .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .ckgdbt {
+          background: #fff;
+          width: fit-content;
+          color: #bfbfc4;
+          font-size: 0.9375rem;
+          border: 0.0625rem solid #bfbfc4;
+          padding: 0.4375rem 1.125rem;
+          margin-top: 1rem;
+          cursor: pointer;
+          border-radius: 1.5rem;
+          display: flex;
+		  flex-direction: row;
+		  align-items: center;
+        }
+        .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit-w {
+          width: 49.4%;
+        }
+        .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit-w:last-child {
+          margin-right: 0;
+        }
+        .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit:nth-child(3n) {
+          margin-right: 0;
+        }
+        .narshelpCenterPc .lxwmtitle {
+          margin: 0 auto;
+          margin-bottom: 38px;
+          font-weight: bold;
+          font-size: 32px;
+        }
+        .narshelpCenterPc .nhlp-lxwm {
+          width: 74.6%;
+          margin: 0 auto;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+        }
+        .narshelpCenterPc .nhlp-lxwm .nhlp-row {
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+          flex-wrap: wrap;
+          margin-bottom: 4.625rem;
+        }
+        .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit {
+          background: #f9f9f9;
+          width: 392px;
+          height: 291px;
+          margin-bottom: 0.75rem;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+          margin-right: 12px;
+          border-radius: 8px;
+          cursor: pointer;
+        }
+        .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit .lximg {
+          width: 4.375rem;
+          height: 4.375rem;
+          margin-bottom: 2.125rem;
+        }
+        .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit .lxewmimg {
+          width: 6.875rem;
+          width: 6.875rem;
+          margin-bottom: 1.25rem;
+          display: none;
+        }
+        .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit .t1 {
+          font-size: 1rem;
+          padding-bottom: 0.375rem;
+          color: #1f2635;
+        }
+        .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit .t2 {
+          font-size: 0.75rem;
+          color: #1f2635;
+        }
+        .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit-w1 {
+          width: 32.7%;
+        }
+        .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit-w2 {
+          width: 24.3%;
+        }
+        .narshelpCenterPc .dropdown {
+          display: none;
+          position: absolute;
+          top: 355px;
+          left: 0;
+          width: 35%;
+          border: 1px solid #ccc;
+          border-top: none;
+          background-color: #fff;
+          border-bottom-left-radius: 4px;
+          border-bottom-right-radius: 4px;
+          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+          margin: 0 auto;
+          right: 0;
+          max-height: 18.75rem;
+          min-height: 3.125rem;
+          overflow-y: auto;
+        }
+        .narshelpCenterPc .dropdown ul {
+          list-style-type: none;
+          padding: 0;
+          margin: 0;
+        }
+        .narshelpCenterPc .dropdown ul li {
+          padding: 10px;
+          cursor: pointer;
+        }
+        .narshelpCenterPc .dropdown ul li:hover {
+          background-color: #f4f4f4;
+        }
+        /* 修改垂直滚动条 */
+        ::-webkit-scrollbar {
+          width: 6px; /* 修改宽度 */
+        }
+        
+        /* 修改滚动条轨道背景色 */
+        ::-webkit-scrollbar-track {
+          background-color: transparent;
+        }
+        
+        /* 修改滚动条滑块颜色 */
+        ::-webkit-scrollbar-thumb {
+          background-color: #ccc;
+        }
+        
+        /* 修改滚动条滑块悬停时的颜色 */
+        ::-webkit-scrollbar-thumb:hover {
+          background-color: #D8DFE8;
+        }
+        
+        /* 修改滚动条滑块移动时的颜色 */
+        ::-webkit-scrollbar-thumb:active {
+          background-color: #D8DFE8;
+        }
+        
+        /* 修改滚动条滑块的圆角 */
+        ::-webkit-scrollbar-thumb {
+          border-radius: 5px;
+        }
+        /* 整体滚动条 */
+        * {
+            scrollbar-width: thin; /* 滚动条宽度 */
+            scrollbar-color: #D8DBE6 transparent; /* 滚动条颜色（滑块颜色 轨道颜色） */
+        }
+        
+        /* 滚动条轨道 */
+        *::-moz-scrollbar-track {
+            background-color: #f0f0f0;
+        }
+        
+        /* 滚动条滑块 */
+        *::-moz-scrollbar-thumb {
+            background-color: #D8DBE6;
+            border-radius: 5px; /* 滑块的圆角 */
+        }
+        
+        /* 滚动条的上下箭头 */
+        *::-moz-scrollbar-button {
+            display: none; /* 隐藏上下箭头 */
+        }
+        
+        /* 滚动条的上下箭头：向上箭头 */
+        *::-moz-scrollbar-button:vertical:decrement {
+            display: none;
+        }
+        
+        /* 滚动条的上下箭头：向下箭头 */
+        *::-moz-scrollbar-button:vertical:increment {
+            display: none;
+        }
+    </style>
+</head>
+<body>
+	<!-- 顶部导航 -->
+	{include file='include/top-header-nas'/}
+    <div class="narshelpCenterPc">
+		<!-- banner-搜索-->
+		<div class="pagetopbg">
+			<img src="__PUBLIC__/m_web/images/nas/help/banner.jpg" class="hpbgimg" />
+			<div class='nhlp-search'>
+				<input class="nhlp-ipt" id="search-input" placeholder="请输入搜索关键字,如安装赛博云空间,影视库" />
+				<img src="__PUBLIC__/m_web/images/nas/help/nars-help-search.png" class="searchimghelp" />
+			</div>
+			<!-- 下拉搜索框 -->
+			<div class="dropdown" id="dropdown"></div>
+		</div>
+		<!-- 使用教程-->
+		<div class="nhlppart1">
+			<h1 class="helph1">使用教程</h1>
+			<div class="nhlp-row">
+				{volist name="categorys" id="vo"}
+				<div class="nhlpit {if condition='$key==6 || $key==7'}nhlpit-w{/if}">
+					<div class="nhlptl">
+						<img src="{$vo.picture}" class="bhlpicoimg" />{$vo.name}
+					</div>
+					<div class="nhlp-tx-list">
+						{volist name="vo.articles" id="va"}
+						<a class="txrow" href="{:url('tops_nas/helper_detail', ['id'=>$va.id])}">
+							<div class="nhlp-point"></div>
+							<span class="nhlpsp">{$va.name}</span>
+							<span class="narhelpgoimg">
+								<img src="__PUBLIC__/m_web/images/nas/help/nars-jt.png"/>
+							</span>
+						</a>
+						{/volist}
+						<a class="ckgdbt" href="{:url('tops_nas/helper_detail', ['cid'=>$vo.id, 'id'=>isset($vo.articles[0])?$vo.articles[0]['id']:0])}">查看更多 
+						    <span class="narhelpgoimg">
+								<img src="__PUBLIC__/m_web/images/nas/help/nars-jt.png"/>
+							</span>
+						</a>
+					</div>
+				</div>
+				{/volist}
+			</div>
+		</div>
+		<!-- 联系我们-->
+		<div class="nhlp-lxwm">
+			<h1 class=" helph1 lxwmtitle">联系我们</h1>
+			<div class="nhlp-row">
+				{if condition="$banners_size > 0"}
+				<div class="nhlplxwmit nhlplxwmit-w1">
+					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx1.png" class="lximg" />
+					{if condition="!empty($banners[0]['picture']) && $banners[0]['picture'] != '/uploads/nopic.jpg'"}
+					<img src="{$banners[0]['picture']}" class="lxewmimg">
+					{/if}
+					<span class="t1">{$banners[0]['name']}</span>
+					<span class="t2">{$banners[0]['desc']}</span>
+				</div>
+				{/if}
+				{if condition="$banners_size > 1"}
+				<div class="nhlplxwmit nhlplxwmit-w1">
+					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx2.png" class="lximg" />
+					{if condition="!empty($banners[1]['picture']) && $banners[1]['picture'] != '/uploads/nopic.jpg'"}
+					<img src="{$banners[1]['picture']}" class="lxewmimg">
+					{/if}
+					<span class="t1">{$banners[1]['name']}</span>
+					<span class="t2">{$banners[1]['desc']}</span>
+				</div>
+				{/if}
+				{if condition="$banners_size > 2"}
+				<div class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;">
+					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx3.png" class="lximg" />
+					{if condition="!empty($banners[2]['picture']) && $banners[2]['picture'] != '/uploads/nopic.jpg'"}
+					<img src="{$banners[2]['picture']}" class="lxewmimg">
+					{/if}
+					<span class="t1">{$banners[2]['name']}</span>
+					<span class="t2">{$banners[2]['desc']}</span>
+				</div>
+				{/if}
+				{if condition="$banners_size > 3"}
+				<div class="nhlplxwmit nhlplxwmit-w2">
+					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx4.png" class="lximg" />
+					{if condition="!empty($banners[3]['picture']) && $banners[3]['picture'] != '/uploads/nopic.jpg'"}
+					<img src="{$banners[3]['picture']}" class="lxewmimg">
+					{/if}
+					<span class="t1">{$banners[3]['name']}</span>
+					<span class="t2">{$banners[3]['desc']}</span>
+				</div>
+				{/if}
+				{if condition="$banners_size > 4"}
+				<div class="nhlplxwmit nhlplxwmit-w2">
+					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx5.png" class="lximg" />
+					{if condition="!empty($banners[4]['picture']) && $banners[4]['picture'] != '/uploads/nopic.jpg'"}
+					<img src="{$banners[4]['picture']}" class="lxewmimg">
+					{/if}
+					<span class="t1">{$banners[4]['name']}</span>
+					<span class="t2">{$banners[4]['desc']}</span>
+				</div>
+				{/if}
+				{if condition="$banners_size > 5"}
+				<div class="nhlplxwmit nhlplxwmit-w2">
+					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx6.png" class="lximg" />
+					{if condition="!empty($banners[5]['picture']) && $banners[5]['picture'] != '/uploads/nopic.jpg'"}
+					<img src="{$banners[5]['picture']}" class="lxewmimg">
+					{/if}
+					<span class="t1">{$banners[5]['name']}</span>
+					<span class="t2">{$banners[5]['desc']}</span>
+				</div>
+				{/if}
+				{if condition="$banners_size > 6"}
+				<div class="nhlplxwmit nhlplxwmit-w2" style="margin-right: 0;">
+					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx7.png" class="lximg" />
+					{if condition="!empty($banners[6]['picture']) && $banners[6]['picture'] != '/uploads/nopic.jpg'"}
+					<img src="{$banners[6]['picture']}" class="lxewmimg">
+					{/if}
+					<span class="t1">{$banners[6]['name']}</span>
+					<span class="t2">{$banners[6]['desc']}</span>
+				</div>
+				{/if}
+			</div>
+		</div>
+	</div>
+	{include file='include/bottom2023'/}
+</body>
+	<script>
+		$(document).ready(function() {
+      // 监听输入框内容变化
+      var timeout = null;
+			$('#search-input').on('focus input', function() {
+        clearTimeout(timeout);
+        var _this = this;
+				timeout = setTimeout(function () {
+          var keywords = $(_this).val();
+          if (keywords == '') {
+            $('#dropdown').hide().html('');
+            return;
+          }
+          $.ajax({
+            url: "{:url('tops_nas/helper_search')}",
+            type: 'POST',
+            data: {keywords: keywords},
+            dataType: 'JSON',
+            success: function(r) {
+              var html = '';
+              if (r.code == 0) {
+                html = '<ul>'
+                $.each(r.data, function(k, v) {
+                  html += '<li><a href="{:url(\'tops_nas/helper_detail\')}?id=' + v.id + '">' + v.name + '</a></li>'
+                })
+                html += '</ul>'
+              }
+              $('#dropdown').show().html(html);
+            }
+          })
+        }, 300);
+			})
+			$(document).on('click', function (e) {
+				var target = $(e.target);
+				if (!target.closest('.nhlp-search').length) {
+					$('#dropdown').hide();
+				}
+			});
+			$('.nhlplxwmit:not(:first)').click(function() {
+				$(this).find('.lximg').toggle();
+				$(this).find('.lxewmimg').toggle();
+			});
+		});
+	</script>
+</html>
\ No newline at end of file
diff --git a/app/index/view/tops_nas/helper_detail.phtml b/app/index/view/tops_nas/helper_detail.phtml
new file mode 100644
index 0000000..0c82a72
--- /dev/null
+++ b/app/index/view/tops_nas/helper_detail.phtml
@@ -0,0 +1,408 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>帮助中心</title>
+    {include file='include/head-nas' /}
+    <style>
+        .narshelpdetailPc {
+          display: flex;
+          flex-direction: column;
+          background: #f9f9f9;
+        }
+        .narshelpdetailPc .narsssmain {
+          width: 100%;
+          display: flex;
+          flex-direction: row;
+          border-top: 1px solid #ccc;
+          border-bottom: 1px solid #ccc;
+          padding: 21px 0;
+          top: 0;
+          align-items: center;
+          background: #fff;
+          z-index: 2;
+        }
+        .narshelpdetailPc .narsssmain .dropdown {
+          display: none;
+          position: absolute;
+          top: 124px;
+          left: 0;
+          width: 435px;
+          border-top: none;
+          background-color: #fff;
+          border-bottom-left-radius: 4px;
+          border-bottom-right-radius: 4px;
+          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+          margin: 0 auto;
+          right: 0;
+          max-height: 18.75rem;
+          min-height: 3.125rem;
+          overflow-y: auto;
+        }
+        .narshelpdetailPc .narsssmain .dropdown ul {
+          list-style-type: none;
+          padding: 0;
+          margin: 0;
+        }
+        .narshelpdetailPc .narsssmain .dropdown ul li {
+          padding: 10px;
+          cursor: pointer;
+        }
+        .narshelpdetailPc .narsssmain .dropdown ul li:hover {
+          background-color: #f4f4f4;
+        }
+        .narshelpdetailPc .narsssmain .ml {
+          font-size: 14px;
+          padding-left: 25px;
+          padding-top: 37px;
+          padding-bottom: 31px;
+          color: #8f9099;
+          position: absolute;
+        }
+        .narshelpdetailPc .narsssmain .nars-hlp-search {
+          width: 440px;
+          height: 42px;
+          border-radius: 1.3125rem;
+          font-size: 14px;
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+          color: #8f9099;
+          border: 1px solid #cdcedb;
+          margin: 0 auto;
+        }
+        .narshelpdetailPc .narsssmain .nars-hlp-search .ssimg {
+          width: 1.6rem;
+          height: 1.6rem;
+          margin-right: 3%;
+        }
+        .narshelpdetailPc .narsssmain .nars-hlp-search input {
+          font-size: 14px;
+          border: none;
+          padding: 0 15px;
+          outline: none;
+          flex: 1;
+          margin-right: 2%;
+          margin-left: 2%;
+        }
+        .narshelpdetailPc .narsssmain .nars-hlp-search input::placeholder {
+          color: #8f9099;
+          padding-left: 10%;
+          font-size: 14px;
+        }
+        .narshelpdetailPc .nars-help-content {
+          display: flex;
+          flex-direction: row;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml {
+          width: 252px;
+          overflow-y: auto;
+          border-right: 1px solid #ccc;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .nav-tree {
+          max-height: 800px;
+          overflow-y: auto;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .category {
+          margin-bottom: 5px;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .category-title {
+          display: block;
+          padding: 10px;
+          cursor: pointer;
+          position: relative;
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+          font-size: 14px;
+          font-weight: bold;
+          margin-left: 10px;
+          color: #1f2635;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .arrow {
+          margin-right: 2px;
+          transform: rotate(0deg);
+          display: flex;
+          justify-content: center;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .arrow .nars-jt {
+          width: 16px;
+          height: 16px;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .rotate {
+          transform: rotate(45deg);
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list {
+          display: none;
+          list-style: none;
+          padding: 0;
+          margin: 0;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a {
+          width: fit-content;
+          display: block;
+          margin: 0 10px;
+          padding-top: 22px;
+          text-decoration: none;
+          color: #333;
+          margin-left: 41px;
+          font-size: 12px;
+          color: #8f9099;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li:first a {
+          padding-top: 0;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a:hover {
+          color: #1f2635;
+          border-bottom: 1px solid #1f2635;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-mm {
+          padding: 32px  150px;
+          max-height: 800px;
+          min-height: 700px;
+          height: auto;
+          flex: 1;
+          overflow-y: auto;
+          position: relative;
+        }
+  /*      .narshelpdetailPc .nars-help-content .nars-hlpdt-mm img{*/
+		/*	width: -webkit-fill-available;*/
+		/*}*/
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-mr {
+          width: 252px;
+          overflow-y: auto;
+          border-left: 1px solid #ccc;
+          overflow-y: auto;
+          display: flex;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list {
+          padding: 0 20px;
+          float: right;
+          max-height: 800px;
+          min-height: 700px;
+          overflow-y: auto;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list .tt {
+          font-size: 14px;
+          padding-top: 33px;
+          padding-bottom: 1rem;
+          margin: 0;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul {
+          list-style-type: none;
+          padding: 0;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul li {
+          margin-bottom: 23px;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul li a {
+          text-decoration: none;
+          font-size: 12px;
+          color: #1f2635;
+        }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-mr #title-list ul li a:hover {
+          color: #1f2635;
+          border-bottom: 1px solid #1f2635;
+        }
+        
+        .nav-tree .category:nth-child(1) .category-title {
+          padding-top: 33px;
+        }
+        
+        /* 修改垂直滚动条 */
+        ::-webkit-scrollbar {
+          width: 6px; /* 修改宽度 */
+        }
+        
+        /* 修改滚动条轨道背景色 */
+        ::-webkit-scrollbar-track {
+          background-color: transparent;
+        }
+        
+        /* 修改滚动条滑块颜色 */
+        ::-webkit-scrollbar-thumb {
+          background-color: #ccc;
+        }
+        
+        /* 修改滚动条滑块悬停时的颜色 */
+        ::-webkit-scrollbar-thumb:hover {
+          background-color: #D8DFE8;
+        }
+        
+        /* 修改滚动条滑块移动时的颜色 */
+        ::-webkit-scrollbar-thumb:active {
+          background-color: #D8DFE8;
+        }
+        
+        /* 修改滚动条滑块的圆角 */
+        ::-webkit-scrollbar-thumb {
+          border-radius: 5px;
+        }
+        /* 整体滚动条 */
+        * {
+            scrollbar-width: thin; /* 滚动条宽度 */
+            scrollbar-color: #D8DBE6 transparent; /* 滚动条颜色（滑块颜色 轨道颜色） */
+        }
+        
+        /* 滚动条轨道 */
+        *::-moz-scrollbar-track {
+            background-color: #f0f0f0;
+        }
+        
+        /* 滚动条滑块 */
+        *::-moz-scrollbar-thumb {
+            background-color: #D8DBE6;
+            border-radius: 5px; /* 滑块的圆角 */
+        }
+        
+        /* 滚动条的上下箭头 */
+        *::-moz-scrollbar-button {
+            display: none; /* 隐藏上下箭头 */
+        }
+        
+        /* 滚动条的上下箭头：向上箭头 */
+        *::-moz-scrollbar-button:vertical:decrement {
+            display: none;
+        }
+        
+        /* 滚动条的上下箭头：向下箭头 */
+        *::-moz-scrollbar-button:vertical:increment {
+            display: none;
+        }
+        h1, h2, h3, h4, h5, h6 {
+            margin: 0;
+            all: revert; /* 将所有属性设置为初始值 */
+            /* 或者使用 all: revert; 恢复到浏览器默认样式，但该属性兼容性不如 initial */
+        }
+    </style>
+</head>
+<body>
+    	<!-- 顶部导航 -->
+	    {include file='include/top-header-nas'/}
+        <div class="narshelpdetailPc">
+			<!-- top 搜索-->
+			<div class="narsssmain">
+				<div class="ml">帮助中心 / 使用教程</div>
+				<div class="nars-hlp-search">
+					<input placeholder="请输入搜索关键字,如安装赛博云空间,影视库" />
+					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-ssico.png" class="ssimg">
+				</div>
+				<!-- 下拉搜索框 -->
+				<div class="dropdown" id="dropdown"></div>
+			</div>
+			<!-- 目录-文章详情-锚点定位--->
+			<div class="nars-help-content">
+				<!--目录 -->
+				<div class="nars-hlpdt-ml">
+					<div class="nav-tree">
+            {volist name="categorys" id="vo"}
+						<div class="category">
+							<div class="category-title">
+								<div class="arrow {if condition='$cid == $vo.id'}rotate{/if}"><img src="__PUBLIC__/m_web/images/nas/help/nars-jt.png" class="arrow {if condition='$cid == $vo.id'}rotate{/if}"/></div>
+								<span>{$vo.name}</span>
+							</div>
+							<ul class="sub-list" {if condition="$cid == $vo.id"}style="display: block;"{/if}>
+                {volist name="vo.articles" id="va"}
+								<li data-id="{$va.id}"><a href="javascript:void(0);" style="{if condition='$key==0'}padding-top: 6px;{/if}">{$va.name}</a></li>
+                {/volist}
+							</ul>
+						</div>
+            {/volist}
+					</div>
+				</div>
+				<!--文章详情 -->
+				<div class="nars-hlpdt-mm" id="rendered-content">
+					<div>{$article.content|default=''}</div>
+				</div>
+				<!--锚点定位 -->
+				<div class="nars-hlpdt-mr">
+					<div id="title-list">
+						<h2 class="tt">目录</h2>
+						<ul></ul>
+					</div>
+				</div>
+			</div>
+		</div>
+		{include file='include/bottom2023'/}
+		<script>
+			$(document).ready(function() {
+        $('.category-title').click(function() {
+					$(this).next('.sub-list').slideToggle();
+					$(this).find('.arrow').toggleClass('rotate');
+				});
+
+			  // 搜索
+				$(document).on('click', function(e) {
+					var target = $(e.target);
+					if (!target.closest('.nhlp-search').length) {
+						$('#dropdown').hide();
+					}
+				});
+
+        var timeout = null;
+        $('.nars-hlp-search input').on('focus input', function() {
+          clearTimeout(timeout);
+          var _this = this;
+          timeout = setTimeout(function () {
+            var keywords = $(_this).val();
+            if (keywords == '') {
+              $('#dropdown').hide().html('');
+              return;
+            }
+            $.ajax({
+              url: "{:url('tops_nas/helper_search')}",
+              type: 'POST',
+              data: {keywords: keywords},
+              dataType: 'JSON',
+              success: function(r) {
+                var html = '';
+                if (r.code == 0) {
+                  html = '<ul>'
+                  $.each(r.data, function(k, v) {
+                    html += '<li><a href="{:url(\'tops_nas/helper_detail\')}?id=' + v.id + '">' + v.name + '</a></li>'
+                  })
+                  html += '</ul>'
+                }
+                $('#dropdown').show().html(html);
+              }
+            })
+          }, 300);
+        })
+        // 内容
+				readerContentTitle();
+        $('.sub-list li').click(function() {
+          var id = $(this).data('id');
+          $.ajax({
+            url: '{:url("tops_nas/helper_detail")}?id=' + id,
+            type: 'GET',
+            dataType: 'JSON',
+            success: function(r) {
+              $('#rendered-content div').html(r.data.content);
+              readerContentTitle();
+            }
+          })
+        })
+			});
+      function readerContentTitle() {
+        // 清空标题列表
+				$("#title-list ul").empty();
+				// 提取 h1 标题
+				var h1Titles = $("#rendered-content").find("h2");
+				h1Titles.each(function(index) {
+					var title = $(this);
+					var titleText = title.text();
+					var titleId = "title-" + index;
+					title.attr("id", titleId);
+					var listItem = $("<li>");
+					var link = $("<a>", {
+						href: "#" + titleId,
+						text: (index+1+'. ')+titleText
+					});
+					listItem.append(link);
+					$("#title-list ul").append(listItem);
+				});
+      }
+		</script>
+	</body>
+</html>
\ No newline at end of file

From c4ab3af43a31036c6a4b00864b7d26c56c5ee299 Mon Sep 17 00:00:00 2001
From: liqian <735273025@qq.com>
Date: Wed, 22 Jan 2025 17:16:54 +0800
Subject: [PATCH 4/9] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=9F=A5=E8=AF=A2?=
 =?UTF-8?q?bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/controller/TopsNas.php | 31 ++++++++++++++++++++-----------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/app/index/controller/TopsNas.php b/app/index/controller/TopsNas.php
index b27a174..ef485cd 100755
--- a/app/index/controller/TopsNas.php
+++ b/app/index/controller/TopsNas.php
@@ -313,7 +313,7 @@ class TopsNas extends BaseController
     }
 
     // 根据分类获取文章
-    private function getArticleByCategory($categorys, $limit = 3)
+    private function getArticleByCategory($categorys, $limit = null)
     {
         if (!is_array($categorys)) {
             throw new \Exception('请确认分类正确');
@@ -322,7 +322,7 @@ class TopsNas extends BaseController
             return [];
         }
 
-        $model = Loader::model('Article')
+        $sub_query = Loader::model('Article')
             ->field([
                 'id',
                 'cid',
@@ -331,7 +331,14 @@ class TopsNas extends BaseController
             ])
             ->where('stat', '=', 0)
             ->where('cid', '=', $categorys[0]['id'])
-            ->where('country_code', '=', $this->country_code);
+            ->where('country_code', '=', $this->country_code)
+            ->order(['sort' => 'asc', 'id' => 'desc']);
+        if (!empty($limit)) {
+            $sub_query = $sub_query->limit($limit);
+        }
+        $sub_query = $sub_query->buildSql();
+
+        $model = \think\Db::table($sub_query . ' a');
         foreach ($categorys as $key => $val) {
             if ($key == 0) continue;
             $model->union(function($query) use($val, $limit) {
@@ -344,13 +351,15 @@ class TopsNas extends BaseController
                 ->where('stat', '=', 0)
                 ->where('cid', '=', $val['id'])
                 ->where('country_code', '=', $this->country_code)
-                ->order(['sort' => 'asc', 'id' => 'desc'])
-                ->limit($limit);
+                ->order(['sort' => 'asc', 'id' => 'desc']);
+                if (!empty($limit)) {
+                    $query->limit($limit);
+                }
             });
         }
         
         $map = [];
-        $data = $model->order(['sort' => 'asc', 'id' => 'desc'])->limit($limit)->select();
+        $data = $data = $model->select();
         foreach ($data as $key => $val) {
             $map['cid_' . $val['cid']][] = $val;
         }
@@ -369,8 +378,8 @@ class TopsNas extends BaseController
                 $val['articles'] = [];
             }
             if (isset($articles['cid_' . $val['id']])) {
-                $articles = $articles['cid_' . $val['id']];
-                foreach ($articles as $k => $v) {
+                $items = $articles['cid_' . $val['id']];
+                foreach ($items as $k => $v) {
                     $val['articles'][] = [
                         'id' => $v['id'],
                         'name' => $v['name']
@@ -441,15 +450,15 @@ class TopsNas extends BaseController
             // 获取分类
             $categorys = $this->getCategoryTree(76);
             // 获取文章
-            $articles = $this->getArticleByCategory($categorys, 3);
+            $articles = $this->getArticleByCategory($categorys, );
             // 组装数据
             foreach ($categorys as $key => &$val) {
                 if (!isset($val['articles'])) {
                     $val['articles'] = [];
                 }
                 if (isset($articles['cid_' . $val['id']])) {
-                    $articles = $articles['cid_' . $val['id']];
-                    foreach ($articles as $k => $v) {
+                    $items = $articles['cid_' . $val['id']];
+                    foreach ($items as $k => $v) {
                         $val['articles'][] = [
                             'id' => $v['id'],
                             'name' => $v['name']

From 5de2667c2dc682ab0c423c710408e311c809b511 Mon Sep 17 00:00:00 2001
From: liqian <735273025@qq.com>
Date: Wed, 22 Jan 2025 18:04:00 +0800
Subject: [PATCH 5/9] =?UTF-8?q?refactor:=20=E4=BF=AE=E6=94=B9nas=E5=B8=AE?=
 =?UTF-8?q?=E5=8A=A9=E4=B8=AD=E5=BF=83=E8=81=94=E7=B3=BB=E6=88=91=E4=BB=AC?=
 =?UTF-8?q?=E5=8F=AF=E4=BB=A5=E7=82=B9=E5=87=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/view/tops_nas/helper.phtml | 44 ++++++++++++++++------------
 1 file changed, 26 insertions(+), 18 deletions(-)

diff --git a/app/index/view/tops_nas/helper.phtml b/app/index/view/tops_nas/helper.phtml
index 0d60520..d0fde51 100644
--- a/app/index/view/tops_nas/helper.phtml
+++ b/app/index/view/tops_nas/helper.phtml
@@ -137,6 +137,9 @@
           flex: 1;
           color: #1f2635;
           font-size: 1rem;
+          white-space: nowrap; /* 不允许换行 */
+          overflow: hidden;  /* 超出部分隐藏 */
+          text-overflow: ellipsis; /* 超出部分显示省略号 */
         }
         .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit .nhlp-tx-list .ckgdbt {
           background: #fff;
@@ -360,74 +363,74 @@
 			<h1 class=" helph1 lxwmtitle">联系我们</h1>
 			<div class="nhlp-row">
 				{if condition="$banners_size > 0"}
-				<div class="nhlplxwmit nhlplxwmit-w1">
+				<a href="{$banners[0]['link']}" class="nhlplxwmit nhlplxwmit-w1">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx1.png" class="lximg" />
 					{if condition="!empty($banners[0]['picture']) && $banners[0]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[0]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[0]['name']}</span>
 					<span class="t2">{$banners[0]['desc']}</span>
-				</div>
+				</a>
 				{/if}
 				{if condition="$banners_size > 1"}
-				<div class="nhlplxwmit nhlplxwmit-w1">
+				<a href="{$banners[1]['link']}" class="nhlplxwmit nhlplxwmit-w1">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx2.png" class="lximg" />
 					{if condition="!empty($banners[1]['picture']) && $banners[1]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[1]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[1]['name']}</span>
 					<span class="t2">{$banners[1]['desc']}</span>
-				</div>
+        </a>
 				{/if}
 				{if condition="$banners_size > 2"}
-				<div class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;">
+				<a href="{$banners[2]['link']}" class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx3.png" class="lximg" />
 					{if condition="!empty($banners[2]['picture']) && $banners[2]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[2]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[2]['name']}</span>
 					<span class="t2">{$banners[2]['desc']}</span>
-				</div>
+        </a>
 				{/if}
 				{if condition="$banners_size > 3"}
-				<div class="nhlplxwmit nhlplxwmit-w2">
+				<a href="{$banners[3]['link']}" class="nhlplxwmit nhlplxwmit-w2">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx4.png" class="lximg" />
 					{if condition="!empty($banners[3]['picture']) && $banners[3]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[3]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[3]['name']}</span>
 					<span class="t2">{$banners[3]['desc']}</span>
-				</div>
+        </a>
 				{/if}
 				{if condition="$banners_size > 4"}
-				<div class="nhlplxwmit nhlplxwmit-w2">
+				<a href="{$banners[4]['link']}" class="nhlplxwmit nhlplxwmit-w2">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx5.png" class="lximg" />
 					{if condition="!empty($banners[4]['picture']) && $banners[4]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[4]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[4]['name']}</span>
 					<span class="t2">{$banners[4]['desc']}</span>
-				</div>
+        </a>
 				{/if}
 				{if condition="$banners_size > 5"}
-				<div class="nhlplxwmit nhlplxwmit-w2">
+				<a href="{$banners[5]['link']}" class="nhlplxwmit nhlplxwmit-w2">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx6.png" class="lximg" />
 					{if condition="!empty($banners[5]['picture']) && $banners[5]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[5]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[5]['name']}</span>
 					<span class="t2">{$banners[5]['desc']}</span>
-				</div>
+        </a>
 				{/if}
 				{if condition="$banners_size > 6"}
-				<div class="nhlplxwmit nhlplxwmit-w2" style="margin-right: 0;">
+				<a href="{$banners[6]['link']}" class="nhlplxwmit nhlplxwmit-w2" style="margin-right: 0;">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx7.png" class="lximg" />
 					{if condition="!empty($banners[6]['picture']) && $banners[6]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[6]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[6]['name']}</span>
 					<span class="t2">{$banners[6]['desc']}</span>
-				</div>
+        </a>
 				{/if}
 			</div>
 		</div>
@@ -472,10 +475,15 @@
 					$('#dropdown').hide();
 				}
 			});
-			$('.nhlplxwmit:not(:first)').click(function() {
-				$(this).find('.lximg').toggle();
-				$(this).find('.lxewmimg').toggle();
-			});
+            $('.nhlplxwmit:not(:first)').hover(function() {
+                // 当鼠标移入时，显示.lxewmimg 并隐藏.lximg
+                $(this).find('.lxewmimg').show();
+                $(this).find('.lximg').hide();
+            }, function() {
+                // 当鼠标移出时，隐藏.lxewmimg 并显示.lximg
+                $(this).find('.lxewmimg').hide();
+                $(this).find('.lximg').show();
+            });
 		});
 	</script>
 </html>
\ No newline at end of file

From b5636674fe8da7226bca5c45cfb48c25eb470777 Mon Sep 17 00:00:00 2001
From: liqian <735273025@qq.com>
Date: Fri, 24 Jan 2025 09:31:09 +0800
Subject: [PATCH 6/9] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dpc=20nas=E5=B8=AE?=
 =?UTF-8?q?=E5=8A=A9=E4=B8=AD=E5=BF=83bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/controller/TopsNas.php            |  2 +-
 app/index/view/tops_nas/helper.phtml        | 18 ++++++-----
 app/index/view/tops_nas/helper_detail.phtml | 36 +++++++--------------
 3 files changed, 23 insertions(+), 33 deletions(-)

diff --git a/app/index/controller/TopsNas.php b/app/index/controller/TopsNas.php
index ef485cd..447382c 100755
--- a/app/index/controller/TopsNas.php
+++ b/app/index/controller/TopsNas.php
@@ -469,7 +469,7 @@ class TopsNas extends BaseController
             unset($val);
             $this->assign('categorys', $categorys);
             $this->assign('article', $article);
-            $this->assign('cid', request()->param('cid'));
+            $this->assign('cid', request()->param('cid', $article->cid));
         }
 
         return $this->fetch();
diff --git a/app/index/view/tops_nas/helper.phtml b/app/index/view/tops_nas/helper.phtml
index d0fde51..6874f10 100644
--- a/app/index/view/tops_nas/helper.phtml
+++ b/app/index/view/tops_nas/helper.phtml
@@ -34,8 +34,8 @@
         }
         .narshelpCenterPc .pagetopbg .nhlp-search {
           width: 35%;
-          height: 3rem;
-          border-radius: 1.5625rem;
+          height: 48px;
+          border-radius: 24px;
           background: #5299e1;
           flex-direction: row;
           align-items: center;
@@ -49,8 +49,8 @@
         }
         .narshelpCenterPc .pagetopbg .nhlp-search .nhlp-ipt {
           border: none;
-          width: 85%;
-          height: 3rem;
+          width: 86%;
+          height: 48px;
           margin-left: 5%;
           color: #fff;
           background: transparent;
@@ -68,7 +68,7 @@
         }
         .narshelpCenterPc .pagetopbg .nhlp-search input::placeholder {
           color: #fff;
-          padding-left: 20%;
+          text-align: center;
           font-size: 16px;
         }
         .narshelpCenterPc .nhlppart1 {
@@ -323,7 +323,7 @@
 		<div class="pagetopbg">
 			<img src="__PUBLIC__/m_web/images/nas/help/banner.jpg" class="hpbgimg" />
 			<div class='nhlp-search'>
-				<input class="nhlp-ipt" id="search-input" placeholder="请输入搜索关键字,如安装赛博云空间,影视库" />
+				<input class="nhlp-ipt" id="search-input" placeholder="请输入搜索关键字，如安装赛博云空间、影视库" />
 				<img src="__PUBLIC__/m_web/images/nas/help/nars-help-search.png" class="searchimghelp" />
 			</div>
 			<!-- 下拉搜索框 -->
@@ -348,11 +348,13 @@
 							</span>
 						</a>
 						{/volist}
-						<a class="ckgdbt" href="{:url('tops_nas/helper_detail', ['cid'=>$vo.id, 'id'=>isset($vo.articles[0])?$vo.articles[0]['id']:0])}">查看更多 
-						    <span class="narhelpgoimg">
+						{if condition="count($vo.articles) >= 3"}
+            <a class="ckgdbt" href="{:url('tops_nas/helper_detail', ['cid'=>$vo.id, 'id'=>isset($vo.articles[0])?$vo.articles[0]['id']:0])}">查看更多 
+              <span class="narhelpgoimg">
 								<img src="__PUBLIC__/m_web/images/nas/help/nars-jt.png"/>
 							</span>
 						</a>
+            {/if}
 					</div>
 				</div>
 				{/volist}
diff --git a/app/index/view/tops_nas/helper_detail.phtml b/app/index/view/tops_nas/helper_detail.phtml
index 0c82a72..91f2a7b 100644
--- a/app/index/view/tops_nas/helper_detail.phtml
+++ b/app/index/view/tops_nas/helper_detail.phtml
@@ -88,7 +88,7 @@
         }
         .narshelpdetailPc .narsssmain .nars-hlp-search input::placeholder {
           color: #8f9099;
-          padding-left: 10%;
+          text-align: center;
           font-size: 14px;
         }
         .narshelpdetailPc .nars-help-content {
@@ -153,13 +153,14 @@
         .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li:first a {
           padding-top: 0;
         }
-        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a:hover {
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a:hover,
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-ml .sub-list li a.active {
           color: #1f2635;
           border-bottom: 1px solid #1f2635;
         }
         .narshelpdetailPc .nars-help-content .nars-hlpdt-mm {
           padding: 32px  150px;
-          max-height: 800px;
+          max-height: 920px;
           min-height: 700px;
           height: auto;
           flex: 1;
@@ -285,7 +286,7 @@
 			<div class="narsssmain">
 				<div class="ml">帮助中心 / 使用教程</div>
 				<div class="nars-hlp-search">
-					<input placeholder="请输入搜索关键字,如安装赛博云空间,影视库" />
+					<input placeholder="请输入搜索关键字，如安装赛博云空间、影视库" />
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-ssico.png" class="ssimg">
 				</div>
 				<!-- 下拉搜索框 -->
@@ -304,7 +305,9 @@
 							</div>
 							<ul class="sub-list" {if condition="$cid == $vo.id"}style="display: block;"{/if}>
                 {volist name="vo.articles" id="va"}
-								<li data-id="{$va.id}"><a href="javascript:void(0);" style="{if condition='$key==0'}padding-top: 6px;{/if}">{$va.name}</a></li>
+								<li>
+                  <a href="{:url('tops_nas/helper_detail', ['id' => $va.id])}" class="{if condition='$Request.param.id == $va.id'}active{/if}" style="{if condition='$key==0'}padding-top: 6px;{/if}">{$va.name}</a>
+                </li>
                 {/volist}
 							</ul>
 						</div>
@@ -370,25 +373,10 @@
           }, 300);
         })
         // 内容
-				readerContentTitle();
-        $('.sub-list li').click(function() {
-          var id = $(this).data('id');
-          $.ajax({
-            url: '{:url("tops_nas/helper_detail")}?id=' + id,
-            type: 'GET',
-            dataType: 'JSON',
-            success: function(r) {
-              $('#rendered-content div').html(r.data.content);
-              readerContentTitle();
-            }
-          })
-        })
-			});
-      function readerContentTitle() {
-        // 清空标题列表
+				// 清空标题列表
 				$("#title-list ul").empty();
 				// 提取 h1 标题
-				var h1Titles = $("#rendered-content").find("h2");
+				var h1Titles = $("#rendered-content").find("h3");
 				h1Titles.each(function(index) {
 					var title = $(this);
 					var titleText = title.text();
@@ -397,12 +385,12 @@
 					var listItem = $("<li>");
 					var link = $("<a>", {
 						href: "#" + titleId,
-						text: (index+1+'. ')+titleText
+						text: titleText
 					});
 					listItem.append(link);
 					$("#title-list ul").append(listItem);
 				});
-      }
+			});
 		</script>
 	</body>
 </html>
\ No newline at end of file

From 7d0ed2252042e9a1c71c12dc0207f70d3ae1a6c9 Mon Sep 17 00:00:00 2001
From: liqian <735273025@qq.com>
Date: Fri, 24 Jan 2025 11:18:16 +0800
Subject: [PATCH 7/9] =?UTF-8?q?refactor:=20=E4=BF=AE=E6=94=B9=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=9C=A8=E6=96=B0=E7=AA=97=E5=8F=A3=E6=89=93=E5=BC=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/view/tops_nas/helper.phtml | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/app/index/view/tops_nas/helper.phtml b/app/index/view/tops_nas/helper.phtml
index 6874f10..db14761 100644
--- a/app/index/view/tops_nas/helper.phtml
+++ b/app/index/view/tops_nas/helper.phtml
@@ -365,7 +365,7 @@
 			<h1 class=" helph1 lxwmtitle">联系我们</h1>
 			<div class="nhlp-row">
 				{if condition="$banners_size > 0"}
-				<a href="{$banners[0]['link']}" class="nhlplxwmit nhlplxwmit-w1">
+				<a href="{$banners[0]['link']}" class="nhlplxwmit nhlplxwmit-w1" target="_blank">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx1.png" class="lximg" />
 					{if condition="!empty($banners[0]['picture']) && $banners[0]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[0]['picture']}" class="lxewmimg">
@@ -375,64 +375,64 @@
 				</a>
 				{/if}
 				{if condition="$banners_size > 1"}
-				<a href="{$banners[1]['link']}" class="nhlplxwmit nhlplxwmit-w1">
+				<a href="{$banners[1]['link']}" class="nhlplxwmit nhlplxwmit-w1" target="_blank">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx2.png" class="lximg" />
 					{if condition="!empty($banners[1]['picture']) && $banners[1]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[1]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[1]['name']}</span>
 					<span class="t2">{$banners[1]['desc']}</span>
-        </a>
+                </a>
 				{/if}
 				{if condition="$banners_size > 2"}
-				<a href="{$banners[2]['link']}" class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;">
+				<a href="{$banners[2]['link']}" class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;" target="_blank">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx3.png" class="lximg" />
 					{if condition="!empty($banners[2]['picture']) && $banners[2]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[2]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[2]['name']}</span>
 					<span class="t2">{$banners[2]['desc']}</span>
-        </a>
+                 </a>
 				{/if}
 				{if condition="$banners_size > 3"}
-				<a href="{$banners[3]['link']}" class="nhlplxwmit nhlplxwmit-w2">
+				<a href="{$banners[3]['link']}" class="nhlplxwmit nhlplxwmit-w2" target="_blank">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx4.png" class="lximg" />
 					{if condition="!empty($banners[3]['picture']) && $banners[3]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[3]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[3]['name']}</span>
 					<span class="t2">{$banners[3]['desc']}</span>
-        </a>
+                </a>
 				{/if}
 				{if condition="$banners_size > 4"}
-				<a href="{$banners[4]['link']}" class="nhlplxwmit nhlplxwmit-w2">
+				<a href="{$banners[4]['link']}" class="nhlplxwmit nhlplxwmit-w2" target="_blank">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx5.png" class="lximg" />
 					{if condition="!empty($banners[4]['picture']) && $banners[4]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[4]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[4]['name']}</span>
 					<span class="t2">{$banners[4]['desc']}</span>
-        </a>
+                </a>
 				{/if}
 				{if condition="$banners_size > 5"}
-				<a href="{$banners[5]['link']}" class="nhlplxwmit nhlplxwmit-w2">
+				<a href="{$banners[5]['link']}" class="nhlplxwmit nhlplxwmit-w2" target="_blank">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx6.png" class="lximg" />
 					{if condition="!empty($banners[5]['picture']) && $banners[5]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[5]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[5]['name']}</span>
 					<span class="t2">{$banners[5]['desc']}</span>
-        </a>
+                </a>
 				{/if}
 				{if condition="$banners_size > 6"}
-				<a href="{$banners[6]['link']}" class="nhlplxwmit nhlplxwmit-w2" style="margin-right: 0;">
+				<a href="{$banners[6]['link']}" class="nhlplxwmit nhlplxwmit-w2" style="margin-right: 0;" target="_blank">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx7.png" class="lximg" />
 					{if condition="!empty($banners[6]['picture']) && $banners[6]['picture'] != '/uploads/nopic.jpg'"}
 					<img src="{$banners[6]['picture']}" class="lxewmimg">
 					{/if}
 					<span class="t1">{$banners[6]['name']}</span>
 					<span class="t2">{$banners[6]['desc']}</span>
-        </a>
+                 </a>
 				{/if}
 			</div>
 		</div>

From 627c0adbff8432c9b32a2d03673cbb36dec420ff Mon Sep 17 00:00:00 2001
From: liqian <735273025@qq.com>
Date: Wed, 5 Feb 2025 15:57:45 +0800
Subject: [PATCH 8/9] =?UTF-8?q?refactor:=20=E4=BF=AE=E6=94=B9nas=E7=A7=BB?=
 =?UTF-8?q?=E5=8A=A8=E7=AB=AF=E5=B8=AE=E5=8A=A9=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/mobile/controller/TopsNas.php            | 168 ++++++++
 app/mobile/view/tops_nas/guide.phtml         |   2 +
 app/mobile/view/tops_nas/helper.phtml        | 382 +++++++++++++++++++
 app/mobile/view/tops_nas/helper_detail.phtml | 286 ++++++++++++++
 4 files changed, 838 insertions(+)
 create mode 100644 app/mobile/view/tops_nas/helper.phtml
 create mode 100644 app/mobile/view/tops_nas/helper_detail.phtml

diff --git a/app/mobile/controller/TopsNas.php b/app/mobile/controller/TopsNas.php
index 2a9cbe2..e8e15cb 100755
--- a/app/mobile/controller/TopsNas.php
+++ b/app/mobile/controller/TopsNas.php
@@ -147,6 +147,7 @@ class TopsNas extends BaseController
                 'id',
                 'pid',
                 'name',
+                'picture'
             ])
             ->where('isshow', '=', 1)
             ->where('country_code', '=', $this->country_code)
@@ -263,4 +264,171 @@ class TopsNas extends BaseController
 
         return $this->fetch();
     }
+
+    // 根据分类获取文章
+    private function getArticleByCategory($categorys, $limit = null)
+    {
+        if (!is_array($categorys)) {
+            throw new \Exception('请确认分类正确');
+        }
+        if (empty($categorys)) {
+            return [];
+        }
+
+        $sub_query = Loader::model('Article')
+            ->field([
+                'id',
+                'cid',
+                'name',
+                'sort'
+            ])
+            ->where('stat', '=', 0)
+            ->where('cid', '=', $categorys[0]['id'])
+            ->where('country_code', '=', $this->country_code)
+            ->order(['sort' => 'asc', 'id' => 'desc']);
+        if (!empty($limit)) {
+            $sub_query = $sub_query->limit($limit);
+        }
+        $sub_query = $sub_query->buildSql();
+
+        $model = \think\Db::table($sub_query . ' a');
+        foreach ($categorys as $key => $val) {
+            if ($key == 0) continue;
+            $model->union(function($query) use($val, $limit) {
+                $query->name('article')->field([
+                    'id',
+                    'cid',
+                    'name',
+                    'sort'
+                ])
+                ->where('stat', '=', 0)
+                ->where('cid', '=', $val['id'])
+                ->where('country_code', '=', $this->country_code)
+                ->order(['sort' => 'asc', 'id' => 'desc']);
+                if (!empty($limit)) {
+                    $query->limit($limit);
+                }
+            });
+        }
+        
+        $map = [];
+        $data = $data = $model->select();
+        foreach ($data as $key => $val) {
+            $map['cid_' . $val['cid']][] = $val;
+        }
+        return $map;
+    }
+    /**
+     * 帮助中心
+     */
+    public function helper()
+    {
+        // 获取分类
+        $categorys = $this->getCategoryTree(76);
+        // 获取文章
+        $articles = $this->getArticleByCategory($categorys, 3);
+        // 组装数据
+        foreach ($categorys as $key => &$val) {
+            if (!isset($val['articles'])) {
+                $val['articles'] = [];
+            }
+            if (isset($articles['cid_' . $val['id']])) {
+                $items = $articles['cid_' . $val['id']];
+                foreach ($items as $k => $v) {
+                    $val['articles'][] = [
+                        'id' => $v['id'],
+                        'name' => $v['name']
+                    ];
+                }
+            }
+        }
+        unset($val);
+        $this->assign('categorys', $categorys);
+
+        $banners = $this->getBanners(127);
+        if (!empty($banners)) {
+            $banners = $banners['typeid_127']['banners'];
+        }
+        $this->assign('banners', $banners);
+        $this->assign('banners_size', count($banners));
+
+        return $this->fetch();
+    }
+
+    // 搜索帮助文章
+    public function helper_search()
+    {
+        $base_category = 76;
+        $keywords = request()->param('keywords');
+        $articles = Loader::model('Article')
+            ->field([
+                'id',
+                'name',
+                'sort',
+            ])
+            ->where('stat', '=', 0)
+            ->where('country_code', '=', $this->country_code)
+            ->where('cid', 'in', function($query) use($base_category) {
+                $query->name('article_category')
+                    ->field(['id'])
+                    ->where('id', '=', $base_category)
+                    ->whereOr('pid', '=', $base_category);
+            })
+            ->where(function($query) use($keywords) {
+                if (!empty($keywords)) {
+                    $query->where('name', 'like', '%' . $keywords . '%');
+                }
+            })
+            ->order(['sort' => 'asc', 'id' => 'desc'])
+            ->select();
+
+        return json([
+            'code'    => 0,
+            'message' => '获取成功',
+            'data'    => $articles
+        ]);
+    }
+
+    /**
+     * 帮助文章详情
+     */
+    public function helper_detail()
+    {
+        $id = request()->param('id');
+        $article = Loader::model('Article')->where('id', '=', $id)->find();
+
+        if (request()->isAjax()) {
+            return json([
+                'code'    => 0,
+                'message' => '获取成功',
+                'data'    => $article
+            ]);
+        } else {
+            // 获取分类
+            $categorys = $this->getCategoryTree(76);
+            // 获取文章
+            $articles = $this->getArticleByCategory($categorys, );
+            // 组装数据
+            foreach ($categorys as $key => &$val) {
+                if (!isset($val['articles'])) {
+                    $val['articles'] = [];
+                }
+                if (isset($articles['cid_' . $val['id']])) {
+                    $items = $articles['cid_' . $val['id']];
+                    foreach ($items as $k => $v) {
+                        $val['articles'][] = [
+                            'id' => $v['id'],
+                            'name' => $v['name']
+                        ];
+                    }
+                }
+            }
+            unset($val);
+            $this->assign('categorys', $categorys);
+            $this->assign('article', $article);
+            $this->assign('cid', request()->param('cid'));
+        }
+
+        return $this->fetch();
+    }
 }
diff --git a/app/mobile/view/tops_nas/guide.phtml b/app/mobile/view/tops_nas/guide.phtml
index e1863b5..3897495 100755
--- a/app/mobile/view/tops_nas/guide.phtml
+++ b/app/mobile/view/tops_nas/guide.phtml
@@ -148,6 +148,7 @@
 				display: flex;
 				flex-direction: row;
 				align-items: center;
+			    flex-wrap: wrap;
 			}
 			.narsjswdMbPage .narsjswd-mb-list .jswdmb-item .jswdmb-tags .jswdmb-tag {
 				font-size: 0.75rem;
@@ -155,6 +156,7 @@
 				border: 0.0625rem solid #000;
 				border-radius: 0.125rem;
 				margin-right: 0.5rem;
+				margin-bottom: 0.5rem;
 			}
 			.narsjswdMbPage .narsjswd-mb-list .jswdmb-item .jswdmb-tags .tagmnjswdtype1 {
 				color: #00c5dd;
diff --git a/app/mobile/view/tops_nas/helper.phtml b/app/mobile/view/tops_nas/helper.phtml
new file mode 100644
index 0000000..85f5aa4
--- /dev/null
+++ b/app/mobile/view/tops_nas/helper.phtml
@@ -0,0 +1,382 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>帮助中心</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		{include file='include/head-nas' /}
+		<style>
+            .narshelpCenterPc-app {
+              width: 100%;
+              display: flex;
+              flex-direction: column;
+            }
+            .narshelpCenterPc-app .nhlpapp-search {
+              position: fixed;
+              z-index: 2;
+              top: 0;
+              height: 100vh;
+              display: flex;
+              width: 100%;
+              background: #fff;
+              flex-direction: column;
+              display: none;
+            }
+            .narshelpCenterPc-app .nhlpapp-search .nhlpappshtop {
+              display: flex;
+              flex-direction: row;
+              align-items: center;
+              justify-content: center;
+            }
+            .narshelpCenterPc-app .nhlpapp-search .nhlpappshtop .closetx {
+              font-size: 14px;
+              margin-right: 8%;
+            }
+            .narshelpCenterPc-app .nhlpapp-search .nhlpapp-shdiv {
+              margin: 1rem 20px;
+              height: 2.5rem;
+              display: flex;
+              flex-direction: row;
+              align-items: center;
+              border: 1px solid #cdcedb;
+              border-radius: 1.5625rem;
+              flex: 1;
+            }
+            .narshelpCenterPc-app .nhlpapp-search .nhlpapp-shdiv input {
+              font-size: 0.8125rem;
+              padding: 0 20px;
+              flex: 1;
+              border: none;
+              margin-left: 2px;
+              outline: none;
+            }
+            .narshelpCenterPc-app .nhlpapp-search .nhlpapp-shdiv input::placeholder {
+              color: #8f9099;
+              font-size: 14px;
+            }
+            .narshelpCenterPc-app .nhlpapp-search .nhlpapp-shdiv .searchimg {
+              width: 1.25rem;
+              height: 1.25rem;
+              margin-left: 1%;
+              margin-right: 5%;
+            }
+            .narshelpCenterPc-app .nhlpapp-search .dropdown {
+              height: 90vh;
+              overflow-y: auto;
+              margin: 1.25rem;
+            }
+            .narshelpCenterPc-app .nhlpapp-search .dropdown li {
+              margin-bottom: 0.75rem;
+              font-size: 16px;
+            }
+			.narshelpCenterPc-app .nhlpapp-search .dropdown .search-item {
+				color: #202734;
+			}
+            .narshelpCenterPc-app .nhlpapp-search .nhlpappline {
+              width: 100%;
+              height: 1px;
+              background: #cdcedb;
+            }
+            .narshelpCenterPc-app .headtop {
+              width: 100%;
+              left: 0;
+              right: 0;
+              margin: 0 auto;
+              display: flex;
+              position: fixed;
+              top: 0;
+              display: flex;
+              padding: 1.25rem 0;
+              align-items: center;
+              flex-direction: row;
+              justify-content: space-between;
+              background: #fff;
+            }
+            .narshelpCenterPc-app .headtop .logoicoimg {
+              width: auto;
+              margin-left: 1.875rem;
+            }
+            .narshelpCenterPc-app .headtop .ssicoimg {
+              width: 1.875rem;
+              height: 1.875rem;
+              margin-right: 1.875rem;
+            }
+            .narshelpCenterPc-app .nhlpbner {
+              width: 100%;
+              margin-top: 4.75rem;
+            }
+            .narshelpCenterPc-app .nhlpapp-title {
+              margin: 0 auto;
+              text-align: center;
+              font-size: 1.5rem;
+              margin: 2rem 0;
+            }
+            .narshelpCenterPc-app .nhlpappit {
+              margin: 0 auto;
+              padding: 1.875rem;
+              background: #fafafa;
+              border-radius: 1rem;
+              color: #202734;
+              font-size: 1rem;
+              margin-bottom: 1.25rem;
+              width: 74%;
+            }
+            .narshelpCenterPc-app .nhlpappit .nhlptl {
+              display: flex;
+              flex-direction: row;
+              align-items: center;
+              font-size: 1.5rem;
+              font-weight: bold;
+              padding-bottom: 1.25rem;
+            }
+            .narshelpCenterPc-app .nhlpappit .nhlptl .bhlpicoimg {
+              width: 36px;
+              height: 36px;
+              margin-right: 10px;
+            }
+            .narshelpCenterPc-app .nhlpappit .nhlp-tx-list {
+              display: flex;
+              flex-direction: column;
+            }
+            .narshelpCenterPc-app .nhlpappit .nhlp-tx-list .txrow {
+              display: flex;
+              flex-direction: row;
+              align-items: center;
+              margin-bottom: 1rem;
+              cursor: pointer;
+            }
+            .narshelpCenterPc-app .nhlpappit .nhlp-tx-list .txrow .nhlp-point {
+              width: 0.3125rem;
+              height: 0.3125rem;
+              background: #202734;
+              border-radius: 0.1875rem;
+              margin: 0 0.625rem;
+              margin-left: 0.25rem;
+            }
+            .narshelpCenterPc-app .nhlpappit .nhlp-tx-list .txrow .nhlpsp {
+              flex: 1;
+              color: #1f2635;
+              font-size: 1rem;
+            }
+            .narshelpCenterPc-app .nhlpappit .nhlp-tx-list .ckgdbt {
+              background: #fff;
+              width: fit-content;
+              color: #bfbfc4;
+              font-size: 0.9375rem;
+              border: 0.0625rem solid #bfbfc4;
+              padding: 0.4375rem 1.125rem;
+              margin-top: 1rem;
+              cursor: pointer;
+              border-radius: 1.5rem;
+              display: flex;
+              flex-direction: row;
+              align-items: center;
+            }
+            .narshelpCenterPc-app .nhlpapp-row {
+              display: flex;
+              flex-direction: row;
+              justify-content: space-between;
+              width: 90%;
+              margin: 0 auto;
+              flex-wrap: wrap;
+              margin-bottom: 80px;
+            }
+            .narshelpCenterPc-app .nhlpapp-row .nhlplxwmit {
+              width: 48.3%;
+              padding: 1.5rem 0;
+              background: #f9f9f9;
+              margin-bottom: 0.75rem;
+              display: flex;
+              flex-direction: column;
+              justify-content: center;
+              align-items: center;
+              border-radius: 1rem;
+              cursor: pointer;
+              margin-right: 0.75rem ;
+            }
+            .narshelpCenterPc-app .nhlpapp-row .nhlplxwmit .lximg {
+              width: 2.5rem;
+              height: 2.5rem;
+              margin-bottom: 0.75rem;
+            }
+            .narshelpCenterPc-app .nhlpapp-row .nhlplxwmit .lxewmimg {
+              width: 4rem;
+              width: 4rem;
+              margin-bottom: 1.25rem;
+              display: none;
+            }
+            .narshelpCenterPc-app .nhlpapp-row .nhlplxwmit .t1 {
+              text-align: center;
+              font-size: 0.875rem;
+              padding-bottom: 0.375rem;
+              color: #1f2635;
+            }
+            .narshelpCenterPc-app .nhlpapp-row .nhlplxwmit .t2 {
+              font-size: 0.75rem;
+              color: #1f2635;
+            }
+            .narshelpCenterPc-app .nhlpapp-row .nhlplxwmit-w1 {
+              width: 31%;
+            }
+
+		</style>
+	</head>
+	<body>
+		<div class="narshelpCenterPc-app">
+			<div class="headtop">
+				<img src="__PUBLIC__/m_web/images/nas/help/logo.png" class="logoicoimg" />
+				<img src="__PUBLIC__/m_web/images/nas/help/sousuo.png" class="ssicoimg" />
+			</div>
+			<img src="__PUBLIC__/m_web/images/nas/help/nhlpapp-banner.png" class="nhlpbner" />
+			<h1 class="nhlpapp-title">使用教程</h1>
+			{volist name="categorys" id="vo"}
+			<div class="nhlpappit">
+				<div class="nhlptl">
+					<img src="{$vo.picture}" class="bhlpicoimg" />{$vo.name}
+				</div>
+				<div class="nhlp-tx-list">
+					{volist name="vo.articles" id="va"}
+					<a class="txrow" href="{:url('tops_nas/helper_detail', ['id'=>$va.id])}">
+						<div class="nhlp-point"></div>
+						<span class="nhlpsp">{$va.name}</span>
+						<span class="narhelpgoimg"><img src="__PUBLIC__/m_web/images/nas/help/nhlp-jt.png" /></span>
+					</a>
+					{/volist}
+					{if condition="count($vo.articles) >= 3"}
+					<a href="{:url('tops_nas/helper_detail', ['cid'=>$vo.id, 'id'=>isset($vo.articles[0])?$vo.articles[0]['id']:0])}">
+						<div class="ckgdbt">查看更多 <img src="__PUBLIC__/m_web/images/nas/help/nhlp-jt.png" /></div>
+					</a>
+					{/if}
+				</div>
+			</div>
+			{/volist}
+			<h1 class="nhlpapp-title">联系我们</h1>
+			<div class="nhlpapp-row">
+				{if condition="$banners_size > 0"}
+				<a class="nhlplxwmit">
+					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx1.png" class="lximg" />
+					{if condition="!empty($banners[0]['picture']) && $banners[0]['picture'] != '/uploads/nopic.jpg'"}
+					<img src="$banners[0]['picture']" class="lxewmimg">
+					{/if}
+					<span class="t1">{$banners[0]['name']}</span>
+					<span class="t2">{$banners[0]['desc']}</span>
+				</a>
+				{/if}
+				{if condition="$banners_size > 1"}
+				<a class="nhlplxwmit" style="margin-right: 0;">
+					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx2.png" class="lximg" />
+					{if condition="!empty($banners[1]['picture']) && $banners[1]['picture'] != '/uploads/nopic.jpg'"}
+					<img src="{$banners[1]['picture']}" class="lxewmimg">
+					{/if}
+					<span class="t1">{$banners[1]['name']}</span>
+					<span class="t2">{$banners[1]['desc']}</span>
+				</a>
+				{/if}
+				{if condition="$banners_size > 2"}
+				<a class="nhlplxwmit">
+					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx3.png" class="lximg" />
+					{if condition="!empty($banners[2]['picture']) && $banners[2]['picture'] != '/uploads/nopic.jpg'"}
+					<img src="__PUBLIC__/m_web/images/nas/help/nas-gzh-ewm.jpg" class="lxewmimg">
+					{/if}
+					<span class="t1">{$banners[2]['name']}<br />{$banners[2]['desc']}</span>
+				</a>
+				{/if}
+				{if condition="$banners_size > 3"}
+				<a class="nhlplxwmit" style="margin-right: 0;">
+					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx4.png" class="lximg" />
+					{if condition="!empty($banners[3]['picture']) && $banners[3]['picture'] != '/uploads/nopic.jpg'"}
+					<img src="{$banners[3]['picture']}" class="lxewmimg">
+					{/if}
+					<span class="t1">{$banners[3]['name']}<br />{$banners[3]['desc']}</span>
+				</a>
+				{/if}
+				{if condition="$banners_size > 4"}
+				<a class="nhlplxwmit nhlplxwmit-w1">
+					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx5.png" class="lximg" />
+					{if condition="!empty($banners[4]['picture']) && $banners[4]['picture'] != '/uploads/nopic.jpg'"}
+					<img src="{$banners[4]['picture']}" class="lxewmimg">
+					{/if}
+					<span class="t1">{$banners[4]['name']}<br />{$banners[4]['desc']}</span>
+				</a>
+				{/if}
+				{if condition="$banners_size > 5"}
+				<a class="nhlplxwmit nhlplxwmit-w1">
+					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx6.png" class="lximg" />
+					{if condition="!empty($banners[5]['picture']) && $banners[5]['picture'] != '/uploads/nopic.jpg'"}
+					<img src="{$banners[5]['picture']}" class="lxewmimg">
+					{/if}
+					<span class="t1">{$banners[5]['name']}<br />{$banners[5]['desc']}</span>
+				</a>
+				{/if}
+				{if condition="$banners_size > 6"}
+				<a class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;">
+					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx7.png" class="lximg" />
+					{if condition="!empty($banners[6]['picture']) && $banners[6]['picture'] != '/uploads/nopic.jpg'"}
+					<img src="{$banners[6]['picture']}" class="lxewmimg">
+					{/if}
+					<span class="t1">{$banners[6]['name']}<br />{$banners[6]['desc']}</span>
+				<a>
+				{/if}
+			</div>
+			<!--搜索-->
+			<div class="nhlpapp-search">
+				<div class="nhlpappshtop">
+					<div class='nhlpapp-shdiv'>
+						<input class="nhlp-ipt" id="search-input" placeholder="请输入搜索关键字,如安装赛博云空间,影视库" />
+						<img src="__PUBLIC__/m_web/images/nas/help/ssapp.png" class="searchimg" />
+					</div>
+					<span class="closetx">取消</span>
+				</div>
+				<div class="nhlpappline"></div>
+				<!-- 下拉搜索框 -->
+				<div class="dropdown" id="dropdown"></div>
+			</div>
+			 {include file="include/bottom1" /}
+		</div>
+	</body>
+	<script>
+		$(document).ready(function() {
+			$('.closetx').click(function() {
+				$('.nhlpapp-search').hide();
+			});
+			$('.ssicoimg').click(function() {
+				$('.nhlpapp-search').show();
+			});
+
+			// 搜索
+			var timeout = null;
+			$('#search-input').on('focus input', function() {
+				clearTimeout(timeout);
+				var _this = this;
+				timeout = setTimeout(function() {
+					var keywords = $(_this).val();
+					if (keywords == '') {
+						$('#dropdown').hide().html('');
+						return;
+					}
+					$.ajax({
+						url: "{:url('tops_nas/helper_search')}",
+						type: 'POST',
+						data: {keywords: keywords},
+						dataType: 'JSON',
+						success: function(r) {
+							var html = '';
+							if (r.code == 0) {
+								html = '<ul>'
+								$.each(r.data, function(k, v) {
+									html += '<li><a class="search-item" href="{:url(\'tops_nas/helper_detail\')}?id=' + v.id + '">' + v.name + '</a></li>'
+								})
+								html += '</ul>'
+							}
+							$('#dropdown').show().html(html);
+						}
+					})
+				}, 300);
+			});
+			$('.nhlplxwmit:not(:first)').click(function() {
+				$(this).find('.lximg').toggle();
+				$(this).find('.lxewmimg').toggle();
+			});
+		});
+	</script>
+</html>
\ No newline at end of file
diff --git a/app/mobile/view/tops_nas/helper_detail.phtml b/app/mobile/view/tops_nas/helper_detail.phtml
new file mode 100644
index 0000000..c9ff6b0
--- /dev/null
+++ b/app/mobile/view/tops_nas/helper_detail.phtml
@@ -0,0 +1,286 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>帮助中心</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		{include file='include/head-nas' /}
+		<style>
+      .narshelpCenterdetail-app {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+      }
+      .narshelpCenterdetail-app .headtop {
+        width: 100%;
+        left: 0;
+        right: 0;
+        margin: 0 auto;
+        display: flex;
+        position: fixed;
+        top: 0;
+        display: flex;
+        padding: 1.25rem 0;
+        align-items: center;
+        flex-direction: row;
+        justify-content: space-between;
+        background: #fff;
+      }
+      .narshelpCenterdetail-app .headtop .logoicoimg {
+        width: auto;
+        margin-left: 1.875rem;
+      }
+      .narshelpCenterdetail-app .headtop .ssicoimg {
+        width: 1.875rem;
+        height: 1.875rem;
+        margin-right: 1.875rem;
+      }
+      .narshelpCenterdetail-app .nhlp-app-content {
+        margin: 1.25rem;
+        height: 100%;
+        overflow-y: auto;
+        margin-top: 8vh;
+      }
+      .narshelpCenterdetail-app .nhlpapp-search {
+        position: fixed;
+        z-index: 2;
+        top: 0;
+        height: 100vh;
+        display: flex;
+        width: 100%;
+        background: #fff;
+        flex-direction: column;
+        display: none;
+      }
+      .narshelpCenterdetail-app .nhlpapp-search .nhlpappshtop {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+      }
+      .narshelpCenterdetail-app .nhlpapp-search .nhlpappshtop .closetx {
+        font-size: 16px;
+        margin-right: 8%;
+      }
+      .narshelpCenterdetail-app .nhlpapp-search .nhlpapp-shdiv {
+        margin: 1rem 20px;
+        height: 2.5rem;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        border: 1px solid #cdcedb;
+        border-radius: 1.5625rem;
+        flex: 1;
+      }
+      .narshelpCenterdetail-app .nhlpapp-search .nhlpapp-shdiv input {
+        font-size: 16px;
+        padding: 0 20px;
+        flex: 1;
+        border: none;
+        margin-left: 2px;
+        outline: none;
+      }
+      .narshelpCenterdetail-app .nhlpapp-search .nhlpapp-shdiv input::placeholder {
+        color: #8f9099;
+        font-size: 14px;
+      }
+      .narshelpCenterdetail-app .nhlpapp-search .nhlpapp-shdiv .searchimg {
+        width: 1.25rem;
+        height: 1.25rem;
+        margin-left: 1%;
+        margin-right: 5%;
+      }
+      .narshelpCenterdetail-app .nhlpapp-search .dropdown {
+        height: 90vh;
+        overflow-y: auto;
+        margin: 1.25rem;
+      }
+      .narshelpCenterdetail-app .nhlpapp-search .dropdown li {
+        margin-bottom: 0.75rem;
+        font-size: 16px;
+      }
+      .narshelpCenterdetail-app .nhlpapp-search .dropdown .search-item {
+				color: #202734;
+			}
+      .narshelpCenterdetail-app .nhlpapp-search .nhlpappline {
+        width: 100%;
+        height: 1px;
+        background: #cdcedb;
+      }
+      .narshelpCenterdetail-app .nhlpapp-pagescate {
+        position: absolute;
+        margin-top: 8.7vh;
+        height: 90.3vh;
+        display: flex;
+        width: 100%;
+        flex-direction: column;
+        display: none;
+        background: #fff;
+        overflow-y: auto;
+      }
+      .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml {
+        overflow-y: auto;
+        margin: 0 0.625rem;
+      }
+      .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .nav-tree {
+        overflow-y: auto;
+      }
+      .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .categoryhelp {
+        margin-bottom: 5px;
+      }
+      .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .categoryhelp-title {
+        display: block;
+        padding: 10px;
+        cursor: pointer;
+        position: relative;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        font-size: 1rem;
+        font-weight: bold;
+        margin-left: 10px;
+        color: #1f2635;
+      }
+      .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .arrow {
+        margin-right: 0.125rem;
+        transform: rotate(0deg);
+        display: flex;
+        justify-content: center;
+      }
+      .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .arrow .nars-jt {
+        width: 16px;
+        height: 16px;
+      }
+      .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .rotate {
+        transform: rotate(45deg);
+      }
+      .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list {
+        display: none;
+        list-style: none;
+        padding: 0;
+        margin: 0;
+      }
+      .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list li a {
+        width: fit-content;
+        display: block;
+        margin: 0 10px;
+        padding-top: 22px;
+        text-decoration: none;
+        color: #333;
+        margin-left: 41px;
+        font-size: 0.875rem;
+        color: #8f9099;
+      }
+      .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list li:first a {
+        padding-top: 0;
+      }
+      .narshelpCenterdetail-app .nhlpapp-pagescate .nars-hlpdt-ml .sub-list li a:hover {
+        color: #1f2635;
+        border-bottom: 1px solid #1f2635;
+      }
+		</style>
+	</head>
+	<body>
+		<div class="narshelpCenterdetail-app">
+			<div class="headtop">
+				<img src="__PUBLIC__/m_web/images/nas/help/logo.png" class="logoicoimg" />
+				<div>
+					<img src="__PUBLIC__/m_web/images/nas/help/fenlei.png" class="ssicoimg" id="flico"/>
+					<img src="__PUBLIC__/m_web/images/nas/help/sousuo.png" class="ssicoimg" id="ssico"/>
+				</div>
+			</div>
+			<div id="rendered-content" class="nhlp-app-content">{$article.content|default=''}</div>
+			<!--搜索-->
+			<div class="nhlpapp-search">
+				<div class="nhlpappshtop">
+					<div class='nhlpapp-shdiv'>
+						<input class="nhlp-ipt" id="search-input" placeholder="请输入搜索关键字,如安装赛博云空间,影视库" />
+						<img src="__PUBLIC__/m_web/images/nas/help/ssapp.png" class="searchimg" />
+					</div>
+					<span class="closetx">取消</span>
+				</div>
+				<div class="nhlpappline"></div>
+				<!-- 下拉搜索框 -->
+				<div class="dropdown" id="dropdown"></div>
+			</div>
+			<!-- 分类文章目录 -->
+			<div class="nhlpapp-pagescate" {if condition="!empty($cid)"}style="display:block;"{/if}>
+				<div class="nars-hlpdt-ml">
+					<div class="nav-tree">
+            {volist name="categorys" id="vo"}
+            <div class="categoryhelp">
+							<div class="categoryhelp-title">
+								<div class="arrow"><img src="__PUBLIC__/m_web/images/nas/help/nars-jt.png" class="arrow" /></div>
+								<span>{$vo.name}</span>
+							</div>
+							<ul class="sub-list" {if condition="$cid == $vo.id"}style="display:block;"{/if}>
+                {volist name="vo.articles" id="va"}
+                <li>
+                  {if condition="$key == 0"}
+                  <a href="{:url('tops_nas/helper_detail', ['id'=>$va.id])}" style="padding-top: 6px;">{$va.name}</a>
+                  {else/}
+                  <a href="{:url('tops_nas/helper_detail', ['id'=>$va.id])}">{$va.name}</a>
+                  {/if}
+                </li>
+                {/volist}
+							</ul>
+						</div>
+            {/volist}
+					</div>
+				</div>
+			</div>
+			{include file="include/bottom1" /}
+		</div>
+	</body>
+	<script>
+		$(document).ready(function() {
+			// 点击顶部分类图标
+			$('#flico').click(function() {
+				$('.nhlpapp-pagescate').toggle();
+			});
+			// 点击分类的交互
+			$('.categoryhelp-title').click(function() {
+				$(this).next('.sub-list').slideToggle();
+				$(this).find('.arrow').toggleClass('rotate');
+			});
+			// 点击顶部搜索图标-点击取消关闭
+			$('#ssico').click(function() {
+				$('.nhlpapp-pagescate').hide();
+				$('.nhlpapp-search').show();
+			});
+			$('.closetx').click(function() {
+				$('.nhlpapp-search').hide();
+			});
+      // 搜索
+      var timeout = null;
+      $('#search-input').on('focus input', function() {
+        clearTimeout(timeout);
+        var _this = this;
+        timeout = setTimeout(function() {
+					var keywords = $(_this).val();
+					if (keywords == '') {
+						$('#dropdown').hide().html('');
+						return;
+					}
+					$.ajax({
+						url: "{:url('tops_nas/helper_search')}",
+						type: 'POST',
+						data: {keywords: keywords},
+						dataType: 'JSON',
+						success: function(r) {
+							var html = '';
+							if (r.code == 0) {
+								html = '<ul>'
+								$.each(r.data, function(k, v) {
+									html += '<li><a class="search-item" href="{:url(\'tops_nas/helper_detail\')}?id=' + v.id + '">' + v.name + '</a></li>'
+								})
+								html += '</ul>'
+							}
+							$('#dropdown').show().html(html);
+						}
+					})
+				}, 300);
+      });
+		});
+	</script>
+</html>
\ No newline at end of file

From 1a221945a3d505ac286fdcf5e0da0d59d8018e37 Mon Sep 17 00:00:00 2001
From: liqian <735273025@qq.com>
Date: Mon, 17 Feb 2025 15:49:17 +0800
Subject: [PATCH 9/9] =?UTF-8?q?nas=E5=B8=AE=E5=8A=A9=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/view/tops_nas/beta.phtml           |  4 +-
 app/index/view/tops_nas/helper.phtml         | 59 ++++++++++----------
 app/index/view/tops_nas/helper_detail.phtml  |  6 ++
 app/index/view/tops_nas/index.phtml          |  1 -
 app/mobile/view/tops_nas/beta.phtml          |  7 ++-
 app/mobile/view/tops_nas/download.phtml      |  5 +-
 app/mobile/view/tops_nas/helper.phtml        | 59 ++++++++------------
 app/mobile/view/tops_nas/helper_detail.phtml | 38 ++++++++++---
 8 files changed, 101 insertions(+), 78 deletions(-)

diff --git a/app/index/view/tops_nas/beta.phtml b/app/index/view/tops_nas/beta.phtml
index c46c3cb..6c2becf 100755
--- a/app/index/view/tops_nas/beta.phtml
+++ b/app/index/view/tops_nas/beta.phtml
@@ -225,8 +225,8 @@
  							<span>3.请遵守国家相关法律、法规，勿上传、下载和分享非法数据</span>
  						</div>
 						<div class="nztbzyj">
-							<a>意见反馈</a>
-							<a>帮助中心</a>
+							<a href="https://alidocs.dingtalk.com/notable/share/form/v013M0Oz5Xz1Xv8qzeE_vQkCkLg_cMm6AQO" target="_blank">意见反馈</a>
+							<a href="https://www.orico.com.cn/index/tops_nas/helper.html" target="_blank">帮助中心</a>
 						</div>
  					</div>
  				</div>
diff --git a/app/index/view/tops_nas/helper.phtml b/app/index/view/tops_nas/helper.phtml
index db14761..80a7d41 100644
--- a/app/index/view/tops_nas/helper.phtml
+++ b/app/index/view/tops_nas/helper.phtml
@@ -6,6 +6,9 @@
     <title>帮助中心</title>
 	{include file='include/head-nas' /}
     <style>
+        [class*=' icon-'] {
+     		   color: #000;
+     	}
         .narshelpCenterPc {
           display: flex;
           flex-direction: column;
@@ -316,9 +319,9 @@
     </style>
 </head>
 <body>
-	<!-- 顶部导航 -->
-	{include file='include/top-header-nas'/}
     <div class="narshelpCenterPc">
+        <!-- 顶部导航 -->
+	    {include file='include/top-header-nas'/}
 		<!-- banner-搜索-->
 		<div class="pagetopbg">
 			<img src="__PUBLIC__/m_web/images/nas/help/banner.jpg" class="hpbgimg" />
@@ -444,32 +447,32 @@
       // 监听输入框内容变化
       var timeout = null;
 			$('#search-input').on('focus input', function() {
-        clearTimeout(timeout);
-        var _this = this;
-				timeout = setTimeout(function () {
-          var keywords = $(_this).val();
-          if (keywords == '') {
-            $('#dropdown').hide().html('');
-            return;
-          }
-          $.ajax({
-            url: "{:url('tops_nas/helper_search')}",
-            type: 'POST',
-            data: {keywords: keywords},
-            dataType: 'JSON',
-            success: function(r) {
-              var html = '';
-              if (r.code == 0) {
-                html = '<ul>'
-                $.each(r.data, function(k, v) {
-                  html += '<li><a href="{:url(\'tops_nas/helper_detail\')}?id=' + v.id + '">' + v.name + '</a></li>'
-                })
-                html += '</ul>'
-              }
-              $('#dropdown').show().html(html);
-            }
-          })
-        }, 300);
+                clearTimeout(timeout);
+                var _this = this;
+        				timeout = setTimeout(function () {
+                  var keywords = $(_this).val();
+                  if (keywords == '') {
+                    $('#dropdown').hide().html('');
+                    return;
+                  }
+                  $.ajax({
+                    url: "{:url('tops_nas/helper_search')}",
+                    type: 'POST',
+                    data: {keywords: keywords},
+                    dataType: 'JSON',
+                    success: function(r) {
+                      var html = '';
+                      if (r.code == 0) {
+                        html = '<ul>'
+                        $.each(r.data, function(k, v) {
+                          html += '<li><a href="{:url(\'tops_nas/helper_detail\')}?id=' + v.id + '">' + v.name + '</a></li>'
+                        })
+                        html += '</ul>'
+                      }
+                      $('#dropdown').show().html(html);
+                    }
+                  })
+                }, 300);
 			})
 			$(document).on('click', function (e) {
 				var target = $(e.target);
diff --git a/app/index/view/tops_nas/helper_detail.phtml b/app/index/view/tops_nas/helper_detail.phtml
index 91f2a7b..ebf21c1 100644
--- a/app/index/view/tops_nas/helper_detail.phtml
+++ b/app/index/view/tops_nas/helper_detail.phtml
@@ -6,6 +6,9 @@
     <title>帮助中心</title>
     {include file='include/head-nas' /}
     <style>
+        [class*=' icon-'] {
+     		color: #000;
+     	 }
         .narshelpdetailPc {
           display: flex;
           flex-direction: column;
@@ -167,6 +170,9 @@
           overflow-y: auto;
           position: relative;
         }
+        .narshelpdetailPc .nars-help-content .nars-hlpdt-mm img{
+            max-width: 100%;
+        }
   /*      .narshelpdetailPc .nars-help-content .nars-hlpdt-mm img{*/
 		/*	width: -webkit-fill-available;*/
 		/*}*/
diff --git a/app/index/view/tops_nas/index.phtml b/app/index/view/tops_nas/index.phtml
index 4cf61da..78e5095 100755
--- a/app/index/view/tops_nas/index.phtml
+++ b/app/index/view/tops_nas/index.phtml
@@ -4,7 +4,6 @@
  		<meta charset="utf-8" />
  		<meta name="viewport" content="width=device-width, initial-scale=1">
  		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-
  		<title>元创官网</title>
  		{include file='include/head-nas'/}
     </head>
diff --git a/app/mobile/view/tops_nas/beta.phtml b/app/mobile/view/tops_nas/beta.phtml
index b6bc5a1..4b1c1b5 100755
--- a/app/mobile/view/tops_nas/beta.phtml
+++ b/app/mobile/view/tops_nas/beta.phtml
@@ -11,6 +11,9 @@
 		</style>
         {include file='include/head-nas'/}
 		<style type="text/css">
+		[class*=' icon-'] {
+     		    color: #000;
+     		}
  			.narsZTPC {
  				width: 100%;
  				height: 100vh;
@@ -230,8 +233,8 @@
  							<span>3.请遵守国家相关法律、法规，勿上传、下载和分享非法数据</span>
  						</div>
 						<div class="nztbzyj">
-							<a>意见反馈</a>
-							<a>帮助中心</a>
+							<a href="https://alidocs.dingtalk.com/notable/share/form/v013M0Oz5Xz1Xv8qzeE_vQkCkLg_cMm6AQO" target="_blank">意见反馈</a>
+							<a href="https://www.orico.com.cn/index/tops_nas/helper.html" target="_blank">帮助中心</a>
 						</div>
  					</div>
  				</div>
diff --git a/app/mobile/view/tops_nas/download.phtml b/app/mobile/view/tops_nas/download.phtml
index 8495655..72e54e8 100755
--- a/app/mobile/view/tops_nas/download.phtml
+++ b/app/mobile/view/tops_nas/download.phtml
@@ -4,8 +4,11 @@
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<title>元创官网</title>
-		{include file='include/head-nas' /}
+		{include file='include/head-nas'/}
 		<style type="text/css">
+		    .icon-menu-svg,.icon-search-svg,.icon-lag-svg{
+     		    color: #000 !important;
+     		}
 			.header {
 				color: #fff;
 			}
diff --git a/app/mobile/view/tops_nas/helper.phtml b/app/mobile/view/tops_nas/helper.phtml
index 85f5aa4..9539e19 100644
--- a/app/mobile/view/tops_nas/helper.phtml
+++ b/app/mobile/view/tops_nas/helper.phtml
@@ -6,6 +6,9 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		{include file='include/head-nas' /}
 		<style>
+		   .icon-menu-svg,.icon-search-svg,.icon-lag-svg{
+     		    color: #000 !important;
+     		}
             .narshelpCenterPc-app {
               width: 100%;
               display: flex;
@@ -67,7 +70,12 @@
             }
             .narshelpCenterPc-app .nhlpapp-search .dropdown li {
               margin-bottom: 0.75rem;
-              font-size: 16px;
+              font-size: 0.9rem;
+              font-weight: 400;
+              width:100%;
+              white-space: nowrap; /* 禁止文本换行 */
+              overflow: hidden; /* 隐藏超出容器的内容 */
+              text-overflow: ellipsis; /* 超出部分用省略号表示 */
             }
 			.narshelpCenterPc-app .nhlpapp-search .dropdown .search-item {
 				color: #202734;
@@ -224,7 +232,7 @@
 	<body>
 		<div class="narshelpCenterPc-app">
 			<div class="headtop">
-				<img src="__PUBLIC__/m_web/images/nas/help/logo.png" class="logoicoimg" />
+			    <a href="https://www.orico.com.cn/mobile/tops_nas/index.html"><img src="__PUBLIC__/m_web/images/nas/help/logo.png" class="logoicoimg" /></a>
 				<img src="__PUBLIC__/m_web/images/nas/help/sousuo.png" class="ssicoimg" />
 			</div>
 			<img src="__PUBLIC__/m_web/images/nas/help/nhlpapp-banner.png" class="nhlpbner" />
@@ -253,67 +261,47 @@
 			<h1 class="nhlpapp-title">联系我们</h1>
 			<div class="nhlpapp-row">
 				{if condition="$banners_size > 0"}
-				<a class="nhlplxwmit">
+				<a  {if $banners[0]['link']}href="{$banners[0]['link']}"{/if} class="nhlplxwmit">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx1.png" class="lximg" />
-					{if condition="!empty($banners[0]['picture']) && $banners[0]['picture'] != '/uploads/nopic.jpg'"}
-					<img src="$banners[0]['picture']" class="lxewmimg">
-					{/if}
+				
 					<span class="t1">{$banners[0]['name']}</span>
 					<span class="t2">{$banners[0]['desc']}</span>
 				</a>
 				{/if}
 				{if condition="$banners_size > 1"}
-				<a class="nhlplxwmit" style="margin-right: 0;">
+				<a {if $banners[1]['link']}href="{$banners[1]['link']}"{/if}  class="nhlplxwmit" style="margin-right: 0;">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx2.png" class="lximg" />
-					{if condition="!empty($banners[1]['picture']) && $banners[1]['picture'] != '/uploads/nopic.jpg'"}
-					<img src="{$banners[1]['picture']}" class="lxewmimg">
-					{/if}
 					<span class="t1">{$banners[1]['name']}</span>
 					<span class="t2">{$banners[1]['desc']}</span>
 				</a>
 				{/if}
 				{if condition="$banners_size > 2"}
-				<a class="nhlplxwmit">
+				<a {if $banners[2]['link']}href="{$banners[2]['link']}"{/if} class="nhlplxwmit">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx3.png" class="lximg" />
-					{if condition="!empty($banners[2]['picture']) && $banners[2]['picture'] != '/uploads/nopic.jpg'"}
-					<img src="__PUBLIC__/m_web/images/nas/help/nas-gzh-ewm.jpg" class="lxewmimg">
-					{/if}
 					<span class="t1">{$banners[2]['name']}<br />{$banners[2]['desc']}</span>
 				</a>
 				{/if}
 				{if condition="$banners_size > 3"}
-				<a class="nhlplxwmit" style="margin-right: 0;">
+				<a {if $banners[3]['link']}href="{$banners[3]['link']}"{/if} class="nhlplxwmit" style="margin-right: 0;">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx4.png" class="lximg" />
-					{if condition="!empty($banners[3]['picture']) && $banners[3]['picture'] != '/uploads/nopic.jpg'"}
-					<img src="{$banners[3]['picture']}" class="lxewmimg">
-					{/if}
 					<span class="t1">{$banners[3]['name']}<br />{$banners[3]['desc']}</span>
 				</a>
 				{/if}
 				{if condition="$banners_size > 4"}
-				<a class="nhlplxwmit nhlplxwmit-w1">
+				<a {if $banners[4]['link']}href="{$banners[4]['link']}"{/if} class="nhlplxwmit nhlplxwmit-w1">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx5.png" class="lximg" />
-					{if condition="!empty($banners[4]['picture']) && $banners[4]['picture'] != '/uploads/nopic.jpg'"}
-					<img src="{$banners[4]['picture']}" class="lxewmimg">
-					{/if}
 					<span class="t1">{$banners[4]['name']}<br />{$banners[4]['desc']}</span>
 				</a>
 				{/if}
 				{if condition="$banners_size > 5"}
-				<a class="nhlplxwmit nhlplxwmit-w1">
+				<a {if $banners[5]['link']}href="{$banners[5]['link']}"{/if} class="nhlplxwmit nhlplxwmit-w1">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx6.png" class="lximg" />
-					{if condition="!empty($banners[5]['picture']) && $banners[5]['picture'] != '/uploads/nopic.jpg'"}
-					<img src="{$banners[5]['picture']}" class="lxewmimg">
-					{/if}
 					<span class="t1">{$banners[5]['name']}<br />{$banners[5]['desc']}</span>
 				</a>
 				{/if}
 				{if condition="$banners_size > 6"}
-				<a class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;">
+				<a {if $banners[6]['link']}href="{$banners[6]['link']}"{/if} class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;">
 					<img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx7.png" class="lximg" />
-					{if condition="!empty($banners[6]['picture']) && $banners[6]['picture'] != '/uploads/nopic.jpg'"}
-					<img src="{$banners[6]['picture']}" class="lxewmimg">
-					{/if}
 					<span class="t1">{$banners[6]['name']}<br />{$banners[6]['desc']}</span>
 				<a>
 				{/if}
@@ -322,7 +310,7 @@
 			<div class="nhlpapp-search">
 				<div class="nhlpappshtop">
 					<div class='nhlpapp-shdiv'>
-						<input class="nhlp-ipt" id="search-input" placeholder="请输入搜索关键字,如安装赛博云空间,影视库" />
+						<input class="nhlp-ipt" id="search-input" placeholder="请输入搜索关键字，如安装赛博云空间、影视库" />
 						<img src="__PUBLIC__/m_web/images/nas/help/ssapp.png" class="searchimg" />
 					</div>
 					<span class="closetx">取消</span>
@@ -373,10 +361,11 @@
 					})
 				}, 300);
 			});
-			$('.nhlplxwmit:not(:first)').click(function() {
-				$(this).find('.lximg').toggle();
-				$(this).find('.lxewmimg').toggle();
-			});
+			 $('.nhlplxwmit:not(:first)').hover(function() {
+                $(this).find('.lximg').show();
+            }, function() {
+                $(this).find('.lximg').show();
+            });
 		});
 	</script>
 </html>
\ No newline at end of file
diff --git a/app/mobile/view/tops_nas/helper_detail.phtml b/app/mobile/view/tops_nas/helper_detail.phtml
index c9ff6b0..389803a 100644
--- a/app/mobile/view/tops_nas/helper_detail.phtml
+++ b/app/mobile/view/tops_nas/helper_detail.phtml
@@ -6,6 +6,9 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		{include file='include/head-nas' /}
 		<style>
+		.icon-menu-svg,.icon-search-svg,.icon-lag-svg{
+     		    color: #000 !important;
+     		}
       .narshelpCenterdetail-app {
         width: 100%;
         display: flex;
@@ -33,13 +36,15 @@
       .narshelpCenterdetail-app .headtop .ssicoimg {
         width: 1.875rem;
         height: 1.875rem;
-        margin-right: 1.875rem;
+        margin-right: 15px;
       }
       .narshelpCenterdetail-app .nhlp-app-content {
         margin: 1.25rem;
         height: 100%;
-        overflow-y: auto;
-        margin-top: 8vh;
+        margin-top: 9.2vh;
+      }
+      .narshelpCenterdetail-app #rendered-content  img {
+        max-width: 100%;
       }
       .narshelpCenterdetail-app .nhlpapp-search {
         position: fixed;
@@ -97,11 +102,16 @@
       }
       .narshelpCenterdetail-app .nhlpapp-search .dropdown li {
         margin-bottom: 0.75rem;
-        font-size: 16px;
+        font-size: 0.9rem;
+        font-weight: 400;
+        width:100%;
+        white-space: nowrap; /* 禁止文本换行 */
+        overflow: hidden; /* 隐藏超出容器的内容 */
+        text-overflow: ellipsis; /* 超出部分用省略号表示 */
       }
       .narshelpCenterdetail-app .nhlpapp-search .dropdown .search-item {
-				color: #202734;
-			}
+		color: #202734;
+	   }
       .narshelpCenterdetail-app .nhlpapp-search .nhlpappline {
         width: 100%;
         height: 1px;
@@ -183,10 +193,10 @@
 	<body>
 		<div class="narshelpCenterdetail-app">
 			<div class="headtop">
-				<img src="__PUBLIC__/m_web/images/nas/help/logo.png" class="logoicoimg" />
+				<a href="https://www.orico.com.cn/mobile/tops_nas/index.html"><img src="__PUBLIC__/m_web/images/nas/help/logo.png" class="logoicoimg" /></a>
 				<div>
 					<img src="__PUBLIC__/m_web/images/nas/help/fenlei.png" class="ssicoimg" id="flico"/>
-					<img src="__PUBLIC__/m_web/images/nas/help/sousuo.png" class="ssicoimg" id="ssico"/>
+					<img src="__PUBLIC__/m_web/images/nas/help/sousuo.png" class="ssicoimg" id="ssico" style="margin-right:32px"/>
 				</div>
 			</div>
 			<div id="rendered-content" class="nhlp-app-content">{$article.content|default=''}</div>
@@ -194,7 +204,7 @@
 			<div class="nhlpapp-search">
 				<div class="nhlpappshtop">
 					<div class='nhlpapp-shdiv'>
-						<input class="nhlp-ipt" id="search-input" placeholder="请输入搜索关键字,如安装赛博云空间,影视库" />
+						<input class="nhlp-ipt" id="search-input" placeholder="请输入搜索关键字，如安装赛博云空间、影视库" />
 						<img src="__PUBLIC__/m_web/images/nas/help/ssapp.png" class="searchimg" />
 					</div>
 					<span class="closetx">取消</span>
@@ -237,6 +247,16 @@
 			// 点击顶部分类图标
 			$('#flico').click(function() {
 				$('.nhlpapp-pagescate').toggle();
+				// 检查分类菜单是否显示
+                if ($('.nhlpapp-pagescate').is(':visible')) {
+                    // 如果分类菜单显示，则隐藏文章内容
+                    $('#rendered-content').hide();
+                    $('.footer').hide()
+                } else {
+                    // 如果分类菜单隐藏，则显示文章内容
+                    $('#rendered-content').show();
+                    $('.footer').show()
+                }
 			});
 			// 点击分类的交互
 			$('.categoryhelp-title').click(function() {