style：bug样式修改

app/index/view/pc/article/detail.html

@@ -18,6 +18,7 @@
   <!--内容 -->
   <div class="articleDetailMain">
     <div class="atmleft">
+      <div class="ct">
         <div class="blog_title">
           <h2>{$detail.title}</h2>
           <p>{$detail.desc}</p>
@@ -25,14 +26,34 @@
         <!-- 文本渲染-->
         <div class="blog_content">{$detail.content|raw}</div>
       </div>
+      <!-- 评论只显示前面五条--->
+      <div class="plmain">
+        <div class="pl">
+          <span class="titlepp">评论</span>
+          <div class="plit">
+            <span class="name">张三:</span>
+            <p>12sdfksdljfksdljdksf是看大家分厘卡聖誕節分厘卡聖誕節付款了</p>
+          </div>
+          <div class="plit">
+            <span class="name">张三:</span>
+            <p>12sdfksdljfksdljdksf是看大家分厘卡聖誕節分厘卡聖誕節付款了</p>
+          </div>
+          <div class="plit">
+            <span class="name">张三:</span>
+            <p>12sdfksdljfksdljdksf是看大家分厘卡聖誕節分厘卡聖誕節付款了</p>
+          </div>
+        </div>
+      </div>
+
+    </div>
     <div class="atmright">
       {notempty name="share_config"}
       <div class="blog_share">
         <h3>{:lang_i18n('分享')}</h3>
         <div class="share_list">
           {volist name="share_config" id="sc"}
-                    <a class="atdit" {if condition="!empty($sc.is_blank) && $sc.is_blank.value == 1"}target="_blank"{/if} {notempty name="sc.url.value"}href="{$sc.url.value}"{/notempty}>
+          <a class="atdit" {if condition="!empty($sc.is_blank) && $sc.is_blank.value == 1" }target="_blank" {/if}
-                        <img src="{$sc.image.value}" />
+            {notempty name="sc.url.value" }href="{$sc.url.value}" {/notempty}> <img src="{$sc.image.value}" />
           {eq name=":array_key_exists('triggered_qrcode', $sc)" value="true"}
           <div class="triggered_qrcode">
             <img src="{$sc.triggered_qrcode.value}" />
@@ -49,10 +70,12 @@
           <span>{:lang_i18n('名称')}</span>
           <input class="form-control itinp new_name" type="text" name="name" style="text-indent: 10px;">
           <span>{:lang_i18n('电子邮箱')}</span>
-                    <input class="form-control itinp new_email" type="email" name="email" style="text-indent: 10px; margin-bottom:0;">
+          <input class="form-control itinp new_email" type="email" name="email"
+            style="text-indent: 10px; margin-bottom:0;">
           <p style="color: #C6C7C9; font-size: 0.75rem; margin-bottom: 0.625rem;">{:lang_i18n('您的电子邮件地址不会被公开')}</p>
           <span>{:lang_i18n('留言内容')}</span>
-                    <textarea class="form-control itinp new_comment" name="content" rows="3" style="text-indent: 10px;width: 98%; margin-top: 0.625rem;margin-bottom: 0.625rem;border: 1px solid #DBDBDB;"></textarea>
+          <textarea class="form-control itinp new_comment" name="content" rows="3"
+            style="text-indent: 10px;width: 98%; margin-top: 0.625rem;margin-bottom: 0.625rem;border: 1px solid #DBDBDB;"></textarea>
           <div class="comment_btn" style="color:#ffffff;">{:lang_i18n('提交留言')}</div>
         </form>
       </div>
@@ -102,25 +125,33 @@
       })
     })
     // 滚动到猜你喜欢部分，右边提交信息不固定
-      $(window).scroll(function() {
+    // 获取视口高度
-          // 获取元素引用
-          const blogContent = $('.blog_content');
-          const rightSidebar = $('.orico_Page_articleDetail .articleDetailMain .atmright');
 
-          // 计算 blog_content 底部位置
+    // 保存原始样式
-          const contentBottom = blogContent.offset().top + blogContent.outerHeight();
+    const originalAlign = $(".orico_Page_articleDetail .articleDetailMain").css("align-items");
-          
+    $(document).on("scroll", function () {
-          // 计算视口底部位置
+      const viewportHeight = $(this).height();
-          const windowBottom = $(window).scrollTop() + $(window).height();
+      // 获取当前滚动距离
-          
+      const scrollTop = $(this).scrollTop();
-          // 当视口底部超过 blog_content 底部时
+      $(".xq").each(function () {
-          if (windowBottom >= contentBottom) {
+        const $el = $(this);
-              rightSidebar.css('position', 'static'); // 移除固定定位
+        const elTop = $el.offset().top;
+        const elHeight = $el.outerHeight();
+        // 元素底部距离视口顶部还有 50px 时触发动画
+        const triggerPosition = scrollTop + viewportHeight;
+        if (scrollTop > $('.orico_Page_articleDetail').height()-350-900) {
+          $(".atmright").css("position", "static");
+          $(".orico_Page_articleDetail .articleDetailMain").css("align-items","flex-end");
         } else {
-              rightSidebar.css('position', 'fixed'); // 恢复固定定位
+          // 还原原始样式
+          $(".atmright").removeAttr("style"); // 清除自定义样式
+          $(".orico_Page_articleDetail .articleDetailMain").css("align-items",
+            originalAlign);
         }
       });
+    });
   })
+
   function shareCustomers() {
     // 复制到粘贴板
     const input = document.createElement('input')

app/index/view/pc/article/index.html

@@ -36,6 +36,9 @@
                         <img src="{$ar.image}" />
                         <h3>{$ar.title}</h3>
                         <p>{$ar.desc}</p>
+
+                        <!--时间 -->
+                        <p>2025-04-16 18:10:25</p>
                     </a>
                 </div>
                 {/volist}

app/index/view/pc/attachment/video.html

@@ -29,7 +29,9 @@
                 </a>
                 {/volist}
                 {/notempty}
+                <a>
                   <div class="tabit on">{:lang_i18n('视频')}</div>
+                </a>
             </div>
             <!-- VIDEO 切换 -->
             <div class="vidotabs">

app/index/view/pc/contact_us/bulkbuy.html

@@ -50,7 +50,7 @@
                     </div>
                     <div class="theit">
                         <div class="bditem bditem1">
-                            <label class="itlable">{:lang_i18n('您对哪个产品品类感兴趣？')}</label>
+                            <label class="itlable">{:lang_i18n('您对哪个产品品类感兴趣？')}<span class="redtag">*</span></label>
                             <div class="sfbchecks">
                                 <div class="sfbcheckboxlist">
                                     {notempty name="interested"}

app/index/view/pc/topic_nas/index.html

@@ -56,7 +56,7 @@
         {notempty name="nas_video"}
         <div class="narsVideo" style="height:auto">
             <div class="videoview">
-                <video class="video" poster="{$nas_video.image}" controls="" autoplay="" loop="" muted="">
+                <video class="video" poster="{$nas_video.image}" controls="" autoplay="" loop="" muted="" style="max-height:50rem;z-index:9999;width: 100%;object-fit: cover;">
                     <source type="video/mp4" src="{$nas_video.video}">
                 </video>
             </div>

public/static/index/pc/css/article_category.css

@@ -75,11 +75,10 @@
   padding: 2% 1.5rem;
   display: flex;
   flex-wrap: wrap;
-  justify-content: space-between;
 }
 .orico_Page_category .categoryMain .tabConten .tbmain .Contenitem {
   float: left;
-  width: 30.1%;
+  width: 29.9%;
   height: auto;
   margin: 0 0 1.4% 0;
   background: #f5f5f5;
@@ -87,6 +86,10 @@
   position: relative;
   /* min-height: 32rem; */
   overflow: hidden;
+  margin-right: 1.5%;
+}
+.orico_Page_category .categoryMain .tabConten .tbmain .Contenitem:nth-child(3n){
+  margin-right: 0
 }
 .orico_Page_category .categoryMain .tabConten .tbmain .Contenitem a {
   color: #000;

public/static/index/pc/css/article_detail.css

@@ -15,7 +15,11 @@
   margin-top: 2.6rem;
 }
 .orico_Page_articleDetail .articleDetailMain .atmleft {
+  display: flex;
+  flex-direction: column;
   width: calc(100% - 1.5rem - 25rem);
+}
+.orico_Page_articleDetail .articleDetailMain .atmleft .ct {
   min-height: 650px;
   background: #ffffff;
   border: 1px solid #e8e8e8;
@@ -85,22 +89,41 @@
   padding: 1.875rem;
   display: flex;
 }
-.orico_Page_articleDetail .articleDetailMain .atmright .blog_share .share_list .atdit {
+.orico_Page_articleDetail
+  .articleDetailMain
+  .atmright
+  .blog_share
+  .share_list
+  .atdit {
   float: left;
   margin-right: 3.125rem;
   position: relative;
 }
-.orico_Page_articleDetail .articleDetailMain .atmright .blog_share .share_list .atdit img {
+.orico_Page_articleDetail
+  .articleDetailMain
+  .atmright
+  .blog_share
+  .share_list
+  .atdit
+  img {
   margin: 0 auto;
   display: block;
 }
-.orico_Page_articleDetail .articleDetailMain .atmright .atdit .triggered_qrcode {
+.orico_Page_articleDetail
+  .articleDetailMain
+  .atmright
+  .atdit
+  .triggered_qrcode {
   display: none;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
 }
-.orico_Page_articleDetail .articleDetailMain .atmright .atdit:hover .triggered_qrcode {
+.orico_Page_articleDetail
+  .articleDetailMain
+  .atmright
+  .atdit:hover
+  .triggered_qrcode {
   display: block;
 }
 .orico_Page_articleDetail .articleDetailMain .atmright .repply {
@@ -220,3 +243,39 @@
   -webkit-transition: all 0.2s linear;
   transform: scale3d(1.2, 1.2, 1);
 }
+.orico_Page_articleDetail .pl {
+  background: #fff;
+  padding: 2%;
+}
+
+.orico_Page_articleDetail .plmain {
+  margin-right: 1.25rem;
+  margin-top: 2%;
+}
+
+.orico_Page_articleDetail .plmain .titlepp {
+  font-size: 1.4em;
+  color: #101010;
+  font-weight: bold;
+  margin-bottom: 0.9375rem;
+  display: flex;
+}
+
+.orico_Page_articleDetail .plit {
+  margin: 10px 0;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  border-bottom: 1px solid #e8e8e8;
+  padding: 8px;
+  margin-bottom: 0.3125rem;
+}
+
+.orico_Page_articleDetail .plit:last-child {
+  border: none;
+}
+
+.orico_Page_articleDetail .plit .name {
+  color: #004bfa;
+  padding-right: 0.625rem;
+}

public/static/index/pc/css/download.css

@@ -76,6 +76,7 @@
   margin-top: 4rem;
   display: flex;
   justify-content: space-between;
+  flex-wrap: wrap;
 }
 .orico_Page_download .downloadMain .contact_c .tab a{
   width:32%
@@ -201,6 +202,7 @@
   justify-content: flex-start;
   padding-left: 40px;
   padding-right: 40px;
+  flex-wrap: wrap;
 }
 .orico_Page_download .downloadMain .contact_c .vidotabs .hd ul li {
   margin-right: 80px;
@@ -224,27 +226,29 @@
   height: auto;
 }
 .orico_Page_download .downloadMain .contact_c .vidotabs .bdconten ul {
-  margin: 0;
-  padding: 0;
-  display: flex;
-  justify-content: flex-start;
-}
-.orico_Page_download .downloadMain .contact_c .vidotabs .bdconten .video_hotul {
   display: flex;
+  align-items: inherit;
+  flex-wrap: wrap;
+  width: 100%;
   justify-content: space-between;
   flex-direction: row;
+  margin-bottom: 1.5%;
+}
+.orico_Page_download .downloadMain .contact_c .vidotabs .bdconten .video_hotul {
+  width:49.2%
 }
 .orico_Page_download .downloadMain .contact_c .vidotabs .bdconten .video_hotul dd {
-  margin-right: 24px;
-  width: 671px;
-  margin-bottom: 34px;
   background-color: #fff;
   border-radius: 24px;
   overflow: hidden;
 }
+.orico_Page_download .downloadMain .contact_c .vidotabs .bdconten .video_hotul:last-child dd{
+  margin-right: 0;
+}
 .orico_Page_download .downloadMain .contact_c .vidotabs .bdconten .video_hotul dd video {
   width: 100%;
   display: block;
+  max-height:390px;
 }
 .orico_Page_download .downloadMain .contact_c .vidotabs .bdconten .video_hotul dd .htit {
   padding-left: 56px;