{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">86</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>
                                    <span style="font-family:宋体">></span>
                    <span class="type">类别:户外装备<a href="javascript:void(0);" onclick="getQueryClass('classify_id','348')" class="icon"></a></span>
                                    <span style="font-family:宋体">></span>
                    <span class="type">类别:垫子<a href="javascript:void(0);" onclick="getQueryClass('classify_id','440')" 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','754')" >健身器材</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4652')" >哑铃</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4653')" >踏步机/跑步机</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4654')" >拉力器/臂力器</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4655')" >跳绳</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4656')" >健腹轮</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4657')" >杠铃</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4659')" >握力器</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4660')" >腕力器</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4661')" >呼啦圈</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4662')" >俯卧撑架</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4663')" >筋膜枪</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4664')" >美腰机</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','441')" >帐篷</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','744')" >背包</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','745')" >睡袋/吊床</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','746')" >户外照明</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','748')" >户外工具</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','753')" >烧烤用具</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','775')" >渔具</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','16894')" >垫子</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','1091')" >运动配饰</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','4666')" >乒乓球系列</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4667')" >羽毛球系列</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4668')" >网球系列</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4669')" >足球</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4670')" >篮球</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4671')" >排球</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4675')" >轮滑/滑板</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','4677')" >运动护膝</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4678')" >运动护腰</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4679')" >运动护肘</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4680')" >运动护踝</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4681')" >护腕</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4682')" >运动护臀</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4683')" >运动护腿</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4684')" >运动护肩</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','4685')" >护臂</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','16937')" >牌类运动</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','771')" >电动车</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','772')" >城市自行车</a>
                                            </span>
                                                                                    <span class="child-data">
                                                <a href="javascript:void(0);" onclick="getQueryClass('classify_id','773')" >穿戴装备</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','8099')" class='brand_8099 brand_name'><i></i>路悠悠</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','5687')" class='brand_5687 brand_name'><i></i>艾得锐威</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','2635')" class='brand_2635 brand_name'><i></i>ORVORT</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','13501')" class='brand_13501 brand_name'><i></i>新鲜生活</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','1328')" class='brand_1328 brand_name'><i></i>汉乐美途</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','1255')" class='brand_1255 brand_name'><i></i>大迈</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','1839')" class='brand_1839 brand_name'><i></i>匹克</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','3688')" class='brand_3688 brand_name'><i></i>宏太</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','12317')" class='brand_12317 brand_name'><i></i>安途卫士</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','1873')" class='brand_1873 brand_name'><i></i>Maki zaza</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','11949')" class='brand_11949 brand_name'><i></i>威诗兰</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','2421')" class='brand_2421 brand_name'><i></i>骆驼</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','11447')" class='brand_11447 brand_name'><i></i>珀木</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','640')" class='brand_640 brand_name'><i></i>K.S.</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','4105')" class='brand_4105 brand_name'><i></i>趣游帮</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','851')" class='brand_851 brand_name'><i></i>何大屋</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','502')" class='brand_502 brand_name'><i></i>易旅</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','318')" class='brand_318 brand_name'><i></i>西屋</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','5966')" class='brand_5966 brand_name'><i></i>川崎</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','5996')" class='brand_5996 brand_name'><i></i>尚烤佳</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','4360')" class='brand_4360 brand_name'><i></i>牧高笛</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','4375')" class='brand_4375 brand_name'><i></i>探险者</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','2999')" class='brand_2999 brand_name'><i></i>腾福祥</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','390')" class='brand_390 brand_name'><i></i>原始人</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','7701')" class='brand_7701 brand_name'><i></i>清系</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','5098')" class='brand_5098 brand_name'><i></i>敲打熊</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','7897')" class='brand_7897 brand_name'><i></i>叁尔</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','4235')" class='brand_4235 brand_name'><i></i>飞图乐</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','1302')" class='brand_1302 brand_name'><i></i>又见美物</a></li>
                                                            <li><a style="padding: 3px 6px;border-radius: 10px;" href="javascript:void(0);" onclick="getQueryClass('add_brand_id','3700')" class='brand_3700 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/526068.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/terminal/36fa6d97963d2f474b588f28c22223a6.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/526068.html' target="_blank">飞图乐  牛津布野餐垫2*2mYCD02</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 59.5</span>
                                                                                            <p>600D牛津布，柔软舒适；；背部PVC，阻隔湿气，加大加厚，防水耐磨；；手提包收纳设计，收放自如；颜色鲜艳，舒适明快；</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>600D牛津布，柔软舒适；；背部PVC，阻隔湿气，加大加厚，防水耐磨；；手提包收纳设计，收放自如；颜色鲜艳，舒适明快；</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('526068');" class="addppt" data-id='526068'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/522170.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/terminal/34a70a06aa7c3b7f3568c416db08299d.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/522170.html' target="_blank">飞图乐  牛津布野餐垫1.5*2m</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 49.5</span>
                                                                                            <p>600D牛津布，柔软舒适;颜色鲜艳，舒适明快；背部PVC，阻隔湿气，加大加厚，防水耐磨；；手提包收纳设计，收放自如；</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>600D牛津布，柔软舒适;颜色鲜艳，舒适明快；背部PVC，阻隔湿气，加大加厚，防水耐磨；；手提包收纳设计，收放自如；</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('522170');" class="addppt" data-id='522170'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/513841.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/terminal/fbb65ee216870de749c46b322a5d5c1e.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/513841.html' target="_blank">西屋  多功能毯MN07A</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 59.5&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 85</h6></span>
                                                                                        <p>一体式收纳，携带方便、轻松出行；加厚防潮，便携易收纳、易清洗；面料软硬适中，宝宝也能开心玩耍</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>一体式收纳，携带方便、轻松出行；加厚防潮，便携易收纳、易清洗；面料软硬适中，宝宝也能开心玩耍</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('513841');" class="addppt" data-id='513841'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/496152.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://img13.360buyimg.com/n12/jfs/t1/253393/3/26586/244855/67bfdf73F8c70af61/2590305fb28a8f8e.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/496152.html' target="_blank">叁尔 露营地毯随行杯音响三件套SRTZ-006</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 192&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 388</h6></span>
                                                                                        <p>组合多样；包装精美；美观大方</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>组合多样；包装精美；美观大方</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('496152');" class="addppt" data-id='496152'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/496150.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://img13.360buyimg.com/n12/jfs/t1/264526/33/29330/81541/67ca6a35Fa7251e35/ef2a7122230deeff.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/496150.html' target="_blank">叁尔  波西米亚露营地毯随行杯两件套SRTZ-004</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 98.6&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 218</h6></span>
                                                                                        <p>组合多样，满足各类项目预算需求；包装精美；使用场景多元化</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>组合多样，满足各类项目预算需求；包装精美；使用场景多元化</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('496150');" class="addppt" data-id='496150'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/361038.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://img13.360buyimg.com/n12/jfs/t1/171999/2/42825/134036/66793af8F3c4ef482/5cda8fa2a59a64ee.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/361038.html' target="_blank">叁尔 波西米亚露营地毯SRDD-002</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 54&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 119</h6></span>
                                                                                        <p>波西米亚风格│使用场景多元化；便携收纳袋；小巧便携 不占空间</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>波西米亚风格│使用场景多元化；便携收纳袋；小巧便携 不占空间</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('361038');" class="addppt" data-id='361038'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/360989.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://img13.360buyimg.com/n12/jfs/t1/179248/30/46939/402107/6683a0aaFeef8d983/dd6fe1e5d1f64497.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/360989.html' target="_blank">叁尔 假日心情超声波野餐垫SRDD-0001</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 129.2&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 249</h6></span>
                                                                                        <p>精选防水面料，韧性佳，遇水不吸收；底部PE铝膜，不易沾尘，防潮抗油污；可配套帐篷使用，也可单独作为野餐垫使用；超声波固棉，机洗不跑棉；绑带设计，方便收纳，另配置防尘袋，随心携带</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>精选防水面料，韧性佳，遇水不吸收；底部PE铝膜，不易沾尘，防潮抗油污；可配套帐篷使用，也可单独作为野餐垫使用；超声波固棉，机洗不跑棉；绑带设计，方便收纳，另配置防尘袋，随心携带</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('360989');" class="addppt" data-id='360989'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/485428.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://img13.360buyimg.com/n12/jfs/t1/185613/30/35654/171437/64c8bb48F41411cef/c66bd2279e062a26.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/485428.html' target="_blank">川崎  户外加厚防潮垫野餐垫K3I00-A0812-1</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 39.6&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 89</h6></span>
                                                                                        <p>牛津布柔软舒适；可折叠方便携带；加大尺寸防水防潮，表面材质不沾草，清爽干净</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>牛津布柔软舒适；可折叠方便携带；加大尺寸防水防潮，表面材质不沾草，清爽干净</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('485428');" class="addppt" data-id='485428'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/483871.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/terminal/ed980848a5cdfababbb14dd8a35edf2d.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/483871.html' target="_blank">飞图乐 波西米亚超声波野餐垫2*2mYCD0303</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 110.5&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 288</h6></span>
                                                                                        <p>六层超声波复合牛津布底，厚实舒适；活性数码印刷环保无异味，轻便手提设计；铝膜防水底，防水耐磨；耐脏易清洁，污渍一擦即</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>六层超声波复合牛津布底，厚实舒适；活性数码印刷环保无异味，轻便手提设计；铝膜防水底，防水耐磨；耐脏易清洁，污渍一擦即</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('483871');" class="addppt" data-id='483871'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/477296.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/terminal/aea6bfa8a99251a8e30117f08a2eae88.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/477296.html' target="_blank">尚烤佳  磊月超声波野餐垫LS-625</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 85</span>
                                                                                            <p>升级加厚、防水防潮；亲肤透气、方便携带；可机洗、抗污易打理</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>升级加厚、防水防潮；亲肤透气、方便携带；可机洗、抗污易打理</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('477296');" class="addppt" data-id='477296'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/477294.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/terminal/073a82c9d85a0fbd9da9ae5596f7d0d0.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/477294.html' target="_blank">尚烤佳 星辰牛津布野餐垫LS-624</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 42.3&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 99</h6></span>
                                                                                        <p>耐磨耐脏、折叠便携、拍照神器；加厚材质；亲肤防潮</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>耐磨耐脏、折叠便携、拍照神器；加厚材质；亲肤防潮</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('477294');" class="addppt" data-id='477294'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/349386.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://img13.360buyimg.com/n12/jfs/t1/131615/3/40756/81303/65b886c7F17e351a9/e91c131c302f4b14.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/349386.html' target="_blank">挪客  萌泥兔超声波铝膜野餐垫CNH22DZ14004</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 105.4</span>
                                                                                            <p>不沾草易清洁；双面防泼水；支持机洗</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>不沾草易清洁；双面防泼水；支持机洗</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('349386');" class="addppt" data-id='349386'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/471185.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/swiper/471185/3284c4380e0477cc9c730b27c64429fd.png'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/471185.html' target="_blank">牧高笛 云霞超声波野餐垫EX19663003</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 131.4</span>
                                                                                            <p>高密聚酯面料；加厚针刺棉填充；防潮隔湿</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>高密聚酯面料；加厚针刺棉填充；防潮隔湿</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('471185');" class="addppt" data-id='471185'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/471176.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://img13.360buyimg.com/n12/jfs/t1/232033/39/3234/23563/6554d798Fcda8ef9d/ee90784d6e594451.png'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/471176.html' target="_blank">牧高笛 户外露营便携野餐垫NX20663008</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 29.7&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 30</h6></span>
                                                                                        <p>防潮隔热 ； 防水耐用；轻量便捷</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>防潮隔热 ； 防水耐用；轻量便捷</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('471176');" class="addppt" data-id='471176'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/470862.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://img13.360buyimg.com/n12/jfs/t1/7047/21/24118/40558/668baddeF8b7049da/0fddf50e03e8cf85.jpg'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/470862.html' target="_blank">牧高笛 巨蟹充气床充气防潮垫NX20663013/NX20663014</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 338.4&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 389</h6></span>
                                                                                        <p>加绒加厚；牢固耐磨；防寒防潮</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>加绒加厚；牢固耐磨；防寒防潮</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('470862');" class="addppt" data-id='470862'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/470861.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/swiper/470861/0e32b1e04af257bad3347b3e4eb26c4f.jpg'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/470861.html' target="_blank">牧高笛 户外加宽加厚防潮垫充气垫MF092006</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 162.7</span>
                                                                                            <p>柔软舒适；加宽加厚；耐磨防刮</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>柔软舒适；加宽加厚；耐磨防刮</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('470861');" class="addppt" data-id='470861'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/435009.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://img13.360buyimg.com/n12/jfs/t1/69863/7/25202/204848/6405a2b9F50ffc705/0f658745488222c0.jpg'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/435009.html' target="_blank">探险者 野餐垫毛毯苏克雷</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 62.9</span>
                                                                                            <p>柔软透气，手感柔和细腻；四边全包裹，流苏设计；民族风装饰毯</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>柔软透气，手感柔和细腻；四边全包裹，流苏设计；民族风装饰毯</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('435009');" class="addppt" data-id='435009'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/397841.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/swiper/397841/3cf94eaf0105012c17fb0a1e94fdad9e.jpg'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/397841.html' target="_blank">腾福祥 挎包野餐垫便携野餐垫</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 46.8</span>
                                                                                            <p>户外野餐必备</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>户外野餐必备</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('397841');" class="addppt" data-id='397841'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/382103.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/swiper/382103/8daa328f6e930496634dcc46743042b5.jpg'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/382103.html' target="_blank">原始人 户外野餐垫野炊野外防潮垫ABC2</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 71.4&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 78</h6></span>
                                                                                        <p>棉质面料，柔软舒适；单手可提，一拎既走</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>棉质面料，柔软舒适；单手可提，一拎既走</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('382103');" class="addppt" data-id='382103'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/382098.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/swiper/382098/4466d4b622dad43cc6be31e78bb4583c.jpg'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/382098.html' target="_blank">原始人 野餐垫防潮垫加厚户外地垫ABC02</a></h3>
                                                                                            <span class="show_price show_shop_price">￥ 66.3</span>
                                                                                            <p>防泼水面料；收缩调节，携带方便；精致包边</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>防泼水面料；收缩调节，携带方便；精致包边</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('382098');" class="addppt" data-id='382098'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/375478.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/swiper/375478/a0fb847f59d0333e0513a82a58e4b1a7.png'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/375478.html' target="_blank">清系  加高自动充气床单人卡其色</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 315&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 329</h6></span>
                                                                                        <p>亲肤植绒；全自动充放气；内置充气泵；稳固结构；舒适透气</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>亲肤植绒；全自动充放气；内置充气泵；稳固结构；舒适透气</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('375478');" class="addppt" data-id='375478'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/357851.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://oss.miniappss.com/swiper/357851/9bf20d25aad59cacb4c4b6328fa36616.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/357851.html' target="_blank">飞图乐  民族风大号超声波复合野餐垫YCD0302</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 102.9&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 198.1</h6></span>
                                                                                        <p>三层超声波复合牛津布底，厚实舒适；；活性数码印刷环保无异味，轻便手提设计；；牛津布防水底，防水耐磨；；耐脏易清洁，污渍一擦即净；；民族风图案，个性时尚；</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>三层超声波复合牛津布底，厚实舒适；；活性数码印刷环保无异味，轻便手提设计；；牛津布防水底，防水耐磨；；耐脏易清洁，污渍一擦即净；；民族风图案，个性时尚；</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('357851');" class="addppt" data-id='357851'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/310303.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://img13.360buyimg.com/n12/jfs/t1/31603/38/15754/790928/62b56493E92009b84/9d9b3792ab240f16.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/310303.html' target="_blank">纵贯线  野餐垫加厚户外垫CD-05</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 45&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 114.6</h6></span>
                                                                                        <p>花瑶布面料细腻、易清洗、防水面料，防潮效果好；易折叠、体积小，魔术贴设计，便于携带、收纳</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>花瑶布面料细腻、易清洗、防水面料，防潮效果好；易折叠、体积小，魔术贴设计，便于携带、收纳</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('310303');" class="addppt" data-id='310303'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/309800.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://img13.360buyimg.com/n12/jfs/t1/177103/34/34638/73120/64375db5F8f1c3b04/d23f5b0c51657cee.jpg'>
                                                                                                                                            </a>
                                            <div style="position: relative; top: -230px;">
                                                                                        </div>
                                        </div>
                                        <div class="txt1">
                                            <h3><a href='/goodsInfo/309800.html' target="_blank">法诺厨 户外露营套装草绿色FNC081C</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 252.8&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 528</h6></span>
                                                                                        <p>法诺厨 户外露营套装草绿色FNC081C</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>法诺厨 户外露营套装草绿色FNC081C</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('309800');" class="addppt" data-id='309800'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/274474.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://img13.360buyimg.com/n12/jfs/t1/95764/2/40947/420384/6489643cFb8bb44ba/0eeee195054a99ff.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/274474.html' target="_blank">错山 户外露营民族风野餐垫MP815</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 83.3&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 189</h6></span>
                                                                                        <p>防潮，加厚针刺棉填充；高密度聚酯面料，坚实耐磨易清洁；底部PE铝膜，防潮抗油污；一体式收纳设计，方便易携；遇水不吸收，环保无异味</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>防潮，加厚针刺棉填充；高密度聚酯面料，坚实耐磨易清洁；底部PE铝膜，防潮抗油污；一体式收纳设计，方便易携；遇水不吸收，环保无异味</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('274474');" class="addppt" data-id='274474'>加入PPT</a>
                                    </li>
                                                                        <li>
                                        <div class="pic">
                                            <a href='/goodsInfo/178290.html' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                                <img class="lazy" data-original='https://img13.360buyimg.com/n12/jfs/t1/210205/28/27050/33047/63e1e914F8f510784/dcc7f96631598a8c.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/178290.html' target="_blank">酷龙达 双人充气垫CLD-DP015</a></h3>
                                                                                        <span class="show_price show_shop_price">￥ 330&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;color: #919191;display: inline-block">￥ 598</h6></span>
                                                                                        <p>快速充放；便携收纳；安心舒适</p>
                                                                                    </div>
                                        <div class="txt2">
                                                                                        <p>快速充放；便携收纳；安心舒适</p>
                                                                                    </div>
                                        <a href="javascript:addPpt('178290');" class="addppt" data-id='178290'>加入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/16894.html?classify_id=16894&page=1' title='首页'>首页</a> <a href='/list/classify_id/16894.html?classify_id=16894&page=2' title='上一页'>上一页</a> <a href="/list/classify_id/16894.html?classify_id=16894&amp;page=1" title="第"1"页" >1</a><a href="/list/classify_id/16894.html?classify_id=16894&amp;page=2" title="第"2"页" >2</a><a href="" class="cur">3</a> <p>下一页</p> <p>尾页</p> <p>跳转到第<input name="beginPage" value="" class="beginPage"/>页<input type="button" value="前往" class="jumpPage" onclick="goToPage('/list/classify_id/16894.html?classify_id=16894&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/752478.html' title='陆宝  喜从天降茶具套装' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                            <img class="lazy" data-original='http://img13.360buyimg.com/n12/jfs/t1/303691/7/26772/107993/689d397aF2c043545/b9e517edab7aefdb.jpg' alt='陆宝  喜从天降茶具套装'>
                                                                                                                                </a>
                                            <div style="position: relative; top: -246px;">
                                                                                    </div>
                                    </div>
                                    <div class="txt1">
                                        <h3><a href='/goodsInfo/752478.html' target="_blank">陆宝  喜从天降茶具套装</a></h3>
                                                                                    <span class="show_price show_shop_price">￥ 419.3&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;font-size: 12px;color: #bebebe;display: inline-block">￥ 503</h6> </span>
                                                                                    <p>手刻双&ldquo;喜&rdquo;，寓意双喜临门；胡桃木把手，隔热防烫；独立茶海，分装茶汤</p>
                                                                            </div>
                                        <div class="txt2">
                                                                                            <p>手刻双&ldquo;喜&rdquo;，寓意双喜临门；胡桃木把手，隔热防烫；独立茶海，分装茶汤</p>
                                                                                    </div>
                                    <a href="javascript:addPpt('752478')" class="addppt" data-id='752478'>加入PPT</a>
                                </li>
                                                            <li>
                                    <div class="pic">
                                        <a href='/goodsInfo/204849.html' title='爱车屋  车载迷你小冰箱小型家用LL-10AL' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                            <img class="lazy" data-original='https://oss.miniappss.com/swiper/204849/6f9cad224aad0f5e92f39d07596f5397.jpg' alt='爱车屋  车载迷你小冰箱小型家用LL-10AL'>
                                                                                                                                </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/204849.html' target="_blank">爱车屋  车载迷你小冰箱小型家用LL-10AL</a></h3>
                                                                                    <span class="show_price show_shop_price">￥ 364.5&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;font-size: 12px;color: #bebebe;display: inline-block">￥ 719</h6> </span>
                                                                                    <p>10L的超大容量，冷热双功能，给您生活添姿彩；简约外观设计,典雅高贵气质；最新潮流款镜面设计</p>
                                                                            </div>
                                        <div class="txt2">
                                                                                            <p>10L的超大容量，冷热双功能，给您生活添姿彩；简约外观设计,典雅高贵气质；最新潮流款镜面设计</p>
                                                                                    </div>
                                    <a href="javascript:addPpt('204849')" class="addppt" data-id='204849'>加入PPT</a>
                                </li>
                                                            <li>
                                    <div class="pic">
                                        <a href='/goodsInfo/752038.html' title='陆宝  远山随手泡' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                            <img class="lazy" data-original='http://img13.360buyimg.com/n12/jfs/t1/249201/37/22952/33165/672450dfF3da4a9f7/945af645f08774d4.jpg' alt='陆宝  远山随手泡'>
                                                                                                                                </a>
                                            <div style="position: relative; top: -246px;">
                                                                                    </div>
                                    </div>
                                    <div class="txt1">
                                        <h3><a href='/goodsInfo/752038.html' target="_blank">陆宝  远山随手泡</a></h3>
                                                                                    <span class="show_price show_shop_price">￥ 287.2</span>
                                                                                    <p>通过浮雕把山的诗意、禅意与画意引入陶器中；雕刻丹青水墨中的山轮廓，立体呈现；一壶一杯，上下套叠</p>
                                                                            </div>
                                        <div class="txt2">
                                                                                            <p>通过浮雕把山的诗意、禅意与画意引入陶器中；雕刻丹青水墨中的山轮廓，立体呈现；一壶一杯，上下套叠</p>
                                                                                    </div>
                                    <a href="javascript:addPpt('752038')" class="addppt" data-id='752038'>加入PPT</a>
                                </li>
                                                            <li>
                                    <div class="pic">
                                        <a href='/goodsInfo/753997.html' title='洁丽雅  一次性懒人抹布4提装MRJ1018' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                            <img class="lazy" data-original='http://img13.360buyimg.com/n12/jfs/t1/335993/28/18924/77645/68e9be3aF2f8f650b/1845e013fd78d3ca.jpg' alt='洁丽雅  一次性懒人抹布4提装MRJ1018'>
                                                                                                                                </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/753997.html' target="_blank">洁丽雅  一次性懒人抹布4提装MRJ1018</a></h3>
                                                                                    <span class="show_price show_shop_price">￥ 87.7</span>
                                                                                    <p>去油去污，加量装；韧性耐撕，不易损坏；大珍珠凹凸颗粒，加强去污力度</p>
                                                                            </div>
                                        <div class="txt2">
                                                                                            <p>去油去污，加量装；韧性耐撕，不易损坏；大珍珠凹凸颗粒，加强去污力度</p>
                                                                                    </div>
                                    <a href="javascript:addPpt('753997')" class="addppt" data-id='753997'>加入PPT</a>
                                </li>
                                                            <li>
                                    <div class="pic">
                                        <a href='/goodsInfo/336508.html' title='红叶  三折PG黑胶伞D2788' target="_blank" onmouseover="enlarge(this)" onmouseout="narrow(this)">
                                            <img class="lazy" data-original='https://oss.miniappss.com/swiper/336508/7d11dd2daa5beeaa8180f82833d27f25.jpg' alt='红叶  三折PG黑胶伞D2788'>
                                                                                                                                </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/336508.html' target="_blank">红叶  三折PG黑胶伞D2788</a></h3>
                                                                                    <span class="show_price show_shop_price">￥ 34.6&nbsp;&nbsp;<h6 style="text-decoration: line-through #919191;font-size: 12px;color: #bebebe;display: inline-block">￥ 56.9</h6> </span>
                                                                                    <p>时时尚美学，简约纯色系列，手开结实抗风8骨伞架；伞面采用高密度科技防晒黑胶涂层；高效隔热防晒防紫外线UPF50+</p>
                                                                            </div>
                                        <div class="txt2">
                                                                                            <p>时时尚美学，简约纯色系列，手开结实抗风8骨伞架；伞面采用高密度科技防晒黑胶涂层；高效隔热防晒防紫外线UPF50+</p>
                                                                                    </div>
                                    <a href="javascript:addPpt('336508')" class="addppt" data-id='336508'>加入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":"16894","page":"3"}');
        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}