{extend name="default/base" /}


{block name="meta"}
{:listSEO('1','goods',$thiscats.catId,1)['meta']}
{/block}

{block name="css"}
<script>
    var navid = 2;
</script>
<style>
    html, body {
        overflow-x: clip !important;
    }

    #filterPopup {
        display: none;
    }
</style>
{/block}

{block name="main"}
<h1 style="width: 0;height: 0;overflow: hidden;">{if(isset($thiscats.goods_h1)&&
    $thiscats.goods_h1!='')}{$thiscats.goods_h1}{else/}{if $thiscats.catName}{$thiscats.catName} -
    {/if}{:listSEO(1)['seo_h1']}{/if}</h1>


<main id="app">
    <!-- 头部 -->
    <header>{include file="default/top" /}</header>

    {wst:ads code="ban_product" cache='86400' num='1'}

<!--    <div class="breadcrumbs-list">-->
<!--        <div class="w1480">-->
<!--            <div class="txt">Product Series</div>-->
<!--            <div class="img"><img class="arrow" src="__STYLE__/images/md_1.svg"></div>-->
<!--            <div class="txt">{if isset($thiscats.catName2)}{$thiscats.catName2}{/if} - {$thiscats.catName}</div>-->
<!--        </div>-->

<!--    </div>-->
    <section class="idx_productListCon1">
        <div class="content">
            <div class="w1480">
                <div class="center_box CoFF">
                    <div class="t1 font20 weight600 wowUp fadeInUp animated" data-atime="100"
                         style="animation-delay: 100ms;"><p>{$vo.adName}</p></div>
                    <div class="t2 font60 weight800 wowUp fadeInUp animated" data-atime="200"
                         style="animation-delay: 200ms;"><p>{$vo.adDesc}</p></div>

                </div>
            </div>
        </div>
        <div class="banner_img">{:WSTPicture($vo['adFile'], $vo['adImg'], 'banner', ['alt'=>$vo['ads_alt'], 'priority'=>true])}</div>
    </section>
    {/wst:ads}

    <section class="idx_productListCon2" id="pro">

        <div class="nav_box">
            <div class="list">
                <div class="item active wowUp" data-atime="100">{:WstPagedata('code_productService')}</div>
                <!--<div class="item wowUp" data-atime="200">PRODUCT SOLUTIONS</div>-->
            </div>
        </div>

        <div class="content">
            <div class="w1480">
                <div class="center_box">
                    <div class="top_box">
                        <div class="section_til font40 fadeInUp animated wowUp" data-atime="100">
                            {:WstPagedata('code_productService')}
                            <div class="line"></div>
                        </div>
                        <div class="intro weight4 wowUp titlesFc" data-atime="200"><p>{:WstPagedata('code_proDesc')}</p>
                        </div>
                    </div>

                    <div class="product_box box_info">
                        {if WSTVisitModule() == 'home'}
                        {include file="default/product-sidebar" /}
                        {/if}
                        <div class="right_box">

                            <div class="intro_box">
                                <a href="{$thiscats.navUrl}">
                                    <div class="banner_img wowUp" data-atime="100">{:WSTPic(!empty($thiscats['catImg4']) ? $thiscats['catImg4'] : $thiscats['catImg3'], 'intro', ['alt'=>$thiscats['catName']])}</div>
                                    <div class="word">
                                        <div class="title weight600 wowUp" data-atime="100"><p>{$thiscats.catName}</p></div>
                                        <div class="t1 font14 weight400 wowUp titlesFc" data-atime="200"><p>{$thiscats.goodsCdesc}</p></div>
                                    </div>

                                    <div class="idx_more wowUp fadeInUp animated" data-atime="300"><span
                                            href="{$thiscats.navUrl}" class="more"><span>Learn More</span> <img
                                            src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDExTDIwIDZMMTUgMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTIwIDZIMCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=" alt="" class="def_img"> <img
                                            src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDExTDIwIDZMMTUgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTIwIDZIMCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=" alt="" class="hover_img"> </span></div>

                                </a>

                            </div>
                            <div class="filter_box">
                                <div class="idx_more"><a href="javascript:;" class="more"><span>Filter</span><img
                                        src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAQVJREFUeAGtlI0NgjAQhR8uACN0AxkBJ1AnkA10BEZwA90AnUA2wA3QCcAJtA13cjSAbfBLXtqUu9e/K8AwG61cq9J6k0qtk5aCI7FlMKafpjsRbAwPVkKiddaqRcygoRJGR0xjYkthGNkBvLUMbkRjOamYxYeE8mqI1eU0mMKfm8xd0AyGO/y5UhuzWTTDrKE2ZDMmwkyM2YP6MfzhnCeb8b4T+LOmtoAw4StWcCfFSElxeZjKdjm7GN2zSu2PsqJH3xyxR/99ficPRJBCW4RsVKA9T77+Ja2Ckxvqm5LaorvI3gozTP9+KjJV9m4CDGMCE7RnE9LYS+sCcXNiN4YV/oAi4QMi7ljLP0TPTQAAAABJRU5ErkJggg==" alt=""></a></div>
                            </div>
                            <div class="product_list" id="view_product">


                            </div>
                            <!--<div class="idx_laypage pageFcc"><div id="pageview_product"></div></div>-->
                        </div>
                    </div>


                </div>
            </div>
        </div>

        {if WSTVisitModule() != 'home'}
        <section class="select_popup remove_box" id="filterPopup">
            <div class="center_box">
                <div class="input_box">
                    <div class="seWord font40"><span>All Options</span> <i class="iconfont icon-quxiao"></i></div>
                    <div class="input"><input type="text" placeholder="Search" autocomplete="off">
                        <button class="iconfont icon-sousuo1"></button>
                    </div>
                </div>
                <div class="list_box">
                    {if !empty($filterTags)}
                    <div class="list" data-group="tags">
                        <div class="icon">Tags</div>
                        <div class="word">
                            {volist name="filterTags" id="tag"}
                            <button class="one tagSpec {$tag.tagClass}" type="button" data-id="{$tag.tid}"><i
                                    class="iconfont icon-quxiao3"></i><span>{$tag.tname}</span></button>
                            {/volist}
                        </div>
                    </div>
                    {/if}
                    <div class="list" data-group="0">
                        <div class="icon">Product Type</div>
                        <div class="word">
                            {volist name="thiscats.son" id="val2" key="ks1"}
                            <button class="one proCats" data-option="{$ks1-1}" data-id="{$val2.catId}"><i
                                    class="iconfont icon-quxiao3"></i><span>{$val2.catName}</span></button>
                            {/volist}
                        </div>
                    </div>
                    <div id="spec">
                        {volist name="splist" id="val2" key="ks1"}
                        <div class="list" data-group="{$ks1}">
                            <div class="icon">{$val2.catName}</div>
                            <div class="word">
                                {volist name="val2.son" id="val3" key="ks2" }
                                <button class="one guigeSpec" data-option="{$ks2-1}" data-id="{$val3.itemId}"><i
                                        class="iconfont icon-quxiao3"></i><span>{$val3.itemName}</span><input
                                        type="hidden" name="nums" class="ipts2" value="{$val3.itemId}"/></button>
                                {/volist}

                            </div>
                        </div>
                        {/volist}
                    </div>
                    {if !empty($scenecats)}
                    {volist name="scenecats" id="sceneCat" key="sceneCatKey"}
                    {if !empty($sceneCat.son)}
                    <div class="list" data-group="scene{$sceneCatKey}">
                        <div class="icon">{$sceneCat.catName}</div>
                        <div class="word">
                            {volist name="sceneCat.son" id="scene" key="sceneKey"}
                            <button class="one sceneSpec" data-option="{$sceneKey-1}" data-id="{$scene.id}"><i
                                    class="iconfont icon-quxiao3"></i><span>{$scene.downame}</span></button>
                            {/volist}
                        </div>
                    </div>
                    {/if}
                    {/volist}
                    {/if}
                </div>
                <div class="btnRemove">
                    <button class="one borBg">Reset</button>
                    <button class="one" onclick="Confirm()">Submit</button>
                </div>
            </div>
        </section>
        {/if}

    </section>


    {include file="default/footer" /}
</main>


{include file="default/js" /}
<script type="text/javascript">
    $(".filter_box .idx_more").click(function () {
        $("#filterPopup").show();
    })
// 点击 select 标题时（用 mousedown，比 click 早，能赶上 layui 展开）
$(document).on('mousedown', '.layui-form-select .layui-select-title', function(){
  var $box = $(this).closest('.layui-form-select');
  var rect = this.getBoundingClientRect();

  // 预估下拉高度：按选项数量
  var count = $box.find('dl dd, dl dt').length;
  var dlHeight = count * 36 + 10;   // layui 每项约 36px，+边框

  // 剩余空间：优先取滚动容器底部，没有则取视口底部
  var $wrap = $box.closest('.scroll');   // 你的可滚动容器
  var bottomLimit = $wrap.length
    ? $wrap[0].getBoundingClientRect().bottom
    : window.innerHeight;

  var spaceBelow = bottomLimit - rect.bottom;

  // 空间不足 → 向上展开
  $box.toggleClass('layui-select-up', spaceBelow < dlHeight);
});
    jQuery(document).ready(function ($) {
        // 分类项由链接负责切换，筛选区域点击不再修改 active，避免整块筛选条件被收起。

        // 检测 sticky 元素是否被固定，添加/移除类
        var $leftBox = $('.idx_productListCon2 .product_box .left_box');
        if ($leftBox.length) {
            var observer = new IntersectionObserver(
                ([entry]) => {
                    // 使用 IntersectionObserver 检测 sticky 状态
                    $leftBox.toggleClass('is-stuck', entry.intersectionRatio < 1);
                },
                {threshold: [1]}
            );
            observer.observe($leftBox[0]);

            // 备用方案：监听 scroll 事件
            $(window).on('scroll', function () {
                var headerHeight = parseFloat($('main').css('--header-height')) || 70;
                var leftBoxTop = $leftBox.offset().top;
                var scrollTop = $(window).scrollTop();
                $leftBox.toggleClass('is-stuck', scrollTop >= leftBoxTop - headerHeight);
            });
        }
    });


    layui.use('form', function () {
        var form = layui.form;
        var $ = layui.jquery;
        form.on('select', function (data) {
            // console.log('选择的值:', data);
            // console.log('选择的文本:', $(data.elem).find('option:selected').text());
            // console.log('select元素:', data.elem);
            var index = $(data.elem).find('option:selected').index()
            // console.log(index)
            if (index > 0) {
                $(data.elem).parents('.layui-form-item').addClass('active')
            } else {
                $(data.elem).parents('.layui-form-item').removeClass('active')
            }
        });

        /** 同步聚合页勾选的分类标签到接口隐藏字段。 */
        function syncProductTagIds(){
            var ids = [];
            $('.product-filter-tag:checked').each(function(){
                var id = String($(this).val() || '');
                if(id && ids.indexOf(id) === -1){
                    ids.push(id);
                }
            });
            $('#tagIds').val(ids.join(','));
        }

        form.on('checkbox(product_filter_tag)', function () {
            syncProductTagIds();
            $("input[name = page_product]").val(1);
            laytplss('product');
        });
        //存储每个下拉框选中的状态
        // var selectStates = {};

        form.on('select(pro_cats)', function (data) {

            var catId = data.value;

            $('.ipts2').each(function () {
                var $this = $(this);
                $this.val('-1'); // 设置下拉框值为 -1（默认选项）
                form.render('select'); // 重新渲染下拉框（Layui 表单需手动渲染）
            });

            var pid = {$thiscats.catId};
            if (catId == 0) {
                catId = pid;
            }


            $("input[name = page_product]").val(1);
            $("input[name = id_product]").val(catId);
            laytplss('product');
        });

        //重置
        $('.idx_productListCon2 .clear_btn').on('click', function () {


            $('.ipts2').each(function () {
                var $this = $(this);
                $this.val('-1'); // 设置下拉框值为 -1（默认选项）
                form.render('select'); // 重新渲染下拉框（Layui 表单需手动渲染）
            });

            $('.pro_cats').each(function () {
                var $this = $(this);
                $this.val('0'); // 设置下拉框值为 -1（默认选项）
                form.render('select'); // 重新渲染下拉框（Layui 表单需手动渲染）
            });

            $('.scene_filter').each(function () {
                var $this = $(this);
                $this.val('0');
                form.render('select');
            });

            $('.product-filter-tag').prop('checked',false);
            $('#tagIds').val('');
            form.render('checkbox');

            $("input[name = page_product]").val(1);
            $("input[name = sceneid]").val(0);

            laytplss('product');
        });

        form.on('select(spec_1)', function (data) {

            $("input[name = id_product]").val(1);
            laytplss('product');
        });

        form.on('select(scene_filter)', function (data) {
            $("input[name = page_product]").val(1);
            laytplss('product');
        });


    });


    $("#filterPopup .proCats").click(function () {
        var catId = {$thiscats.catId};
        if (!$(this).hasClass("active")) {
            catId = $(this).data("id");
            $(this).addClass("active").siblings().removeClass("active");
        } else {
            $(this).removeClass("active");
        }

        $("input[name = page_product]").val(1);
        $("input[name = id_product]").val(catId);
        laytplss('product');


    })

    $(document).on("click", "#filterPopup .guigeSpec", function () {
        if (!$(this).hasClass("active")) {
            $(this).addClass("active").siblings().removeClass("active");
            // $(this).siblings().find(".ipts2").val("-1");
            // $(this).find(".ipts2").val(id);
        } else {
            $(this).removeClass("active");
            // $(this).find(".ipts2").val("-1");
        }
    })

    $(document).on("click", "#filterPopup .sceneSpec", function () {
        if (!$(this).hasClass("active")) {
            $("#filterPopup .sceneSpec").removeClass("active");
            $(this).addClass("active");
        } else {
            $(this).removeClass("active");
        }
        var sceneId = 0;
        var sceneActive = $("#filterPopup .sceneSpec.active").first();
        if(sceneActive.length > 0){
            sceneId = sceneActive.data("id");
        }
        $("input[name = sceneid]").val(sceneId);
    })

    $(document).on("click", "#filterPopup .tagSpec", function () {
        $(this).toggleClass("active");
    })

    $("#filterPopup .borBg").click(function () {
        $("#filterPopup .one").removeClass("active");
        $("input[name = page_product]").val(1);
        $("input[name = id_product]").val({$thiscats.catId});
        $("input[name = guigeid]").val(-1);
        $("input[name = sceneid]").val(0);
        $("input[name = tagIds]").val('');
        laytplss('product');
    })

    function Confirm() {

        var ids = [];

        $('.guigeSpec.active input[name="nums"]').each(function (i, v) {

            var id = $(v).val();
            ids.push(id);

        })

        goodsIdAll = ids.join(',');

        console.log(ids);
        $("input[name = page_product]").val(1);
        if (ids.length > 0) {
            $("input[name = guigeid]").val(goodsIdAll);
        } else {
            $("input[name = guigeid]").val(-1);
        }

        var sceneId = 0;
        var sceneActive = $("#filterPopup .sceneSpec.active").first();
        if(sceneActive.length > 0){
            sceneId = sceneActive.data("id");
        }
        $("input[name = sceneid]").val(sceneId);

        var tagIds = [];
        $('#filterPopup .tagSpec.active').each(function(){
            tagIds.push($(this).data('id'));
        });
        $("input[name = tagIds]").val(tagIds.join(','));

        laytplss('product');
        $("#filterPopup").hide();
    }
</script>

<script>
    $(document).on("click", ".layui-laypage a", function () {

        var top = $("#pro").offset().top;
        $("html,body").animate({"scrollTop": top}, 1000);
    })

</script>

<script>
    $(document).on("click", ".idx_productListCon2 left_box", function () {
        console.log(3333333)
        var top = $("#pro").offset().top;
        $("html,body").animate({"scrollTop": top}, 1000);
    })


    $(function () {
        var top = 0; // 默认值0

        // 如果 URL 有 # 锚点，就取 product_box 距离顶部
        if (window.location.hash) {
            top = $(".product_box").offset().top;
        }

        // 执行滚动
        $("html,body").animate({scrollTop: top}, 1000);
    });
    // $(document).on("click", ".idx_productListCon2 .left_box", function () {

    //     var top = $("#pro").offset().top;

    //     // 判断：URL 有没有 # 锚点
    //     if (window.location.hash) {
    //         // 有锚点 → 往下偏移 100px（你自己改数值）
    //         top += 500;
    //     }

    //     $("html,body").animate({ scrollTop: top }, 1000);
    // });
</script>


{if WSTVisitModule() != 'home'}
<input type="hidden" name="guigeid" value="-1" id="guigeid" class="ipts">
<input type="hidden" name="sceneid" value="0" id="sceneid" class="ipts">
{/if}
<input type="hidden" name="tagIds" value="" id="tagIds" class="ipts">
<input type="hidden" name="page_product" value="1" id="page_product">
<input type="hidden" name="id_product" value="{$thiscats.catId}" id="id_product">
<input type="hidden" name="count_product" class="count" value="1" id="count_product">
<input type="hidden" name="limit_product" value="1000" id="limit_product">
<input type="hidden" name="url_product" value="{:Url('home/product/productlist')}" id="url_product">


<script id="demo_product" type="text/html">


    {{#  layui.each(d, function(index, item){ }}


    <div class="product_item nocol" data-id="{{ item.goodsId }}" data-goods-id="{{ item.goodsId }}" data-favorite-category="1">
        <a href="{{item.gourl}}">
            <div class="pb">
                <div class="ab">
                    <div class="img">
                        {{# var cardImg = WST.pic(item.goodsImg, 'card', {alt: item.goodsName, defer: true}); }}{{- cardImg }}
                    </div>

                    <div class="tags">
                    {{# if(item.tags && item.tags.length){ }}
                        {{#  layui.each(item.tags, function(index2, item2){ }}
                            <div class="productTag {{ item2.tagClass }}"><span>{{ item2.tagName }}</span></div>
                        {{#  }); }}
                    {{# } }}
                    </div>
                    <div class="hot_img">
                        <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA1MCA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUxMF8xOTkwOSkiPgo8cGF0aCBkPSJNNDcuMjQgMzYuMDZMMjkuNDggNDQuOTRDMjYuNjYgNDYuMzUgMjMuMzUgNDYuMzUgMjAuNTQgNDQuOTRMMi43NiAzNi4wNkMxLjA3IDM1LjIxIDAgMzMuNDggMCAzMS41OVYwSDUwVjMxLjU5QzUwIDMzLjQ4IDQ4LjkzIDM1LjIyIDQ3LjI0IDM2LjA2WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzUxMF8xOTkwOSkiLz4KPHBhdGggZD0iTTE3LjAwOCAyNFYxMi44SDE5LjZWMjRIMTcuMDA4Wk05LjMyOCAyNFYxMi44SDExLjkyVjI0SDkuMzI4Wk0xMS43MjggMTkuNDA4VjE3LjIxNkgxNy4yVjE5LjQwOEgxMS43MjhaTTI3LjY4OTkgMjQuMTkyQzI2LjgwNDUgMjQuMTkyIDI1Ljk4MzIgMjQuMDQ4IDI1LjIyNTkgMjMuNzZDMjQuNDc5MiAyMy40NzIgMjMuODI4NSAyMy4wNjY3IDIzLjI3MzkgMjIuNTQ0QzIyLjcyOTkgMjIuMDIxMyAyMi4zMDMyIDIxLjQwOCAyMS45OTM5IDIwLjcwNEMyMS42OTUyIDIwIDIxLjU0NTkgMTkuMjMyIDIxLjU0NTkgMTguNEMyMS41NDU5IDE3LjU2OCAyMS42OTUyIDE2LjggMjEuOTkzOSAxNi4wOTZDMjIuMzAzMiAxNS4zOTIgMjIuNzM1MiAxNC43Nzg3IDIzLjI4OTkgMTQuMjU2QzIzLjg0NDUgMTMuNzMzMyAyNC40OTUyIDEzLjMyOCAyNS4yNDE5IDEzLjA0QzI1Ljk4ODUgMTIuNzUyIDI2Ljc5OTIgMTIuNjA4IDI3LjY3MzkgMTIuNjA4QzI4LjU1OTIgMTIuNjA4IDI5LjM2OTkgMTIuNzUyIDMwLjEwNTkgMTMuMDRDMzAuODUyNSAxMy4zMjggMzEuNDk3OSAxMy43MzMzIDMyLjA0MTkgMTQuMjU2QzMyLjU5NjUgMTQuNzc4NyAzMy4wMjg1IDE1LjM5MiAzMy4zMzc5IDE2LjA5NkMzMy42NDcyIDE2Ljc4OTMgMzMuODAxOSAxNy41NTczIDMzLjgwMTkgMTguNEMzMy44MDE5IDE5LjIzMiAzMy42NDcyIDIwLjAwNTMgMzMuMzM3OSAyMC43MkMzMy4wMjg1IDIxLjQyNCAzMi41OTY1IDIyLjAzNzMgMzIuMDQxOSAyMi41NkMzMS40OTc5IDIzLjA3MiAzMC44NTI1IDIzLjQ3MiAzMC4xMDU5IDIzLjc2QzI5LjM2OTkgMjQuMDQ4IDI4LjU2NDUgMjQuMTkyIDI3LjY4OTkgMjQuMTkyWk0yNy42NzM5IDIxLjk4NEMyOC4xNzUyIDIxLjk4NCAyOC42MzM5IDIxLjg5ODcgMjkuMDQ5OSAyMS43MjhDMjkuNDc2NSAyMS41NTczIDI5Ljg0OTkgMjEuMzEyIDMwLjE2OTkgMjAuOTkyQzMwLjQ4OTkgMjAuNjcyIDMwLjczNTIgMjAuMjkzMyAzMC45MDU5IDE5Ljg1NkMzMS4wODcyIDE5LjQxODcgMzEuMTc3OSAxOC45MzMzIDMxLjE3NzkgMTguNEMzMS4xNzc5IDE3Ljg2NjcgMzEuMDg3MiAxNy4zODEzIDMwLjkwNTkgMTYuOTQ0QzMwLjczNTIgMTYuNTA2NyAzMC40ODk5IDE2LjEyOCAzMC4xNjk5IDE1LjgwOEMyOS44NjA1IDE1LjQ4OCAyOS40OTI1IDE1LjI0MjcgMjkuMDY1OSAxNS4wNzJDMjguNjM5MiAxNC45MDEzIDI4LjE3NTIgMTQuODE2IDI3LjY3MzkgMTQuODE2QzI3LjE3MjUgMTQuODE2IDI2LjcwODUgMTQuOTAxMyAyNi4yODE5IDE1LjA3MkMyNS44NjU5IDE1LjI0MjcgMjUuNDk3OSAxNS40ODggMjUuMTc3OSAxNS44MDhDMjQuODU3OSAxNi4xMjggMjQuNjA3MiAxNi41MDY3IDI0LjQyNTkgMTYuOTQ0QzI0LjI1NTIgMTcuMzgxMyAyNC4xNjk5IDE3Ljg2NjcgMjQuMTY5OSAxOC40QzI0LjE2OTkgMTguOTIyNyAyNC4yNTUyIDE5LjQwOCAyNC40MjU5IDE5Ljg1NkMyNC42MDcyIDIwLjI5MzMgMjQuODUyNSAyMC42NzIgMjUuMTYxOSAyMC45OTJDMjUuNDgxOSAyMS4zMTIgMjUuODU1MiAyMS41NTczIDI2LjI4MTkgMjEuNzI4QzI2LjcwODUgMjEuODk4NyAyNy4xNzI1IDIxLjk4NCAyNy42NzM5IDIxLjk4NFpNMzcuOTEzNiAyNFYxNC45MTJIMzQuMzI5NlYxMi44SDQ0LjA4OTZWMTQuOTEySDQwLjUwNTZWMjRIMzcuOTEzNloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl81MTBfMTk5MDkiIHgxPSIyNSIgeTE9IjAiIHgyPSIyNSIgeTI9IjQ1Ljk5NzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGMDAwMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRjAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNTEwXzE5OTA5Ij4KPHJlY3Qgd2lkdGg9IjUwIiBoZWlnaHQ9IjQ2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=" alt="">
                    </div>
                    <div class="new_img">
                        <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA1MCA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUxMF8xOTkxNSkiPgo8cGF0aCBkPSJNNDIuNzYgNDUuNDdMMjkuNDcgMzguODJDMjYuNjUgMzcuNDEgMjMuMzQgMzcuNDEgMjAuNTMgMzguODJMNy4yNCA0NS40N0MzLjkyIDQ3LjEzIDAgNDQuNzEgMCA0MVYwSDUwVjQwLjk5QzUwIDQ0LjcxIDQ2LjA5IDQ3LjEyIDQyLjc2IDQ1LjQ2VjQ1LjQ3WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzUxMF8xOTkxNSkiLz4KPHBhdGggZD0iTTEyLjc1MiAxMi43ODRIMTUuNDcyVjI0SDEyLjkxMkw3LjgyNCAxNy4yOTZWMjRINS4wODhWMTIuNzg0SDcuNjY0TDEyLjc2OCAxOS41MzZMMTIuNzUyIDEyLjc4NFpNMTcuNjY2MSAxMi43ODRIMjYuNTE0MVYxNS4xMkgyMC41OTQxVjE3LjIxNkgyNS45MzgxVjE5LjUzNkwyMC41OTQxIDE5LjU1MlYyMS42NjRIMjYuNjc0MVYyNEgxNy42NjYxVjEyLjc4NFpNNDIuMjA3IDEyLjc4NEg0NS4yMTVMNDEuNDIzIDI0SDM4LjQxNUwzNi4yODcgMTYuMzY4TDM0LjEyNyAyNEgzMS4xMTlMMjcuMzQzIDEyLjc4NEgzMC40OTVMMzIuNzAzIDIwLjk3NkwzNC45MTEgMTIuNzg0SDM3Ljc3NUw0MC4wMTUgMjAuOTc2TDQyLjIwNyAxMi43ODRaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNTEwXzE5OTE1IiB4MT0iMjUiIHkxPSIwIiB4Mj0iMjUiIHkyPSI0Ni4wMDI5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFNzlBMDAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRTc5QTAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzUxMF8xOTkxNSI+CjxyZWN0IHdpZHRoPSI1MCIgaGVpZ2h0PSI0NiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K" alt="">
                    </div>
                    <div class="nocol_img">
                        <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjgwNzUgNC4wMDMxN0MxMy41NzUyIDQuMDgzMTYgMTIgNi4wNDcyMSAxMiA2LjA0NzIxQzEyIDYuMDQ3MjEgMTAuNDE1OCA0LjA4MzE2IDguMTkyNDkgNC4wMDMxN0M0Ljk2MTA2IDMuODk2NTMgMi41MjE3MyA2LjQ5MTU3IDMuMDc5ODEgOS45NzUzMkMzLjk0MzkyIDE1LjM4NzYgMTIgMjAgMTIgMjBDMTIgMjAgMjAuMDY1MSAxNS4zODc2IDIwLjkyMDIgOS45NzUzMkMyMS40NzgzIDYuNDkxNTcgMTkuMDM4OSAzLjg5NjUzIDE1LjgwNzUgNC4wMDMxN1oiIGZpbGw9IiM5OTk5OTkiIHN0cm9rZT0iIzk5OTk5OSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=" alt="">
                    </div>
                    <div class="col_img">
                        <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjgwNzUgNC4wMDMxN0MxMy41NzUyIDQuMDgzMTYgMTIgNi4wNDcyMSAxMiA2LjA0NzIxQzEyIDYuMDQ3MjEgMTAuNDE1OCA0LjA4MzE2IDguMTkyNDkgNC4wMDMxN0M0Ljk2MTA2IDMuODk2NTMgMi41MjE3MyA2LjQ5MTU3IDMuMDc5ODEgOS45NzUzMkMzLjk0MzkyIDE1LjM4NzYgMTIgMjAgMTIgMjBDMTIgMjAgMjAuMDY1MSAxNS4zODc2IDIwLjkyMDIgOS45NzUzMkMyMS40NzgzIDYuNDkxNTcgMTkuMDM4OSAzLjg5NjUzIDE1LjgwNzUgNC4wMDMxN1oiIGZpbGw9IiNGRjAwMDAiIHN0cm9rZT0iI0ZGMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=" alt="">
                    </div>

                </div>
            </div>
            <div class="word" >
                <div class="t1 font22 weight600"><p>{{ item.goodsName }}</p></div>
                <div class="t2 font16 weight600"><p>{{ item.goodsName2 }}</p></div>
                <div class="t3 font16 weight400 titlesFc"><p>{{ item.goodsTips }}</p></div>
            </div>
        </a>
    </div>


    {{#  }); }}
    {{#  if(d.length === 0){ }}
    <p style="margin: 20px auto;text-align: center"></p>
    {{#  } }}
</script>
{/block}
{block name="js"}

<script type='text/javascript' src='__STYLE__/js/common.js?v={$v}'></script>
<script type='text/javascript' src='__STYLE__/js/pages.js?v={$v}20260924b'></script>


<!--公共js-->

<!--公共js-->
<script>

        laytpls('product');


</script>

{/block}