<?php include "layout/header.php" ?>

<?php require "layout/pageBanner.php" ?>

<section class="content pagecontent">
  <div class="container">
		<div class="content-box panel-shadow tab-content">
				<div class="alert alert-warning search-panel">
          <p class="mb0 fsize16">共搜索到包含<strong class="text-success pl5 pr5">富马酸</strong>相关的结果共<strong class="text-success pl5 pr5">3</strong>个</p>
        </div>
				
				<ul class="result-list">
          <li>
            <article class="result-group panel-shadow">
              <div class="row">
                <div class="col-custom-3 text-center">
                  <div class="photo"><span></span><img src="image/110-17-8.gif"></div>
                  <a class="ui-button-text magnific" href="image/110-17-8.gif"><i class="icon-eye-open"></i> 预览</a>
                </div>
                <div class="col-custom-6">
                  <ul class="result-info">
                    <li><span class="title">CBNumber：</span>CB5852804</li>
                    <li><span class="title">英文名称：</span>Fumaric acid</li>
                    <li><span class="title">中文名称：</span><span class="text-primary">富马酸</span></li>
                    <li><span class="title">MF：</span>C4H4O4</li>
                    <li><span class="title">MW：</span>116.07</li>
                    <li><span class="title">CAS：</span>110-17-8</li>
                    <li><span class="title">MOL：</span>Mol file</li>
                  </ul>
                </div>
                <div class="col-custom-3">
                  <ul class="operate">
                    <li><a class="btn btn-default btn-sm text-primary" href="search_sub.php">国内供应商(458)</a></li>
                    <li><a class="btn btn-default btn-sm text-primary" href="search_sub.php">国外供应商(137)</a></li>
                    <li><a class="btn btn-default btn-sm text-primary" href="javascript:void(0)">化学性质</a></li>
                    <li><a class="btn btn-default btn-sm text-primary" href="javascript:void(0)">MSDS(3)</a></li>
                  </ul>
                </div>
              </div>
            </article>
          </li>
          <li>
            <article class="result-group panel-shadow">
              <div class="row">
                <div class="col-custom-3 text-center">
                  <div class="photo"><span></span><img src="image/110-17-8.gif"></div>
                  <a class="ui-button-text magnific" href="image/110-17-8.gif"><i class="icon-eye-open"></i> 预览</a>
                </div>
                <div class="col-custom-6">
                  <ul class="result-info">
                    <li><span class="title">CBNumber：</span>CB5852804</li>
                    <li><span class="title">英文名称：</span>Fumaric acid</li>
                    <li><span class="title">中文名称：</span><span class="text-primary">富马酸</span></li>
                    <li><span class="title">MF：</span>C4H4O4</li>
                    <li><span class="title">MW：</span>116.07</li>
                    <li><span class="title">CAS：</span>110-17-8</li>
                    <li><span class="title">MOL：</span>Mol file</li>
                  </ul>
                </div>
                <div class="col-custom-3">
                  <ul class="operate">
                    <li><a class="btn btn-default btn-sm text-primary" href="search_sub.php">国内供应商(458)</a></li>
                    <li><a class="btn btn-default btn-sm text-primary" href="search_sub.php">国外供应商(137)</a></li>
                    <li><a class="btn btn-default btn-sm text-primary" href="javascript:void(0)">化学性质</a></li>
                    <li><a class="btn btn-default btn-sm text-primary" href="javascript:void(0)">MSDS(3)</a></li>
                  </ul>
                </div>
              </div>
            </article>
          </li>
          <li>
            <article class="result-group panel-shadow">
              <div class="row">
                <div class="col-custom-3 text-center">
                  <div class="photo"><span></span><img src="image/110-17-8.gif"></div>
                  <a class="ui-button-text magnific" href="image/110-17-8.gif"><i class="icon-eye-open"></i> 预览</a>
                </div>
                <div class="col-custom-6">
                  <ul class="result-info">
                    <li><span class="title">CBNumber：</span>CB5852804</li>
                    <li><span class="title">英文名称：</span>Fumaric acid</li>
                    <li><span class="title">中文名称：</span><span class="text-primary">富马酸</span></li>
                    <li><span class="title">MF：</span>C4H4O4</li>
                    <li><span class="title">MW：</span>116.07</li>
                    <li><span class="title">CAS：</span>110-17-8</li>
                    <li><span class="title">MOL：</span>Mol file</li>
                  </ul>
                </div>
                <div class="col-custom-3">
                  <ul class="operate">
                    <li><a class="btn btn-default btn-sm text-primary" href="search_sub.php">国内供应商(458)</a></li>
                    <li><a class="btn btn-default btn-sm text-primary" href="search_sub.php">国外供应商(137)</a></li>
                    <li><a class="btn btn-default btn-sm text-primary" href="javascript:void(0)">化学性质</a></li>
                    <li><a class="btn btn-default btn-sm text-primary" href="javascript:void(0)">MSDS(3)</a></li>
                  </ul>
                </div>
              </div>
            </article>
          </li>
          <li>
            <article class="result-group panel-shadow">
              <div class="row">
                <div class="col-custom-3 text-center">
                  <div class="photo"><span></span><img src="image/110-17-8.gif"></div>
                  <a class="ui-button-text magnific" href="image/110-17-8.gif"><i class="icon-eye-open"></i> 预览</a>
                </div>
                <div class="col-custom-6">
                  <ul class="result-info">
                    <li><span class="title">CBNumber：</span>CB5852804</li>
                    <li><span class="title">英文名称：</span>Fumaric acid</li>
                    <li><span class="title">中文名称：</span><span class="text-primary">富马酸</span></li>
                    <li><span class="title">MF：</span>C4H4O4</li>
                    <li><span class="title">MW：</span>116.07</li>
                    <li><span class="title">CAS：</span>110-17-8</li>
                    <li><span class="title">MOL：</span>Mol file</li>
                  </ul>
                </div>
                <div class="col-custom-3">
                  <ul class="operate">
                    <li><a class="btn btn-default btn-sm text-primary" href="search_sub.php">国内供应商(458)</a></li>
                    <li><a class="btn btn-default btn-sm text-primary" href="search_sub.php">国外供应商(137)</a></li>
                    <li><a class="btn btn-default btn-sm text-primary" href="javascript:void(0)">化学性质</a></li>
                    <li><a class="btn btn-default btn-sm text-primary" href="javascript:void(0)">MSDS(3)</a></li>
                  </ul>
                </div>
              </div>
            </article>
          </li>
          <li>
            <article class="result-group panel-shadow">
              <div class="row">
                <div class="col-custom-3 text-center">
                  <div class="photo"><span></span><img src="image/110-17-8.gif"></div>
                  <a class="ui-button-text magnific" href="image/110-17-8.gif"><i class="icon-eye-open"></i> 预览</a>
                </div>
                <div class="col-custom-6">
                  <ul class="result-info">
                    <li><span class="title">CBNumber：</span>CB5852804</li>
                    <li><span class="title">英文名称：</span>Fumaric acid</li>
                    <li><span class="title">中文名称：</span><span class="text-primary">富马酸</span></li>
                    <li><span class="title">MF：</span>C4H4O4</li>
                    <li><span class="title">MW：</span>116.07</li>
                    <li><span class="title">CAS：</span>110-17-8</li>
                    <li><span class="title">MOL：</span>Mol file</li>
                  </ul>
                </div>
                <div class="col-custom-3">
                  <ul class="operate">
                    <li><a class="btn btn-default btn-sm text-primary" href="search_sub.php">国内供应商(458)</a></li>
                    <li><a class="btn btn-default btn-sm text-primary" href="search_sub.php">国外供应商(137)</a></li>
                    <li><a class="btn btn-default btn-sm text-primary" href="javascript:void(0)">化学性质</a></li>
                    <li><a class="btn btn-default btn-sm text-primary" href="javascript:void(0)">MSDS(3)</a></li>
                  </ul>
                </div>
              </div>
            </article>
          </li>
        </ul>

        <div class="page-nav row">
          <div class="col-sm-5">
            <p class="static-text loadtext">
              每页 <span class="semibold">10</span> 条
              共 <span class="semibold">1024</span> 条
              当前显示第 <span class="semibold">340 - 350</span> 条
              <span class="semibold">35 / 102</span> 页
            </p>
          </div>
          <div class="col-sm-7 text-right">
            <div class="btn-group">
              <button class="btn btn-default" type="button" title="最首页"><i class="icon-double-angle-left"></i></button>
              <button class="btn btn-default" type="button" title="上一页"><i class="icon-angle-left"></i></button>
              <button class="btn btn-default" type="button">33</button>
              <button class="btn btn-default" type="button">34</button>
              <button class="btn btn-default active" type="button">35</button>
              <button class="btn btn-default" type="button">36</button>
              <button class="btn btn-default" type="button">37</button>
              <button class="btn btn-default" type="button" title="下一页"><i class="icon-angle-right"></i></button>
              <button class="btn btn-default" type="button" title="最末页"><i class="icon-double-angle-right"></i></button>
            </div>
            <div class="input-group">
              <input type="text" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" onkeyup="value=value.replace(/[^\d]/g,'') " placeholder="页码" class="form-control" value="">
              <button type="button" class="btn btn-default">跳转</button>
            </div>
          </div>
        </div>
    </div>
  </div>
</section>

<?php include "layout/footer.php" ?>

<script>$(function(){$("#pageName").text("查询结果")})</script>

<script type="text/javascript">
$(function() {
	//图片预览
	$(".result-list").magnificPopup({
		delegate: ".magnific",
		type: "image",
		gallery: {
			enabled: false,
		},
		image: {
			tError: '图片无法显示，请检查图片路径是否正确',
		}
	});
});
</script>
</body>
</html>