{extend name="layout/base" /}
{block name="css"}
<link rel="stylesheet" href="/static/default/css/custom.css?v=1">
<link rel="stylesheet" href="/static/default/css/hake.css">
<style>
    .pic g [fill] {
        fill: var(--main_color);
    }
    .hw-custom .custom-flow ul li{
        margin-right: 60px;
    }
    #clear{
        font-size: 14px;
        background-color: var(--main_color);
        color: var(--text_color);
        display: block;
        font-weight: bold;
        height: 30px;
        width: 100PX;
        float: right;
        line-height: 30px;
        text-align: center;
        margin-top: 8px;
        margin-right: -75px;
    }
    a:hover {
        color:var(--main_color);
    }
    .change-price-span{
        display: block;
        height: 1.9rem;
        line-height: 1.9rem;
        padding: 0 10px;
    }
</style>
{/block}
{block name="centent"}
<div>
    <div class="hw-custom">
        <div class="w">
            <div class="custom-type">
                <span>全部结果</span>
                共找到<span style="color:#313131">188</span>个<span style="color:#e53939">“商品”</span>
                <!--选择的商品属性-->
                <span id="label_goods">
                </span>
                                    <span style="font-family:宋体">></span>
                    <span class="type">类别:珠宝礼品<a href="javascript:void(0);" onclick="getQueryClass('classify_id','0')" class="icon"></a></span>
                                <!---->
            </div>
            <section>
                <div class="custom-condition">
                    <!-- 商品标签筛选 隐藏类别和品牌,如果展示这里的数据要获取对应标签下的分类和品牌更合理 -->
                                        <div class="custom-item item-type">
                        <h4>商品类别：</h4>
                        <ul class="clear" style="width:1040px;">
                            <!--商品类别-->
                                                            <li>
                                    <span class="gift-category">首饰</span>
                                    <div class="child-box">
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','686')" >黄金饰品</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','688')" >银饰</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','690')" >钻石饰品</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','695')" >珍珠饰品</a>
                                            </span>
                                                                            </div>
                                </li>
                                                            <li>
                                    <span class="gift-category">珠宝</span>
                                    <div class="child-box">
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','432')" >珠宝首饰</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','692')" >饰品</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','693')" >挂件/摆件/把件</a>
                                            </span>
                                                                            </div>
                                </li>
                                                        <a href="/list" id="clear">清除筛选</a>
                        </ul>
                    </div>
                    <div class="custom-item">
                        <h4>商品品牌：</h4>
                        <ul>
                            <!--商品品牌-->
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','6538')" class='brand_6538 brand_name'><i></i>贪吃猫文创</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','12027')" class='brand_12027 brand_name'><i></i>Cmierf Kuect</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','925')" class='brand_925 brand_name'><i></i>上新了故宫</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','11335')" class='brand_11335 brand_name'><i></i>周六福</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','4151')" class='brand_4151 brand_name'><i></i>国家图书馆</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','7119')" class='brand_7119 brand_name'><i></i>敦煌文创</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','8621')" class='brand_8621 brand_name'><i></i>金六福吉祥</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','5092')" class='brand_5092 brand_name'><i></i>中国黄金</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','4719')" class='brand_4719 brand_name'><i></i>聚运鑫</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','330')" class='brand_330 brand_name'><i></i>迪士尼</a></li>
                            
<!--                            <li><a href="javascript:void(0);" onclick=""><i></i>》》更多《《</a></li>-->
<!--                            <div class="sel-btns">-->
<!--                                <a class="check-no" href="javascript:void(0);">取消</a>-->
<!--                                <a class="check-ok" href="javascript:void(0);">确定</a>-->
<!--                            </div>-->
                        </ul>
                        <div class="custom-btn">
                            <span class="more off">更多</span>
                        </div>
                    </div>
                                        <div class="custom-item">
                        <h4>商品价格：</h4>
                        <ul style="width: 1115px !important">
                            <!--商品价格-->
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_price','0,10')" class='0-10'>0-10</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_price','10,30')" class='10-30'>10-30</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_price','30,50')" class='30-50'>30-50</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_price','50,100')" class='50-100'>50-100</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_price','100,300')" class='100-300'>100-300</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_price','300,500')" class='300-500'>300-500</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_price','500,1000')" class='500-1000'>500-1000</a></li>
                                                        <li><a  style="padding: 3px 6px;border-radius: 10px;cursor: pointer"  onclick="getQueryClass('add_price','1000,0')" class="1000-0">1000以上</a></li>
                            <li>
                                <form>
                                    <input type="number" name="start_price" value="" style="width: 55px">
                                    <span>-</span>
                                    <input type="number" name="end_price"  value="" style="width: 55px">
                                                                            <a type="button" onclick="getInputPrice('shop_price')">确定</a>
                                                                        <span id="tips" style="color: red"></span>
                                </form>
                            </li>
                        </ul>
                    </div>
                </div>
            </section>
            <div class="custom-flow">
                <div class="title">
                    <span>CUSTOM FLOW</span>
                    <h3>定制流程</h3>
                </div>
                <ul>
                    <li>
                        <div class="pic box_align_justify">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56px" height="56px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <rect x="0" y="0" width="24" height="24"/>
                                    <path d="M5.94290508,4 L18.0570949,4 C18.5865712,4 19.0242774,4.41271535 19.0553693,4.94127798 L19.8754445,18.882556 C19.940307,19.9852194 19.0990032,20.9316862 17.9963398,20.9965487 C17.957234,20.9988491 17.9180691,21 17.8788957,21 L6.12110428,21 C5.01653478,21 4.12110428,20.1045695 4.12110428,19 C4.12110428,18.9608266 4.12225519,18.9216617 4.12455553,18.882556 L4.94463071,4.94127798 C4.97572263,4.41271535 5.41342877,4 5.94290508,4 Z" fill="#000000" opacity="0.3"/>
                                    <path d="M7,7 L9,7 C9,8.65685425 10.3431458,10 12,10 C13.6568542,10 15,8.65685425 15,7 L17,7 C17,9.76142375 14.7614237,12 12,12 C9.23857625,12 7,9.76142375 7,7 Z" fill="#000000"/>
                                </g>
                            </svg>
                        </div>
                        <div class="txt">
                            <span>选择商品</span>
                            <p>免费咨询推荐</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic box_align_justify">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56px" height="56px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <rect x="0" y="0" width="24" height="24"></rect>
                                    <path d="M7.07744993,12.3040451 C7.72444571,13.0716094 8.54044565,13.6920474 9.46808594,14.1079953 L5,23 L4.5,18 L7.07744993,12.3040451 Z M14.5865511,14.2597864 C15.5319561,13.9019016 16.375416,13.3366121 17.0614026,12.6194459 L19.5,18 L19,23 L14.5865511,14.2597864 Z M12,3.55271368e-14 C12.8284271,3.53749572e-14 13.5,0.671572875 13.5,1.5 L13.5,4 L10.5,4 L10.5,1.5 C10.5,0.671572875 11.1715729,3.56793164e-14 12,3.55271368e-14 Z" fill="#000000" opacity="0.3"></path>
                                    <path d="M12,10 C13.1045695,10 14,9.1045695 14,8 C14,6.8954305 13.1045695,6 12,6 C10.8954305,6 10,6.8954305 10,8 C10,9.1045695 10.8954305,10 12,10 Z M12,13 C9.23857625,13 7,10.7614237 7,8 C7,5.23857625 9.23857625,3 12,3 C14.7614237,3 17,5.23857625 17,8 C17,10.7614237 14.7614237,13 12,13 Z" fill="#000000" fill-rule="nonzero"></path>
                                </g>
                            </svg>
                        </div>
                        <div class="txt">
                            <span>商品设计</span>
                            <p>免费咨询推荐</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic box_align_justify">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56px" height="56px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <rect x="0" y="0" width="24" height="24"/>
                                    <path d="M8,3 L8,3.5 C8,4.32842712 8.67157288,5 9.5,5 L14.5,5 C15.3284271,5 16,4.32842712 16,3.5 L16,3 L18,3 C19.1045695,3 20,3.8954305 20,5 L20,21 C20,22.1045695 19.1045695,23 18,23 L6,23 C4.8954305,23 4,22.1045695 4,21 L4,5 C4,3.8954305 4.8954305,3 6,3 L8,3 Z" fill="#000000" opacity="0.3"/>
                                    <path d="M11,2 C11,1.44771525 11.4477153,1 12,1 C12.5522847,1 13,1.44771525 13,2 L14.5,2 C14.7761424,2 15,2.22385763 15,2.5 L15,3.5 C15,3.77614237 14.7761424,4 14.5,4 L9.5,4 C9.22385763,4 9,3.77614237 9,3.5 L9,2.5 C9,2.22385763 9.22385763,2 9.5,2 L11,2 Z" fill="#000000"/>
                                    <rect fill="#000000" opacity="0.3" x="10" y="9" width="7" height="2" rx="1"/>
                                    <rect fill="#000000" opacity="0.3" x="7" y="9" width="2" height="2" rx="1"/>
                                    <rect fill="#000000" opacity="0.3" x="7" y="13" width="2" height="2" rx="1"/>
                                    <rect fill="#000000" opacity="0.3" x="10" y="13" width="7" height="2" rx="1"/>
                                    <rect fill="#000000" opacity="0.3" x="7" y="17" width="2" height="2" rx="1"/>
                                    <rect fill="#000000" opacity="0.3" x="10" y="17" width="7" height="2" rx="1"/>
                                </g>
                            </svg>
                        </div>
                        <div class="txt">
                            <span>合同与生产</span>
                            <p>免费咨询推荐</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic box_align_justify">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56px" height="56px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <rect x="0" y="0" width="24" height="24"/>
                                    <rect fill="#000000" opacity="0.3" x="2" y="5" width="20" height="14" rx="2"/>
                                    <rect fill="#000000" x="2" y="8" width="20" height="3"/>
                                    <rect fill="#000000" opacity="0.3" x="16" y="14" width="4" height="2" rx="1"/>
                                </g>
                            </svg>
                        </div>
                        <div class="txt">
                            <span>支付定金</span>
                            <p>免费咨询推荐</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic box_align_justify">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56px" height="56px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <rect x="0" y="0" width="24" height="24"/>
                                    <path d="M20.4061385,6.73606154 C20.7672665,6.89656288 21,7.25468437 21,7.64987309 L21,16.4115967 C21,16.7747638 20.8031081,17.1093844 20.4856429,17.2857539 L12.4856429,21.7301984 C12.1836204,21.8979887 11.8163796,21.8979887 11.5143571,21.7301984 L3.51435707,17.2857539 C3.19689188,17.1093844 3,16.7747638 3,16.4115967 L3,7.64987309 C3,7.25468437 3.23273352,6.89656288 3.59386153,6.73606154 L11.5938615,3.18050598 C11.8524269,3.06558805 12.1475731,3.06558805 12.4061385,3.18050598 L20.4061385,6.73606154 Z" fill="#000000" opacity="0.3"/>
                                    <polygon fill="#000000" points="14.9671522 4.22441676 7.5999999 8.31727912 7.5999999 12.9056825 9.5999999 13.9056825 9.5999999 9.49408582 17.25507 5.24126912"/>
                                </g>
                            </svg>
                        </div>
                        <div class="txt">
                            <span>商品配送</span>
                            <p>免费咨询推荐</p>
                        </div>
                    </li>
                </ul>
                <!-- <div class="online fr"><a href="http://p.qiao.baidu.com/cps2/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2212179947%22%2C%22userId%22%3A%2225618180%22%2C%22pageId%22%3A0%7D" target="_blank">立即咨询定制</a></div> -->
            </div>
            <div class="custom-content clear">
                <div class="custom-right fr">
                    <div class="custom-top">
                        <div class="fl" style="display: flex;align-items: center;">
                            <a href="javascript:void(0);" onclick="getQueryClass('is_new','1')" id="new_product" style="color: var(--main_color);font-weight: bold">新品</a>
                            <input hidden="hidden" id="switch_price" value="shop_price"/>
                                                        <a href="javascript:void(0);" onclick="getQueryClass('sort_price','1')" id="price">价格&nbsp;&nbsp;&darr;&uarr;</a>
                        </div>
                        <div class="fr">
                            <a  href="javascript:void(0);" onclick="$('.dzzx-box').show()"style="color: var(--text_color);background-color: var(--main_color)">免费咨询商品顾问</a>
                        </div>
                    </div>
                                        <article>
                        <div class="custom-bottom" id="w">
                            <div class="custom-box">
                                <ul class="clear">
                                    <!--产品信息-->
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/393574.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/terminal/a1723ed46fe438b222d45f2a60a239da.jpg'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                            <div style="width: 68px;height: 24px;position: relative;background-color: var(--main_color);color: #FFFFFF;float: left;text-align: center">零售</div>
                                                                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/393574.html' target="_blank">中国黄金 冰魄美人手镯瑕疵MSB1632</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 369</span>
                                                                                            <p>中国黄金，品质卓越之选；冰魄美人，设计引领风尚；玉髓手镯，尽显高雅韵味</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>中国黄金，品质卓越之选；冰魄美人，设计引领风尚；玉髓手镯，尽显高雅韵味</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('393574');" class="addppt" data-id='393574'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/393624.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/terminal/86b07e4114d00d54ee318936dcb9c652.jpg'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                            <div style="width: 68px;height: 24px;position: relative;background-color: var(--main_color);color: #FFFFFF;float: left;text-align: center">零售</div>
                                                                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/393624.html' target="_blank">中国黄金 初恋耳钉一副TGR042</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 355.5</span>
                                                                                            <p>央企品牌值得信赖为 全国门店3000+  ；翡翠耳坠，高贵典雅；镶钻闪耀，奢华迷人</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>央企品牌值得信赖为 全国门店3000+  ；翡翠耳坠，高贵典雅；镶钻闪耀，奢华迷人</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('393624');" class="addppt" data-id='393624'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/393626.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/terminal/f1df5a59c2a6b59c71a7180f6e79c556.jpg'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                            <div style="width: 68px;height: 24px;position: relative;background-color: var(--main_color);color: #FFFFFF;float: left;text-align: center">零售</div>
                                                                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/393626.html' target="_blank">中国黄金 一叶成名耳钉TGR034</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 709.5</span>
                                                                                            <p>中国黄金，品质保证；翡翠耳钉，高贵典雅；一叶成名，吉祥寓意</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>中国黄金，品质保证；翡翠耳钉，高贵典雅；一叶成名，吉祥寓意</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('393626');" class="addppt" data-id='393626'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/393575.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/terminal/7df375c704597caef8918fd71ecd081d.jpg'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                            <div style="width: 68px;height: 24px;position: relative;background-color: var(--main_color);color: #FFFFFF;float: left;text-align: center">零售</div>
                                                                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/393575.html' target="_blank">中国黄金  冰魄美人手镯精挑MSB16320</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 406.5</span>
                                                                                            <p>冰魄美人，独特设计；玉髓手镯，尽显高雅；玲珑剔透 浑然天成</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>冰魄美人，独特设计；玉髓手镯，尽显高雅；玲珑剔透 浑然天成</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('393575');" class="addppt" data-id='393575'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/393297.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/terminal/428606757ae05d41e8b8e66801944d05.jpg'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                            <div style="width: 68px;height: 24px;position: relative;background-color: var(--main_color);color: #FFFFFF;float: left;text-align: center">零售</div>
                                                                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/393297.html' target="_blank">中国黄金 喜乐安康吊坠TGD118</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 175.2</span>
                                                                                            <p>S925银镶和田玉；精湛工艺</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>S925银镶和田玉；精湛工艺</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('393297');" class="addppt" data-id='393297'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/359358.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/swiper/359358/415521b164f56a1d8ef57b761f9a6270.jpg'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/359358.html' target="_blank">聚运鑫 天然开光朱砂手串</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 31.2</span>
                                                                                            <p>朱砂握在手中有温暖的感觉，寓意鸿运当头，万事顺意；传统朱砂工艺，珠圆色润。朱砂越红，砂越好；送平安招财，诸事顺遂，好运爆棚</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>朱砂握在手中有温暖的感觉，寓意鸿运当头，万事顺意；传统朱砂工艺，珠圆色润。朱砂越红，砂越好；送平安招财，诸事顺遂，好运爆棚</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('359358');" class="addppt" data-id='359358'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/240098.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/swiper/240098/a35ad7ee158833ead48d8e05248d14ae.jpg'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/240098.html' target="_blank">聚运鑫 黄金双龙平安心经守护牌车挂</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 163.2</span>
                                                                                            <p>工艺：双龙平安心经，四周心经围绕着中间刻有平安；背面双龙盘踞于守护牌之上，带来祥瑞福运安康。；设计：龙，在中华文明中是神圣吉祥的图腾；是古时皇家崇尚御用的象征，两条龙相对，护佑平安</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>工艺：双龙平安心经，四周心经围绕着中间刻有平安；背面双龙盘踞于守护牌之上，带来祥瑞福运安康。；设计：龙，在中华文明中是神圣吉祥的图腾；是古时皇家崇尚御用的象征，两条龙相对，护佑平安</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('240098');" class="addppt" data-id='240098'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/198051.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/swiper/198051/594300e96d1aad39a26b4810105ec1af.jpg'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/198051.html' target="_blank">聚运鑫 员工入职企业周年定制黄金戒指p555</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 2240&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 2600</h6></span>
                                                                                        <p>我们专注于设计、定制和生产高品质金饰产品，为客户提供个性化定制的黄金戒指。我们的黄金999是指金含量为99.9%的纯金，具有极高的纯度和贵重性。我们可以根据客户的要求，设计和制作符合个人品味和风格的定制戒指。无论您想要定制一个简约、经典的戒指，还是一个独特、创意的设计，我们的专业设计团队将与您合作，提供满足您需求的设计方案。</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>我们专注于设计、定制和生产高品质金饰产品，为客户提供个性化定制的黄金戒指。我们的黄金999是指金含量为99.9%的纯金，具有极高的纯度和贵重性。我们可以根据客户的要求，设计和制作符合个人品味和风格的定制戒指。无论您想要定制一个简约、经典的戒指，还是一个独特、创意的设计，我们的专业设计团队将与您合作，提供满足您需求的设计方案。</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('198051');" class="addppt" data-id='198051'>加入PPT</a>
                                    </li>
                                    
                                </ul>
                            </div>
                            <!--分页-->
                            <div style="width: 100%;height: 35px;text-align: center;">
                                  <style>
            .pagination p{
                cursor:pointer;
            }
            .pagination{
                display: inline-block;
            }
            .pagination a{
                display:block;
                float:left;
                margin-right:10px;
                padding:2px 12px;
                border:1px #cccccc solid;
                background:#fff;
                text-decoration:none;
                color:#808080;
                font-size:12px;
                line-height:24px;
            }
            .pagination a:hover{
                color:#077ee3;
                background: white;
                border:1px #077ee3 solid;
            }
            .pagination a.cur{
                border:none;
                background:#077ee3;
                color:#fff;
            }
            .pagination p{
                float:left;
                padding:2px 12px;
                font-size:12px;
                line-height:24px;
                color:#bbb;
                border:1px #ccc solid;
                background:#fcfcfc;
                margin-right:8px;

            }
            .pagination p.pageRemark{
                border-style:none;
                background:none;
                margin-right:0px;
                padding:4px 0px;
                color:#666;
            }
            .pagination p.pageRemark b{
                color:red;
            }
            .pagination p.pageEllipsis{
                border-style:none;
                background:none;
                padding:4px 0px;
                color:#808080;
            }
            .dates li {font-size: 14px;margin:20px 0}
            .dates li span{float:right}
            .beginPage{border: 1px #cccccc solid;font-size: 12px;line-height: 24px;width: 35px;margin-left: 8px;margin-right: 8px;}
            .jumpPage{    
                margin-left: 8px;
                padding: 0px 8px;
                border: 1px #cccccc solid;
                background: #fff;
                text-decoration: none;
                color: #808080;
                font-size: 12px;
                line-height: 24px;}
        </style><div class="pagination"><a href='/List/classify_id/28098.html?classify_id=28098&page=1' title='首页'>首页</a> <a href='/List/classify_id/28098.html?classify_id=28098&page=6' title='上一页'>上一页</a> <a href="/List/classify_id/28098.html?classify_id=28098&amp;page=1" title="第"1"页" >1</a><a href="/List/classify_id/28098.html?classify_id=28098&amp;page=2" title="第"2"页" >2</a><a href="/List/classify_id/28098.html?classify_id=28098&amp;page=3" title="第"3"页" >3</a><a href="/List/classify_id/28098.html?classify_id=28098&amp;page=4" title="第"4"页" >4</a><a href="/List/classify_id/28098.html?classify_id=28098&amp;page=5" title="第"5"页" >5</a><a href="/List/classify_id/28098.html?classify_id=28098&amp;page=6" title="第"6"页" >6</a><a href="" class="cur">7</a> <p>下一页</p> <p>尾页</p> <p>跳转到第<input name="beginPage" value="" class="beginPage"/>页<input type="button" value="前往" class="jumpPage" onclick="goToPage('/List/classify_id/28098.html?classify_id=28098&page=1')"/></p></div>                            </div>
                        </div>
                    </article>
                                    </div>
            </div>
                            <section>
                    <div class="custom-fine">
                        <div class="title"><h3>精选优质商品</h3></div>
                        <ul class="clear">
                            <!--精选优质商品-->
                                                            <li>
                                    <div class="pic">
                                        <a href='/goodsInfo/752519.html' title='陆宝  定窑龙纹茶组' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                            <img class="lazy" data-original='http://img13.360buyimg.com/n12/jfs/t1/184105/18/32621/118615/63ec43afF35b8edf0/0ee90ed9fe9281aa.jpg' alt='陆宝  定窑龙纹茶组'>
                                                                                                                                </a>
                                            <div style="position: relative; top: -246px;">
                                                                                    </div>
                                    </div>
                                    <div class="txt1">
                                        <h3><a href='/goodsInfo/752519.html' target="_blank">陆宝  定窑龙纹茶组</a></h3>
                                                                                    <span class="show_price show_shop_price">￥ 449.3&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;font-size: 12px;color: #bebebe;display: inline-block">￥ 453</h6> </span>
                                                                                    <p>云龙纹与花卉纹结合；壶钮雕刻菊纹，取下盖子能巧妙的挂于壶身；将菊纹设计于两端手把处，隔热防烫</p>
                                                                            </div>
                                        <div class="txt2">
                                                                                            <p>云龙纹与花卉纹结合；壶钮雕刻菊纹，取下盖子能巧妙的挂于壶身；将菊纹设计于两端手把处，隔热防烫</p>
                                                                                    </div>
                                    <a href="javascript:addPpt('752519')" class="addppt" data-id='752519'>加入PPT</a>
                                </li>
                                                            <li>
                                    <div class="pic">
                                        <a href='/goodsInfo/752541.html' title='陆宝  花悦旅行组' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                            <img class="lazy" data-original='http://img13.360buyimg.com/n12/jfs/t1/325804/25/7245/45696/68a4119dFbac45d7e/8214fbaa6054b590.jpg' alt='陆宝  花悦旅行组'>
                                                                                                                                </a>
                                            <div style="position: relative; top: -246px;">
                                                                                    </div>
                                    </div>
                                    <div class="txt1">
                                        <h3><a href='/goodsInfo/752541.html' target="_blank">陆宝  花悦旅行组</a></h3>
                                                                                    <span class="show_price show_shop_price">￥ 749.3&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;font-size: 12px;color: #bebebe;display: inline-block">￥ 769</h6> </span>
                                                                                    <p>手雕与描金塑造盛放花姿；茶杯底部浮雕「吉」字；多用旅行箱，既能收纳茶器，也可做行李箱使用</p>
                                                                            </div>
                                        <div class="txt2">
                                                                                            <p>手雕与描金塑造盛放花姿；茶杯底部浮雕「吉」字；多用旅行箱，既能收纳茶器，也可做行李箱使用</p>
                                                                                    </div>
                                    <a href="javascript:addPpt('752541')" class="addppt" data-id='752541'>加入PPT</a>
                                </li>
                                                            <li>
                                    <div class="pic">
                                        <a href='/goodsInfo/437766.html' title='臻米  养生壶纯玻璃家用多功能ZMSH-T01' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                            <img class="lazy" data-original='https://oss.miniappss.com/terminal/8b4d175a351867b5216791934ce336fe.jpg' alt='臻米  养生壶纯玻璃家用多功能ZMSH-T01'>
                                                                                                                                </a>
                                            <div style="position: relative; top: -246px;">
                                                                                        <div style="width: 68px;height: 24px;position: relative;background-color: var(--main_color);color: #FFFFFF;float: left;text-align: center">零售</div>
                                                                                                                                </div>
                                    </div>
                                    <div class="txt1">
                                        <h3><a href='/goodsInfo/437766.html' target="_blank">臻米  养生壶纯玻璃家用多功能ZMSH-T01</a></h3>
                                                                                    <span class="show_price show_shop_price">￥ 456</span>
                                                                                    <p>0重金属析出0生锈，0图层升级纯钛（99.99%）；8大预设菜单，一键烹煮，一键操作；0℃-150℃耐温2MM高硼玻璃壶身，耐冷热不易炸</p>
                                                                            </div>
                                        <div class="txt2">
                                                                                            <p>0重金属析出0生锈，0图层升级纯钛（99.99%）；8大预设菜单，一键烹煮，一键操作；0℃-150℃耐温2MM高硼玻璃壶身，耐冷热不易炸</p>
                                                                                    </div>
                                    <a href="javascript:addPpt('437766')" class="addppt" data-id='437766'>加入PPT</a>
                                </li>
                                                            <li>
                                    <div class="pic">
                                        <a href='/goodsInfo/747318.html' title='徽粮坊  谷物集杂粮礼盒6袋装1996g' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                            <img class="lazy" data-original='https://oss.miniappss.com/terminal/5c8b5adc841e1cf8c20f6b6f1adf26ab.jpg' alt='徽粮坊  谷物集杂粮礼盒6袋装1996g'>
                                                                                                                                </a>
                                            <div style="position: relative; top: -246px;">
                                                                                        <div style="width: 68px;height: 24px;position: relative;background-color: var(--main_color);color: #FFFFFF;float: left;text-align: center">零售</div>
                                                                                                                                </div>
                                    </div>
                                    <div class="txt1">
                                        <h3><a href='/goodsInfo/747318.html' target="_blank">徽粮坊  谷物集杂粮礼盒6袋装1996g</a></h3>
                                                                                    <span class="show_price show_shop_price">￥ 66.2</span>
                                                                                    <p>精选杂粮组合，营养搭配均衡，贴合健康食养需求；精致礼盒包装，体面大方，节日送礼走心有格调；品类丰富多样，满足全家不同饮食口味与烹饪需求</p>
                                                                            </div>
                                        <div class="txt2">
                                                                                            <p>精选杂粮组合，营养搭配均衡，贴合健康食养需求；精致礼盒包装，体面大方，节日送礼走心有格调；品类丰富多样，满足全家不同饮食口味与烹饪需求</p>
                                                                                    </div>
                                    <a href="javascript:addPpt('747318')" class="addppt" data-id='747318'>加入PPT</a>
                                </li>
                                                            <li>
                                    <div class="pic">
                                        <a href='/goodsInfo/751993.html' title='陆宝  祥云如意随手泡' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                            <img class="lazy" data-original='http://img13.360buyimg.com/n12/jfs/t1/328328/40/8624/52113/68a6af75F339f4fbb/1c9b1c017fa68dd6.jpg' alt='陆宝  祥云如意随手泡'>
                                                                                                                                </a>
                                            <div style="position: relative; top: -246px;">
                                                                                    </div>
                                    </div>
                                    <div class="txt1">
                                        <h3><a href='/goodsInfo/751993.html' target="_blank">陆宝  祥云如意随手泡</a></h3>
                                                                                    <span class="show_price show_shop_price">￥ 358.8</span>
                                                                                    <p>如意云纹和中式瓜菱瓣纹；内置球状滤孔高密度布局；是杯也是盖</p>
                                                                            </div>
                                        <div class="txt2">
                                                                                            <p>如意云纹和中式瓜菱瓣纹；内置球状滤孔高密度布局；是杯也是盖</p>
                                                                                    </div>
                                    <a href="javascript:addPpt('751993')" class="addppt" data-id='751993'>加入PPT</a>
                                </li>
                                                    </ul>
                    </div>
                </section>
                    </div>
    </div>
</div>
{/block}
{block name="script"}

<script src="/static/default/js/custom.js"></script>
<script src="/static/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript">
    let query = {
        classify_id:'',
        brand_id:[],
        start_price:0,
        end_price:0,
        is_new:0,
        sort_price:0,
        hui_mining:0,
        price_type:0
    };

    //渲染完后执行
    $(document).ready(function(){
        let input = JSON.parse('{"classify_id":"28098","page":"7"}');
        if(input){
            console.log(input)
            for(let i in input){
                switch (i){
                    case 'group':
                        query.group = input.group;
                        break;
                    case 'classify_id':
                        query.classify_id = input.classify_id;
                        break;
                    case 'labels':
                        query.labels = input.labels;
                        break;
                    case 'start_price':
                        query.start_price = input.start_price;
                        $("[name='start_price']").attr("value",query.start_price);
                        break;
                    case 'end_price':
                        query.end_price = input.end_price;
                        $("[name='end_price']").attr("value",query.end_price);
                        break;
                    case 'brand_id':
                        query.brand_id = input.brand_id
                        break;
                    case 'is_new':
                        query.is_new = input.is_new
                        $("#label_goods").append("\n" +
                            "                    <span style=\"font-family:宋体\">></span>\n" +
                            "                    <span class=\"type\">新品<a href=\"javascript:void(0);\" onclick=\"getQueryClass('is_new','0')\" class=\"icon\"></a></span>")
                        break;
                    case 'a_key_to':
                        query.a_key_to = input.a_key_to;
                        $("#label_goods").append("\n" +
                            "                    <span style=\"font-family:宋体\">></span>\n" +
                            "                    <span class=\"type\">一件代发<a href=\"javascript:void(0);\" onclick=\"getQueryClass('a_key_to','0')\" class=\"icon\"></a></span>")
                        break;
                    case 'hui_mining':
                        query.hui_mining = input.hui_mining
                        $("#label_goods").append("\n" +
                            "                    <span style=\"font-family:宋体\">></span>\n" +
                            "                    <span class=\"type\">慧采<a href=\"javascript:void(0);\" onclick=\"getQueryClass('hui_mining','0')\" class=\"icon\"></a></span>")
                        break;
                    case 'switch_price':
                        if(input.switch_price === 'cost_price'){
                            query.switch_price = input.switch_price
                            let price_type = 'cost_price';
                            $('#switch_price').val(price_type);
                            $('.show_price').hide();
                            $('.show_'+price_type).show();
                            $('.switch_price').css({'background-color':'#fff','color':'#313131'});
                            $('.switch_'+price_type).css({'background-color':'var(--main_color)','color':'var(--text_color)'});
                        }
                        break;
                }
            }
        }

        let price_id = query.start_price+'-'+query.end_price;
        $('.'+price_id).css({'color':'var(--text_color)','font-font-weight':'bold','background-color':'var(--main_color)'});

        //排序渲染颜色
        let urls = window.location.href;
        if(urls.indexOf("is_new") > 0){
            $("#new_product").css({'color':'var(--main_color)','font-weight':'bold'});
            $("#price").css({'color':'','font-weight':''});
        }
        if(urls.indexOf("sort_price") > 0){
            $("#price").css({'color':'var(--main_color)','font-weight':'bold'});
            $("#new_product").css({'color':'','font-weight':''});
        }
        //品牌渲染颜色
        $('.brand_'+query.brand_id).css({'color':'var(--text_color)','font-weight':'bold','background-color':'var(--main_color)'});

    })

    //特权用户切换价格显示
    function changeShowPrice(price_type){
        $('#switch_price').val(price_type);
        $('.show_price').hide();
        $('.show_'+price_type).show();
        $('.switch_price').css({'background-color':'#fff','color':'#313131'});
        $('.switch_'+price_type).css({'background-color':'var(--main_color)','color':'var(--text_color)'});
    }

    //获取输入价格
    function getInputPrice(price_type){
        let start_price = Number($('input[name="start_price"]').val());
        let end_price = Number($('input[name="end_price"]').val());
        if((start_price != 0 && end_price != 0) && (start_price > end_price)){
            $("#tips").text("价格范围错误");
        }else{
            getQueryClass('add_price',start_price+','+end_price,price_type);
        }
    }

    //获取到选择的产品属性
    function getQueryClass(key,value,price_type){
        switch (key){
            case 'add_price':
                query.start_price = value.split(",")[0];
                query.end_price = value.split(",")[1];
                query.price_type = price_type;
                break;
            case 'del_price':
                query.start_price = 0;
                query.end_price = 0;
                break;
            case 'classify_id':
                query.classify_id = value;
                query.brand_id = [];
                query.start_price = 0;
                query.end_price = 0;
                break;
            case 'add_brand_id':
                query.brand_id = value;
                query.start_price = 0;
                query.end_price = 0;
                break;
            case 'del_brand_id':
                query.brand_id = 0;
                query.start_price = 0;
                query.end_price = 0;
                break;
            case 'is_new':
                query.is_new = value;
                break;
            case 'sort_price':
                query.sort_price = value;
                let switch_price = $('#switch_price').val();
                if(switch_price){
                    query.switch_price = switch_price;
                }
                break;
            case 'a_key_to':
                query.a_key_to = value;
                break;
            case 'hui_mining':
                query.hui_mining = value;
                break;
        }

        let url = '/list';
        for(let i in query){
            if(query[i] != '' && query[i] != 0 ){
                url += '/'+i+'/'+query[i];
            }
        }
        $(location).attr('href',url+'.html'+getQueryVariable('search'));
        console.log(url)

    }

    //删除数组元素
    Array.prototype.remove = function(val) {
        var index = this.indexOf(val);
        if (index > -1) {
            this.splice(index, 1);
        }
    };

    //获取链接参数（搜索条件）
    function getQueryVariable(variable)
    {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i=0;i<vars.length;i++) {
            var pair = vars[i].split("=");
            if(pair[0] == variable){
                return '?search='+pair[1];
            }
        }
        return '';
    }
    //获取链接参数  （斜杆分开）
    function getPriceVariable(variable)
    {
        let url = window.location.href;
        let query = url.match(/goodslist(\S*).html/);
        if(query != null){
            var vars = query[1].split("/");
            for (var i=1;i<vars.length-1;i++) {
                if(vars[i] == variable){
                    return vars[i+1];
                }
            }
        }
        return 0;
    }

    //加入PPT
    function addPpt(id){
        $('.login_ppt').addClass('bounce animated');
        setTimeout(function(){
            $('.login_ppt').removeClass('bounce animated');
        }, 1000);
        ajaxPost("/index/ppt/addPpt",{goods_id:id},(ppt_data)=>{
            layer.msg(ppt_data.msg);
        });
    }
</script>


{/block}