<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="initial-scale=1, width=device-width, user-scalable=no" />
  <meta name="format-detection" content="telephone=no,email=no" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <title>展会</title>
  <script src='javascript/components/flexible.js'></script>
  <link rel="stylesheet" href="style/share/reset.css">
  <link rel="stylesheet" href="style/share/weui.min.css">
  <link rel="stylesheet" href="style/share/jquery-weui.css">
  <link rel="stylesheet" href="style/pageCss/schaeffler.css">
  <style>
    .submitdesc{display: none;color: rgb(100,100,100);}
    .submitdesc .submitheader{background: #dee4e7;;
      position: relative;
      height: 0.8rem;}
    .submitdesc .submitheader img{float: right;
      position: absolute;
      width: 0.53333rem;
      right: 0.13333rem;
      top: 0.13333rem;}
    .diymask{display: none}
    .submitdesc .submitbody{
      /*text-align: center;*/
      font-size:0.37333rem; }
    .select li {
      /*padding: 0.4867rem 0.1867rem 0.1867rem 1.1867rem;*/
      text-align: left;
    }
  </style>

  <style>
    .submitdescsample{display: none;color: rgb(100,100,100);  width: 260px;}
    .submitdescsample .submitheadersample{background: #dee4e7;;
      position: relative;
      height: 0.8rem;}
    .submitdescsample .submitheadersample img{float: right;
      position: absolute;
      width: 0.53333rem;
      right: 0.13333rem;
      top: 0.13333rem;}
    .diymasksample{display: none}
      .submitdescsample .submitbodysample{
      /*text-align: center;*/
      font-size:0.37333rem; }
    .input li {
      padding: 0.523rem 0.1867rem 0.1867rem 25px;
      text-align: left;
    }
    .input input{
      margin-left: 10px;
      border-bottom: 1px solid #dee4e7;
      border-radius: 0;
      padding-top: 6px;
    }
  </style>
    
  <style>
    #material_name{
      width: 150px;
    }
    #arrow{
      height: 10%;
    }
    #listSample{
      height: 70%;
      background: #fff;
    }

    #arrow{
      background-color: #fff;
    }
    #submitemail{
      width: 100%;
        height:10%;
    }
    #arrow img {
      float: right;
      margin-right: 17px;
      margin-top: 0px;
      width: 15px;
    }
    .selectsample li{
      float: left;
    }
    .three-btns::after{
      display: none;
    }
    .selectsample li{
      float: none;
    }
    .three-btns>.box-center-center{float: left;width:32%;height: 1.1733rem;}
    .three-btns>.span{float: left;height: 1.1733rem;width: auto;line-height: 1.1733rem;}


  </style>
</head>

<body>
  <div class="container">
    <div class="content f14" style="padding-bottom: 1.6rem">


      <div class="weui-mask weui-mask--visible diymask"></div>
      <div class="submitdesc weui-dialog weui-dialog--visible f14">
        <p class="submitheader"><img src="image/close.png"></p>
        <div class="submitbody">
          <p style="color: #00893D;font-size:16px;text-align: center;padding: 0.266rem 0px;">欢迎您参观舍弗勒展台！</p>
          <p style="border-bottom: solid 1px #E6EAED;color: #00893D;font-size:16px;text-align: center">Welcome to Schaeffler booth.</p>
          <div class="select single-select">
            <ul>
              <li class="form-head align-center">

                <p class="flex-1" style="font-size: 16px;margin-left: 0.2667rem;">您是 You are:</p>

              </li>
              <li class="align-center">
                <span class="checkbox" data-value="0"></span>
                <p>舍弗勒客户 Schaeffler Customer</p>
              </li>
              <li class="align-center">
                <span class="checkbox" data-value="0"></span>
                <p>舍弗勒经销商 Schaeffler Distributor</p>
              </li>
              <li class="align-center">
                <span class="checkbox" data-value="0"></span>
                <p>舍弗勒供应商 Schaeffler Supplier</p>
              </li>
              <li class="align-center">
                <span class="checkbox" data-value="0"></span>
                <p>舍弗勒员工 Schaeffler Employee</p>
              </li>
              <li class="align-center">
                <span class="checkbox" data-value="0"></span>
                <p>媒体及行业协会 Media and Industry associations</p>
              </li>
              <li class="align-center">
                <span class="checkbox" data-value="0"></span>
                <p>学生 Student</p>
              </li>
              <li class="align-center">
                <span class="checkbox" data-value="0"></span>
                <p>其他 others</p>
              </li>
            </ul>
          </div>
          <p style="text-align: center; padding-top: 0.1668rem;"><button style="    border-radius: 0.16rem;
    background: #00893D;
    color: #ffffff;
    width: 2.66rem;
    padding: 0.1333rem;
    margin-bottom: 15px;">确定</button></p>
        </div>
      </div>

      <!--样本资料-->
      <div class="weui-mask weui-mask--visible diymasksample"></div>
      <div class="submitdescsample weui-dialog weui-dialog--visible f14">
        <p class="submitheadersample"><img src="image/close.png"></p>
        <div class="submitbodysample">
          <div class="input single-select">
            <ul>
              <li>
                <p class="align-center" style="font-size: 15px;margin-left: 0.2667rem;">请输入您的姓名:</p>
                <input  type="text" class="f14" id="phone">
              </li>
              <li>
                <p class="align-center" style="font-size: 15px;margin-left: 0.2667rem;">请输入您的公司:</p>
                <input type="text" class="f14" id="company">
              </li>
              <li>
                <p class="align-center" style="font-size: 15px;margin-left: 0.2667rem;">请输入您的邮箱:</p>
                <input type="text" class="f14" id="email">
              </li>
            </ul>
          </div>
          <p style="text-align: center; padding-top: 0.1668rem;"><button style="    border-radius: 0.16rem;
    background: #00893D;
    color: #ffffff;
    width: 2.66rem;
    padding: 0.1333rem;
    margin-bottom: 15px;">提交并获取</button></p>
        </div>
      </div>



      <p class="comment-title" style="display: none" id="comment-title">精选留言</p>
      <ul class="comment-list" id="list">


      </ul>
     <!-- <div class="weui-loadmore">
            <i class="weui-loading"></i>
            <span class="weui-loadmore__tips">正在加载</span>
          </div>-->


      <p class="comment-title comment-title2" style="display: none">以上留言由公众号筛选显示</p>
      <!--底部按钮-->
      <div class="three-btns f12">
            <p class="box-center-center" id="btn-exhibi" style="display: none; ">
              <img src="image/zhanping.png" alt="">
              <span>展品信息</span>
            </p>
            <p class="span"  id="theleft" style="display: none; ">
            <span style="">|</span>
            </p>
            <p class="box-center-center" id="btn-sample" style="display: none; ">
              <img src="image/sample.png" alt="">
              <span>获取样本</span>
            </p>
            <p class="span" id="theright" style="display: none; ">
              <span style="" >|</span>
            </p>
            <p class="box-center-center" id="btn-question" style="display: none; ">
              <img src="image/question.png" alt="" style="width: 0.45rem;">
              <span>产品问询</span>
            </p>
        <script id="list-template" type="text/x-handlebars-template">
          <div id="arrow"><p style="text-align: center;height: 30px;padding-top: 18px;" class="arrow f14">共{{count}}个/{{size}}KB<img src="image/arrow1.png"></p></div>
            <div class="select sample-select selectsample" style="height: 80%;overflow: scroll;">
              <ul>
                {{#each data}}
                <li class="align-center" style=" float: left;">
                  <span class="checkbox" data-value="0" id="{{id}}" style="width: 0.3rem; height: 0.3rem"></span>
                  <img style=" display: block;width: 0.51rem; margin-right: 0.5333rem;margin-left: 0.5rem;" src="image/sample1.png">
                  <input name="isbig" id="{{sobig}}" style="display: none;">
                  <div id="material_name" class="f14">{{material_name}} <p id="size" style="color: #aaadab;" class="f12">大小: {{size}}KB</p></div>
                  {{#if sobig}}
                  <p class="open"><button style="         background: #e8eef1;
    color: #c8c8c8;
    width: 1.23rem;
    height: 0.7rem;
    margin-bottom: 0.3rem;
        margin-left: 1.23rem;
    border: 1px solid;
        font-size: 14px;">打开</button></p>
                  {{else}}
                  <p class="open"><button style="         background: #e8eef1;
    color: #00893D;
    width: 1.23rem;
    height:  0.7rem;
    margin-bottom:  0.3rem;
        margin-left: 1.23rem;
    border: 1px solid;
        font-size: 14px;">打开</button></p>
                  {{/if}}
                </li>
                {{/each}}
              </ul>
            </div>
          <p class="btn" id="submitemail">批量发送邮箱</p>
        </script>





        <script id="template-sample" type="text/x-handlebars-template">
          {{#each data}}
          <li class="box">
            <img src="{{headimgurl}}" class="comment-avatar" alt="">
            <div class="flex-1">
              <p>{{nickname}}</p>
              <p class="color6">{{content}}</p>
              <p style="color: #A9B1B6;" class="f12">{{createTime}}</p>
            </div>
            <div class="praise align-center {{islike islike}}" id="{{id}}">
              <img src="{{praiseImg islike}}">
              <p>{{fabulous}}</p>
            </div>
          </li>
          {{/each}}
        </script>



      <script id="template" type="text/x-handlebars-template">
        <div class="meeting-title f17" style="padding: 0.28rem 1.6rem 0.41rem 0.2667rem;">{{exhibi_title}}</div>
        <div class="meeting-title f16 english" style="display: none">{{exhibi_title_en}}</div>
        <div class="box-center-center f14 color6" style="padding: 0 0.2667rem 0.2667rem 0.2667rem;margin-top: -0.0533rem">
          <p  style="text-align: left;
    width: 100%;"><img src="image/understand.png" style="margin-top: 0;vertical-align:middle; width: 0.666rem; ">
            <a style="text-decoration:underline;color: rgb(0, 137, 61)" href="https://mp.weixin.qq.com/s/FG3YmHiF6SR5sqkjrwHIVA">了解舍弗勒</a></p>
          <!--<p class="flex-1" style="text-align: right">舍弗勒展位号：{{exhibi_number}}</p>-->
        </div>

        <div class="exhibition-detail">
          {{{content_exhibi}}}
        </div>
        <div class="exhibition-detail english" style="display: none">
          {{{content_exhibi_en}}}
        </div>
       <!-- <div class="read f14 color6 box-center-justify">
          <p>阅读{{reading}}</p>
          <div class="praise align-center" id="detail-praise">
            <img src="image/praise.png" alt="">
            <p>{{fabulous}}</p>
          </div>
        </div>-->

        </div>
      </script>

      <!--发送评论-->
      <div class="send-comment" id="send-comment">

        <p class="box-center-justify">
          <span style="color: #A9B1B6;" id="cancel">取消</span>
          <span class="color-green" id="submit">发送</span>
        </p>
        <textarea placeholder="请输入" id="comment"></textarea>
      </div>


    </div>
    <!--切换语言-->
    <div class="language">
      <img src="image/language.png" alt="">
      <p class="f8">English</p>
    </div>
    <!---->
  </div>
  </div>
  <div id="samplelist" class="weui-popup__container popup-bottom">
    <div class="weui-popup__overlay"></div>
    <div class="weui-popup__modal" id="listSample" style="">

    </div>
  </div>
</body>
<script src='javascript/components/jquery-2.2.4.min.js'></script>
<script src="javascript/crypto-js-master/crypto-js.js"></script>
<script src="javascript/components/cryptomain.js"></script>
<script src='javascript/components/g.js'></script>
<script src='javascript/components/jquery-weui.js'></script>
<script src='javascript/components/niceClick.js'></script>
<script src='javascript/components/fastclick.js'></script>
<script src='javascript/components/dateUtils.js'></script>
<script src='javascript/components/handlebars.min-latest.js'></script>
<script src='javascript/components/mcfApp.js'></script>
<script src='javascript/pages/exhibition.js'></script>
<script src="javascript/pages/pdfobject.js"></script>
<script src="javascript/pages/jquery.media.js"></script>
<script src='javascript/components/StringValidateUtils.js?vt=20171221'></script>
<script>
  var devMode = G.devMode();
  var bindNextEvent = function (app) {
    var exhibition1 = new exhibition({
      devMode: devMode,
      cfApp: app
    });
    exhibition1.init();
  };
  var cfapp = new cfApp({
    devMode: devMode,
    initWxApi: false,
    nextAction: bindNextEvent,
    vt: new Date().getTime()
  });
  cfapp.init();
</script>

</html>