refactor: 修改英文nas相关

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>