From a7d68b57e52ac48d33122f718f98505b1a49d8ac Mon Sep 17 00:00:00 2001
From: liqian <735273025@qq.com>
Date: Tue, 15 Apr 2025 14:38:34 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BF=AE=E6=94=B9=E8=8B=B1?=
 =?UTF-8?q?=E6=96=87nas=E7=9B=B8=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/mobile/view/tops_nas/download.phtml       |  6 ++
 app/us/view/include/top-header-nas.phtml      | 22 ++++---
 app/us/view/tops_nas/download.phtml           | 48 +++++++++++++---
 app/us/view/tops_nas/helper.phtml             | 57 ++++++++++++-------
 app/us/view/tops_nas/helper_detail.phtml      |  6 +-
 app/usmobile/view/include/top_nas.phtml       |  2 +-
 app/usmobile/view/tops_nas/download.phtml     | 46 ++++++++++++---
 app/usmobile/view/tops_nas/helper.phtml       | 55 +++++++++++-------
 .../view/tops_nas/helper_detail.phtml         | 18 +++---
 public/frontend/web/css/nas.css               |  4 +-
 10 files changed, 183 insertions(+), 81 deletions(-)

diff --git a/app/mobile/view/tops_nas/download.phtml b/app/mobile/view/tops_nas/download.phtml
index 72e54e8..b5ff8c3 100755
--- a/app/mobile/view/tops_nas/download.phtml
+++ b/app/mobile/view/tops_nas/download.phtml
@@ -120,6 +120,12 @@
 				width: 50%;
 				height: 50%;
 			}
+			.narswljshow .nDtopIt2 .nDitImg .yy_name{
+ 		    font-size: 1.1rem;
+ 		    padding-bottom: 10px;
+ 		    padding-top:5px;
+ 		    font-weight: bold;
+ 		}
  		</style>
 	</head>
 
diff --git a/app/us/view/include/top-header-nas.phtml b/app/us/view/include/top-header-nas.phtml
index ca5398f..2575621 100755
--- a/app/us/view/include/top-header-nas.phtml
+++ b/app/us/view/include/top-header-nas.phtml
@@ -2,18 +2,15 @@
     <div class="headcenter">
         <img
             class="logico"
-            style="cursor:pointer;"
-            src="__PUBLIC__/web/images/logo_nas.png"
-            onclick="location.href='{:url(\'TopsNas/index\')}'"
-        />
+            style="cursor:pointer;width: 13rem;height: 2.8rem;"
+            src="__PUBLIC__/web/images/newlogo_nas.png" />
         <nav class="headnav">
             {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>
+            <a
+                class="navitem"
+                href="{$vo.url}" {if condition="$vo.is_new_window_open" }target="_blank" {/if}>
+                {$vo.name}
+            </a>
             {/volist}
         </nav>
     </div>
@@ -21,8 +18,9 @@
 <script type="text/javascript">
     document.querySelectorAll('.navitem').forEach(function(it) {
         it.classList.remove('hover')
-        if (location.pathname.endsWith(it.getAttribute('href'))) {
+        var attr = it.getAttribute('href')
+        if (location.href == attr || location.pathname.endsWith(attr)) {
             it.classList.add('hover')
         }
     })
-</script>
+</script>
\ No newline at end of file
diff --git a/app/us/view/tops_nas/download.phtml b/app/us/view/tops_nas/download.phtml
index 753e354..12ca245 100755
--- a/app/us/view/tops_nas/download.phtml
+++ b/app/us/view/tops_nas/download.phtml
@@ -9,6 +9,9 @@
  	<link rel="stylesheet" type="text/css" href="__PUBLIC__/web/css/nas.css" />
  	{include file='include/head-nas'/}
  	<style type="text/css">
+    	.narsPage-head .headcenter {
+            width: 75rem !important;
+        }
  		.narsDowloadPc {
  			width: 100%;
  			height: 100vh;
@@ -80,7 +83,7 @@
 
  		.narsDowloadPc .nDtopCtMian .nDtopIt2 {
  			width: 1200px;
- 			height: 205px;
+ 			height: 230px;
  			display: flex;
  			flex-direction: row;
  			justify-content: space-between;
@@ -88,7 +91,7 @@
 
  		.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
  			width: 231px;
- 			height: 205px;
+ 			height: 230px;
  			background: #fff;
  			display: flex;
  			justify-content: center;
@@ -97,12 +100,32 @@
  		}
 
  		.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img {
- 			width: 126px;
- 			height: 126px;
+ 			width: 70px;
+ 			height: 70px;
  		}
 
  		.narswljshow .nDtopIt2 .nDitImg {
  			width: 291px !important;
+ 			display: flex;
+ 			flex-direction: column;
+ 		}
+ 		.narswljshow .nDtopIt2 .nDitImg .dwbt {
+ 		    padding: 6px 38px;
+            background: #A1A7BF;
+            border-radius: 20px;
+            color: #fff;
+            margin-top: 10px;
+            font-size: 16px;
+            cursor: pointer;
+ 		}
+ 		.narswljshow .nDtopIt2 .nDitImg .dwbtactive {
+            background: #004CFA;
+ 		}
+ 		.narswljshow .nDtopIt2 .nDitImg .yy_name{
+ 		    font-size: 18px;
+ 		    padding-bottom: 10px;
+ 		    padding-top:5px;
+ 		    font-weight: bold;
  		}
  	</style>
  </head>
@@ -114,16 +137,17 @@
  		<div class="narsDtabs"></div>
  		<!-- 微链接-->
  		<div class="nDtopCtMian narswljshow">
- 			{if condition="!empty($focus_image)"}
  			<div class="nDtopIt">
- 				<img src="{$focus_image[0]['picture']}" class="tpimg" />
+ 				<img src="/frontend/web/images/download_focus_pc_us.png" class="tpimg" />
  			</div>
- 			{/if}
  			{if condition="!empty($downloads)"}
  			<div class="nDtopIt2">
  				{volist name="downloads" id="vo"}
  				<a href="{$vo.link}" download="{$vo.desc}">
- 					<div class="nDitImg"><img src="{$vo.picture}" /></div>
+ 					<div class="nDitImg"><img src="{$vo.picture}" />
+ 					    <div class="yy_name">{$vo.name}</div>
+ 					    <div class="dwbt">Download</div>
+ 					</div>
  				</a>
  				{/volist}
  			</div>
@@ -132,4 +156,12 @@
  	</div>
  	{include file='include/bottom2023'/}
  </body>
+ <script>
+   $(document).ready(function() {
+        $('.dwbt').click(function() {
+            $('.dwbt').removeClass('dwbtactive');
+            $(this).addClass('dwbtactive');
+        });
+    });
+ </script>
  </html>
\ No newline at end of file
diff --git a/app/us/view/tops_nas/helper.phtml b/app/us/view/tops_nas/helper.phtml
index c7631be..fcdf3ce 100644
--- a/app/us/view/tops_nas/helper.phtml
+++ b/app/us/view/tops_nas/helper.phtml
@@ -7,10 +7,6 @@
     <title>帮助中心</title>
     {include file='include/head-nas' /}
     <style>
-        [class*=' icon-'] {
-            color: #000;
-        }
-
         .narshelpCenterPc {
             display: flex;
             flex-direction: column;
@@ -261,7 +257,8 @@
         }
 
         .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit-w2 {
-            width: 24.3%;
+            /*width: 24.3%;*/
+            flex: 1;
         }
 
         .narshelpCenterPc .dropdown {
@@ -423,8 +420,12 @@
             <h1 class=" helph1 lxwmtitle">Contact US</h1>
             <div class="nhlp-row">
                 {if condition="$banners_size > 0"}
+                {notempty name="banners[0]['link']"}
                 <a href="{$banners[0]['link']}" class="nhlplxwmit nhlplxwmit-w1" target="_blank">
-                    <img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx1.png" class="lximg" />
+                {else/}
+                <a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w1" target="_blank">
+                {/notempty}
+                    <img src="__PUBLIC__/web/images/nas/help/nas_helper_facebook.png" class="lximg" />
                     {if condition="!empty($banners[0]['picture']) && $banners[0]['picture'] != '/uploads/nopic.jpg'"}
                     <img src="{$banners[0]['picture']}" class="lxewmimg">
                     {/if}
@@ -433,8 +434,12 @@
                 </a>
                 {/if}
                 {if condition="$banners_size > 1"}
+                {notempty name="banners[1]['link']"}
                 <a href="{$banners[1]['link']}" class="nhlplxwmit nhlplxwmit-w1" target="_blank">
-                    <img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx2.png" class="lximg" />
+                {else/}
+                <a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w1" target="_blank">
+                {/notempty}
+                    <img src="__PUBLIC__/web/images/nas/help/nas_helper_instagram.png" class="lximg" />
                     {if condition="!empty($banners[1]['picture']) && $banners[1]['picture'] != '/uploads/nopic.jpg'"}
                     <img src="{$banners[1]['picture']}" class="lxewmimg">
                     {/if}
@@ -443,8 +448,12 @@
                 </a>
                 {/if}
                 {if condition="$banners_size > 2"}
+                {notempty name="banners[2]['link']"}
                 <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" />
+                {else/}
+                <a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;" target="_blank">
+                {/notempty}
+                    <img src="__PUBLIC__/web/images/nas/help/nas_helper_youtobe.png" class="lximg" />
                     {if condition="!empty($banners[2]['picture']) && $banners[2]['picture'] != '/uploads/nopic.jpg'"}
                     <img src="{$banners[2]['picture']}" class="lxewmimg">
                     {/if}
@@ -453,8 +462,12 @@
                 </a>
                 {/if}
                 {if condition="$banners_size > 3"}
+                {notempty name="banners[3]['link']"}
                 <a href="{$banners[3]['link']}" class="nhlplxwmit nhlplxwmit-w2" target="_blank">
-                    <img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx4.png" class="lximg" />
+                {else/}
+                <a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w2" target="_blank">
+                {/notempty}
+                    <img src="__PUBLIC__/web/images/nas/help/nas_helper_twitter.png" class="lximg" />
                     {if condition="!empty($banners[3]['picture']) && $banners[3]['picture'] != '/uploads/nopic.jpg'"}
                     <img src="{$banners[3]['picture']}" class="lxewmimg">
                     {/if}
@@ -463,8 +476,12 @@
                 </a>
                 {/if}
                 {if condition="$banners_size > 4"}
-                <a href="{$banners[4]['link']}" class="nhlplxwmit nhlplxwmit-w2" target="_blank">
-                    <img src="__PUBLIC__/m_web/images/nas/help/nhlp-lx5.png" class="lximg" />
+                {notempty name="banners[4]['link']"}
+                <a href="{$banners[4]['link']}" class="nhlplxwmit nhlplxwmit-w2" style="margin-right: 0;" target="_blank">
+                {else/}
+                <a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w2" style="margin-right: 0;" target="_blank">
+                {/notempty}
+                    <img src="__PUBLIC__/web/images/nas/help/nas_helper_tiktok.png" class="lximg" />
                     {if condition="!empty($banners[4]['picture']) && $banners[4]['picture'] != '/uploads/nopic.jpg'"}
                     <img src="{$banners[4]['picture']}" class="lxewmimg">
                     {/if}
@@ -472,16 +489,6 @@
                     <span class="t2">{$banners[4]['desc']}</span>
                 </a>
                 {/if}
-                {if condition="$banners_size > 5"}
-                <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>
-                {/if}
             </div>
         </div>
     </div>
@@ -527,11 +534,17 @@
                 $('#dropdown').hide();
             }
         });
-        $('.nhlplxwmit:not(:first)').hover(function() {
+        $('.nhlplxwmit').hover(function() {
+            if ($(this).find('.lxewmimg').length == 0) {
+                return false;
+            }
             // 当鼠标移入时，显示.lxewmimg 并隐藏.lximg
             $(this).find('.lxewmimg').show();
             $(this).find('.lximg').hide();
         }, function() {
+            if ($(this).find('.lxewmimg').length == 0) {
+                return false;
+            }
             // 当鼠标移出时，隐藏.lxewmimg 并显示.lximg
             $(this).find('.lxewmimg').hide();
             $(this).find('.lximg').show();
diff --git a/app/us/view/tops_nas/helper_detail.phtml b/app/us/view/tops_nas/helper_detail.phtml
index d657734..d1477df 100644
--- a/app/us/view/tops_nas/helper_detail.phtml
+++ b/app/us/view/tops_nas/helper_detail.phtml
@@ -337,9 +337,9 @@
   <div class="narshelpdetailPc">
     <!-- top 搜索-->
     <div class="narsssmain">
-      <div class="ml">帮助中心 / 使用教程</div>
+      <div class="ml">Quick Start Guide</div>
       <div class="nars-hlp-search">
-        <input placeholder="请输入搜索关键字，如安装赛博云空间、影视库" />
+        <input placeholder="What are you looking for?" />
         <img src="__PUBLIC__/m_web/images/nas/help/nhlp-ssico.png" class="ssimg">
       </div>
       <!-- 下拉搜索框 -->
@@ -374,7 +374,7 @@
       <!--锚点定位 -->
       <div class="nars-hlpdt-mr">
         <div id="title-list">
-          <h2 class="tt">目录</h2>
+          <h2 class="tt">Content</h2>
           <ul></ul>
         </div>
       </div>
diff --git a/app/usmobile/view/include/top_nas.phtml b/app/usmobile/view/include/top_nas.phtml
index 87bad8b..4b172bd 100755
--- a/app/usmobile/view/include/top_nas.phtml
+++ b/app/usmobile/view/include/top_nas.phtml
@@ -2,7 +2,7 @@
     <div class="m_Container clearfix">
         <div class="left">
             <span class="icon-logo cursor_p">
-                <a href="__ORICOROOT__/index">
+                <a href="javascript:void(0);">
                     <img src="__PUBLIC__/m_weben/images/logo.png" />
                 </a>
             </span>
diff --git a/app/usmobile/view/tops_nas/download.phtml b/app/usmobile/view/tops_nas/download.phtml
index ae5b8bf..acdc416 100755
--- a/app/usmobile/view/tops_nas/download.phtml
+++ b/app/usmobile/view/tops_nas/download.phtml
@@ -103,12 +103,15 @@
 			align-items: center;
 			cursor: pointer;
 			margin-bottom: 0.625rem;
+			display: flex;
+			flex-direction: column;
 		}
 
 		.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img {
-			width: 6.25rem;
-			height: 6.25rem;
+			width: 3.25rem;
+			height: 3.25rem;
 			padding: 1.25rem;
+			padding-bottom: 0.5rem;
 		}
 
 		.narssbshow .nrowimg {
@@ -123,6 +126,25 @@
 			width: 50%;
 			height: 50%;
 		}
+		.narswljshow .nDtopIt2 .nDitImg .dwbt {
+ 		    padding: 0.5rem 1.8rem;
+            background: #A1A7BF;
+            border-radius: 1.85rem;
+            color: #fff;
+            font-size: 0.85rem;
+            cursor: pointer;
+            margin-bottom: 14%;
+ 		}
+ 		.narswljshow .nDtopIt2 .nDitImg .dwbtactive {
+            background: #004CFA;
+ 		}
+ 		.narswljshow .nDtopIt2 .nDitImg .yy_name{
+ 		    font-size: 1rem;
+ 		    padding-bottom: 10px;
+ 		    padding-top:5px;
+ 		    color: #000;
+ 		    font-weight: bold;
+ 		}
 	</style>
 </head>
 
@@ -132,16 +154,18 @@
 		<div class="narsDtabs"></div>
 		<!-- 微链接-->
 		<div class="nDtopCtMian narswljshow">
-			{if condition="!empty($focus_image)"}
 			<div class="nDtopIt">
-				<img src="{$focus_image[0]['picture']}" class="tpimg" />
+				<img src="/frontend/m_web/images/download_focus_mobile_us.png" class="tpimg" />
 			</div>
-			{/if}
 			{if condition="!empty($downloads)"}
 			<div class="nDtopIt2" style="margin-bottom: 25px;">
 				{volist name="downloads" id="vo"}
 				<a class="nDitImg" href="{$vo.link}" download="{$vo.desc}">
-					<div class="nDitImg"><img src="{$vo.picture}" /></div>
+					<div class="nDitImg">
+					    <img src="{$vo.picture}" />
+					    <div class="yy_name">{$vo.name}</div>
+					    <div class="dwbt">Download</div>
+					</div>
 				</a>
 				{/volist}
 			</div>
@@ -150,5 +174,13 @@
 		{include file='include/bottom'/}
 	</div>
 </body>
-
+ <script>
+   $(document).ready(function() {
+        $('.dwbt').click(function() {
+            console.log(111)
+            $('.dwbt').removeClass('dwbtactive');
+            $(this).addClass('dwbtactive');
+        });
+    });
+ </script>
 </html>
\ No newline at end of file
diff --git a/app/usmobile/view/tops_nas/helper.phtml b/app/usmobile/view/tops_nas/helper.phtml
index 8492cde..86ed5cb 100644
--- a/app/usmobile/view/tops_nas/helper.phtml
+++ b/app/usmobile/view/tops_nas/helper.phtml
@@ -125,8 +125,8 @@
         }
 
         .narshelpCenterPc-app .headtop .logoicoimg {
-            width: auto;
-            margin-left: 1.875rem;
+            width: 42%;
+            margin-left: 1rem;
         }
 
         .narshelpCenterPc-app .headtop .ssicoimg {
@@ -274,7 +274,9 @@
 <body>
     <div class="narshelpCenterPc-app">
         <div class="headtop">
-            <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>
+            <a href="javascript:void(0);">
+                <img src="__PUBLIC__/m_web/images/nas/help/newlogo.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" />
@@ -303,43 +305,57 @@
         <h1 class="nhlpapp-title">Contact US</h1>
         <div class="nhlpapp-row">
             {if condition="$banners_size > 0"}
-            <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]['link'])"}
+            <a href="{$banners[0]['link']}" class="nhlplxwmit">
+            {else/}
+            <a href="javascript:void(0);" class="nhlplxwmit">
+            {/if}
+                <img src="__PUBLIC__/web/images/nas/help/nas_helper_facebook.png" class="lximg" />
                 <span class="t1">{$banners[0]['name']}</span>
                 <span class="t2">{$banners[0]['desc']}</span>
             </a>
             {/if}
             {if condition="$banners_size > 1"}
-            <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]['link'])"}
+            <a href="{$banners[1]['link']}" class="nhlplxwmit" style="margin-right: 0;">
+            {else/}
+            <a href="javascript:void(0);" class="nhlplxwmit" style="margin-right: 0;">
+            {/if}
+                <img src="__PUBLIC__/web/images/nas/help/nas_helper_instagram.png" class="lximg" />
                 <span class="t1">{$banners[1]['name']}</span>
                 <span class="t2">{$banners[1]['desc']}</span>
             </a>
             {/if}
             {if condition="$banners_size > 2"}
-            <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]['link'])"}
+            <a href="{$banners[2]['link']}" class="nhlplxwmit nhlplxwmit-w1">
+            {else/}
+            <a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w1">
+            {/if}
+                <img src="__PUBLIC__/web/images/nas/help/nas_helper_youtobe.png" class="lximg" />
                 <span class="t1">{$banners[2]['name']}<br />{$banners[2]['desc']}</span>
             </a>
             {/if}
             {if condition="$banners_size > 3"}
-            <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]['link'])"}
+            <a href="{$banners[3]['link']}" class="nhlplxwmit nhlplxwmit-w1">
+            {else/}
+            <a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w1">
+                {/if}
+                <img src="__PUBLIC__/web/images/nas/help/nas_helper_twitter.png" class="lximg" />
                 <span class="t1">{$banners[3]['name']}<br />{$banners[3]['desc']}</span>
             </a>
             {/if}
             {if condition="$banners_size > 4"}
-            <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]['link'])"}
+            <a href="{$banners[4]['link']}" class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;">
+            {else/}
+            <a href="javascript:void(0);" class="nhlplxwmit nhlplxwmit-w1" style="margin-right: 0;">
+                {/if}
+                <img src="__PUBLIC__/web/images/nas/help/nas_helper_tiktok.png" class="lximg" />
                 <span class="t1">{$banners[4]['name']}<br />{$banners[4]['desc']}</span>
             </a>
             {/if}
-            {if condition="$banners_size > 5"}
-            <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" />
-                <span class="t1">{$banners[5]['name']}<br />{$banners[5]['desc']}</span>
-            </a>
-            {/if}
         </div>
         <!--搜索-->
         <div class="nhlpapp-search">
@@ -405,4 +421,5 @@
         });
     });
 </script>
+
 </html>
\ No newline at end of file
diff --git a/app/usmobile/view/tops_nas/helper_detail.phtml b/app/usmobile/view/tops_nas/helper_detail.phtml
index 431c279..c611ddd 100644
--- a/app/usmobile/view/tops_nas/helper_detail.phtml
+++ b/app/usmobile/view/tops_nas/helper_detail.phtml
@@ -36,8 +36,8 @@
         }
 
         .narshelpCenterdetail-app .headtop .logoicoimg {
-            width: auto;
-            margin-left: 1.875rem;
+            width: 42%;
+            margin-left: 1rem;
         }
 
         .narshelpCenterdetail-app .headtop .ssicoimg {
@@ -49,7 +49,7 @@
         .narshelpCenterdetail-app .nhlp-app-content {
             margin: 1.25rem;
             height: 100%;
-            margin-top: 9.2vh;
+            margin-top: 10.5vh;
         }
 
         .narshelpCenterdetail-app #rendered-content img {
@@ -223,14 +223,18 @@
             color: #1f2635;
             border-bottom: 1px solid #1f2635;
         }
+        h1,h2,h3,h4{
+            white-space:normal;
+            word-break:break-all;
+        }
     </style>
 </head>
 
 <body>
     <div class="narshelpCenterdetail-app">
         <div class="headtop">
-            <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>
+            <a href="javascript:void(0);"><img src="__PUBLIC__/m_web/images/nas/help/newlogo.png" class="logoicoimg" /></a>
+            <div style="display:flex">
                 <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" style="margin-right:32px" />
             </div>
@@ -240,10 +244,10 @@
         <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="What are you looking for?" />
                     <img src="__PUBLIC__/m_web/images/nas/help/ssapp.png" class="searchimg" />
                 </div>
-                <span class="closetx">取消</span>
+                <span class="closetx">cancel</span>
             </div>
             <div class="nhlpappline"></div>
             <!-- 下拉搜索框 -->
diff --git a/public/frontend/web/css/nas.css b/public/frontend/web/css/nas.css
index 63cec2e..4117c0a 100755
--- a/public/frontend/web/css/nas.css
+++ b/public/frontend/web/css/nas.css
@@ -67,8 +67,8 @@ a {
     display: flex;
     flex-direction: row;
     align-items: center;
-    justify-content: space-between;
-    width: 75rem;
+    /*justify-content: space-between;*/
+    width: 82rem;
     margin: 0 auto;
 }