{{#banner}}
<div class="d-flex align-item-center justify-content-center mb-3">
  <img class="{{#mobile}}d-none d-md-block{{/mobile}}{{^mobile}}d-block{{/mobile}} img-fluid m-auto border-0" src="{{pc}}" />

  {{#mobile}}
  <img class="d-block d-md-none img-fluid m-auto border-0" src="{{mobile}}" />
  {{/mobile}}
</div>
{{/banner}}

{{#datetime}}
<p><strong>活动时间：{{datetime}}</strong></p>
{{/datetime}}

{{#activity}}
<div class="row no-gutters" style="background-color: #f9fafb;">
  {{#lists}}
  <div class="col-12 col-md-6" style="padding: 10px 15px;">
    <div style="background-color: #ffffff; border: 1px solid #ececec; padding: 10px 10px 42px; {{^buttonText}}padding-bottom: 10px;{{/buttonText}} position: relative; height: 100%; font-size: 16px;">
      <div style="color: #0c7dcc; margin-bottom: 10px;">
        <img src="https://files.elabscience.cn/assets/images/hoticon.png" style="width: 20px; margin-top: -6px;" />
        <strong style="font-weight: bolder;">{{title}}</strong>
      </div>

      {{#content}}
      <div>{{.}}</div>
      {{/content}}

      {{#condition}}
      <div class="d-flex align-items-center">
        <strong style="margin-top: -6px; margin-right: 5px; font-weight: bolder; font-family: 微软雅黑;">·</strong>
        <span>{{.}}</span>
      </div>
      {{/condition}}

      {{#note}}
      <div style="font-size: 14px;">{{.}}</div>
      {{/note}}

      {{#buttonText}}
      <a {{#link}}href="{{link}}"{{/link}} style="text-decoration: none; background-color: #0c7dcc; color: #ffffff;  padding: 3px 8px; border-radius: 4px; position: absolute; bottom: 10px; left: 10px; cursor: pointer; font-size: 12px;">{{buttonText}}</a>
      {{/buttonText}}
    </div>
  </div>
  {{/lists}}

  {{#comment}}
  <div class="col-12" style="padding: 10px 15px;">
    <div style="background: #ffffff; border: 1px solid #ececec; padding: 10px; font-size: 16px;">
      <span style="color: #ff0000;">*</span>{{comment}}
    </div>
  </div>
  {{/comment}}
</div>
{{/activity}}

{{#needSearch}}
<div class="search-box-wrapper mt-3 mb-4">
  <form onsubmit="return false;" id="search_form_detail" action="" method="get" accept-charset="utf-8" class="position-relative needs-validation w-100 rounded search-form" novalidate="">
    <div class="col-12 col-md-6 pl-0 pr-0 pr-md-3">
      <div class="d-flex">
        <div class="position-relative flex-grow-1 form-group mb-0 rol">
          <div class="search-clear" >
            <i class="fa-solid fa-close"></i>
          </div>
          <input id="keywords_detail" autocomplete="off" class="fs_14 w-100 h-100 border text-truncate search-text rounded-0" type="text" name="keywords" placeholder="请输入货号/产品名/靶点" required="" style="padding: 10px 12px;" />
          <div id="keywordstips-detail" class="keywordstips-detail tip keywords-error invalid-feedback position-absolute" style="bottom: -20px;">请输入货号/产品名/靶点 !</div>
        </div>

        <div class="search_btn_parent">
          <input id="search_btn_detail" class="search_btn-detail btn btn-primary border-0 rounded-0 position-relative w-100" type="button" value="" style="height: 38px;" />
        </div>
      </div>
    </div>
  </form>

  <div id="search-result-list-empty" class="search-result-list-empty mt-4" style="display: none;">
    <div style="background-color: #f8f8f8;" class="px-3">
      <div class="py-3 fs_20">
        <i class="iconfont icon-dianji pr-1 fs_18 text-primary"></i>很抱歉，没有找到“<span id="searchedKeywords" class="text-danger"></span>”的相关产品。
      </div>
      <div class="row mx-0">
        <div class="col-lg-8 p-0">
          <h5 class="fs_16">搜索建议</h5>
          <p> > 确保所有单词拼写正确 </p>
          <p> > 尝试不同关键字 </p>
          <p> > <a class="pl-0 text-primary" href="/about_us-contact_us">联系我们</a>，我们会帮您找到您需要的产品。</p>
        </div>
        <div class="col-lg-4 p-0 text-right">
          <img class="img-fluid lazy_load d-inline-block" src="//files.elabscience.cn/assets/images/loading.png" data-src="//files.elabscience.cn/assets/images/search-empty-new.png" style="aspect-ratio:264/138"/>
        </div>
      </div>
    </div>
  </div>

  <div id="search-result-list-detail" class="search-result-list-detail mt-4" style="display: none;">
    <div data-v-c8b454df="" draggable="false">
      <div style="background: #f9fafb; margin-top: 10px; margin-bottom: 10px; box-sizing: border-box; font-size: 16px;">
        <div style="text-align: center;">
          <div style="width: 100%; overflow-x: auto;">
            <table
              style="box-sizing:border-box;border-collapse:collapse;width: 100%;text-align: center;"
              border="1" cellpadding="4" width="100%">
              <thead>
                <tr style="background: #0C7DCC;">
                  <th
                    style="border-style:none none solid none;box-sizing:border-box;background-clip:initial;background-origin:initial;background-attachment:initial;background-repeat-y:initial;background-repeat-x:initial;background-size:initial;background-position-y:initial;background-position-x:initial;background-image:initial;position:sticky;font-size:14.4px;z-index:10;top:0px;border-bottom-color:#cacaca;border-bottom-width:1px;background-color:#0c7dcc;text-align:inherit;min-width: 168px;color: #fff;background: #0C7DCC;">
                    货号</th>
                  <th
                    style="border-style:none none solid none;box-sizing:border-box;background-clip:initial;background-origin:initial;background-attachment:initial;background-repeat-y:initial;background-repeat-x:initial;background-size:initial;background-position-y:initial;background-position-x:initial;background-image:initial;position:sticky;font-size:14.4px;z-index:10;top:0px;border-bottom-color:#cacaca;border-bottom-width:1px;background-color:#0c7dcc;text-align:inherit;min-width: 120px;color: #fff;background: #0C7DCC;">
                    名称</th>
                  <th
                    style="border-style:none none solid none;box-sizing:border-box;background-clip:initial;background-origin:initial;background-attachment:initial;background-repeat-y:initial;background-repeat-x:initial;background-size:initial;background-position-y:initial;background-position-x:initial;background-image:initial;position:sticky;font-size:14.4px;z-index:10;top:0px;border-bottom-color:#cacaca;border-bottom-width:1px;background-color:#0c7dcc;text-align:inherit;min-width: 188px;color: #fff;background: #0C7DCC;">
                    规格</th>
                  <!-- <th
                    style="border-style:none none solid none;box-sizing:border-box;background-clip:initial;background-origin:initial;background-attachment:initial;background-repeat-y:initial;background-repeat-x:initial;background-size:initial;background-position-y:initial;background-position-x:initial;background-image:initial;position:sticky;font-size:14.4px;z-index:10;top:0px;border-bottom-color:#cacaca;border-bottom-width:1px;background-color:#0c7dcc;text-align:inherit;min-width: 188px;color: #fff;background: #0C7DCC;">
                    官网价/元</th> -->
                </tr>
              </thead>
              <tbody id="search-result-list-detail-tbody" class="use-table" style="text-align: center;">
                <!-- <tr>
                  <td><a
                      href="/p-easysort-mouse-cd3-t-cell-isolation-kit-mim001n-78966"
                      style="text-decoration:none;box-sizing:border-box;background-color:transparent;color:#0c7dcc;">MIM001N</a>

                  </td>
                  <td>EasySort™ Mouse CD3+T Cell Isolation Kit</td>
                  <td>10/100/200 Assays</td>
                  <td>780/3860/5860</td>
                </tr> -->
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{{/needSearch}}

<div id="searchedHidden">searchedHidden</div>