<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name=viewport content="width=device-width,initial-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <!--<script src="http://cdn.tailwindcss.com"></script>-->
  <script src="./cdntailwindcsscom.js"></script>
  <link rel="stylesheet" href="./index.css">
  <title>电小丫</title>
</head>
<body>
  <div class="bg-white">
    <div class="header con py-3.5 items-end">
      <img style="width: 128px;height: 52px;" src="./imgs/logo.png" alt="">
      <img style="width: 332px;height: 35px;" class="ml-6 m-hide" src="./imgs/title.png" alt="">
    </div>
  </div>
  <div class="banner pb-10 pt-20">
    <div class="con items-center">
      <div class="text-white flex-1">
        <div class="text-6xl font-extrabold">电小丫共享充电</div>
        <div class="text-2xl font-medium mt-4 mb-10">“杭州电小丫科技有限公司”是一家专业从事共享充电设备的企业，致力于铁路旅途移动充电解决方案。</div>
        <div class="flex">
          <div class="flex-1 text-center m-show">
            <img class="inline-block" style="width: 200px;height: 200px;" src="./imgs/WechatIMG.png" alt="">
            <div class="mt-6"><span class="p-3.5 mx-1 text-lg rounded-md border border-white font-bold">扫码关注微信公众号</span></div>
          </div>
          <div class="flex-1 text-right m-hide">
            <img class="inline-block" style="width: 200px;height: 200px;" src="./imgs/WechatIMG.png" alt="">
            <div class="mt-6"><span class="p-3.5 mx-1 text-lg rounded-md border border-white font-bold">扫码关注微信公众号</span></div>
          </div>
          <div class="flex-1 m-hide"></div>
        </div>
      </div>
      <img style="width: 484px;height: 463px;" class="ml-8 m-hide" src="./imgs//robot.png" alt="">
    </div>
  </div>
  <div class="font-extrabold text-center text-4xl text-gray-950 mt-12">产品优势</div>
  <div class="text-gray-500 text-center text-lg mt-4">所有产品拥有国家3C认证，CQC认证，检验报告。</div>
  <div class="flex con mb-10 cards">
    <div class="flex-1 bg-white rounded-md ml-8 h-90 mt-7 pt-10">
      <img class="mx-auto w-19 h-19 mb-7" src="./imgs/icon-1.png" alt="">
      <div class="font-extrabold text-center text-gray-950 text-2xl mb-7">中国太平承保</div>
      <div class="text-gray-500 text-lg mx-11 font-medium">中国太平洋1000万元质量承保，用户借的放心，用的舒心。</div>
    </div>
    <div class="flex-1 bg-white rounded-md ml-8 h-90 mt-7 pt-10">
      <img class="mx-auto w-19 h-19 mb-7" src="./imgs/icon-2.png" alt="">
      <div class="font-extrabold text-center text-gray-950 text-2xl mb-7">高性能，安全充电</div>
      <div class="text-gray-500 text-lg mx-11 font-medium">采用PC+ABS环保级别阻燃防漏电材料，电芯采用ATL电芯，具备国家3c认证证书。</div>
    </div>
    <div class="flex-1 bg-white rounded-md ml-8 h-90 mt-7 pt-10">
      <img class="mx-auto w-19 h-19 mb-7" src="./imgs/icon-3.png" alt="">
      <div class="font-extrabold text-center text-gray-950 text-2xl mb-7">系统稳定可靠</div>
      <div class="text-gray-500 text-lg mx-11 font-medium">采用阿里云部署系统，代理独立后台可查看当日收益；网点与设备管理便捷，支持自助发起提现，正常情况下资金快速到账，实际到账时效以支付渠道规则为准。</div>
    </div>
  </div>
  <div class="pt-20 join">
    <div class="con items-end">
      <div class="flex-1 pb-9">
        <img style="height: 122px;" class="mb-8" src="./imgs/join-title.png" alt="">
        <div class="flex justify-between items-center">
          <div class="w-28">
            <span class="text-red-600">*</span>
            <span class="text-black">姓名</span>
          </div>
          <input id="contacts" type="text" class="bg-white flex-1 border rounded border-inherit h-10 px-3 py-2" placeholder="请输入您的称呼">
        </div>
        <div class="flex justify-between items-center mt-5">
          <div class="w-28">
            <span class="text-red-600">*</span>
            <span class="text-black">手机号</span>
          </div>
          <input id="phone" type="text" class="bg-white flex-1 border rounded border-inherit h-10 px-3 py-2" placeholder="请输入您的手机号">
        </div>
        <div class="flex justify-between items-center mt-5">
          <div class="w-28">
            <span class="text-red-600">*</span>
            <span class="text-black">代理区域</span>
          </div>
          <input id="intentionArea" type="text" class="bg-white flex-1 border rounded border-inherit h-10 px-3 py-2" placeholder="请输入您的意向代理区域">
        </div>
        <div class="flex justify-between items-center mt-5">
          <div class="w-28">
            <span class="text-red-600">*</span>
            <span class="text-black">投资预算</span>
          </div>
          <input id="joinBudget" type="number" min="1" class="bg-white flex-1 border rounded border-inherit h-10 px-3 py-2" placeholder="请输入您的投资预算">
        </div>
        <div class="flex justify-between items-center mt-5">
          <div class="w-28">
            <span class="text-red-600">*</span>
            <span class="text-black">加盟类型</span>
          </div>
          <select id="joinType" class="bg-white flex-1 border rounded border-inherit h-10 px-3 py-2" onchange="onJoinTypeChange()">
            <option value ="AGENT">代理</option>
            <option value ="STORE">商铺</option>
          </select>
        </div>
        <div class="flex justify-between items-center mt-5 hidden" id="storeNameLine">
          <div class="w-28">
            <span class="text-red-600">*</span>
            <span class="text-black">门店名称</span>
          </div>
          <input id="storeName" type="text" class="bg-white flex-1 border rounded border-inherit h-10 px-3 py-2" placeholder="请输入您的门店名称">
        </div>
        <div class="flex justify-between items-center mt-5 hidden" id="storeTypeLine">
          <div class="w-28">
            <span class="text-red-600">*</span>
            <span class="text-black">门店类型</span>
          </div>
          <input id="storeType" type="text" class="bg-white flex-1 border rounded border-inherit h-10 px-3 py-2" placeholder="请输入您的门店类型">
        </div>
        <div class="flex justify-between items-center mt-5 hidden" id="storeAddressLine">
          <div class="w-28">
            <span class="text-red-600">*</span>
            <span class="text-black">门店地址</span>
          </div>
          <input id="storeAddress" type="text" class="bg-white flex-1 border rounded border-inherit h-10 px-3 py-2" placeholder="请输入您的门店具体地址">
        </div>
        <div class="flex justify-between items-center mt-5" id="investNumberLine">
          <div class="w-28">
            <span class="text-red-600">*</span>
            <span class="text-black">投资台数</span>
          </div>
          <input id="investNumber" type="text" class="bg-white flex-1 border rounded border-inherit h-10 px-3 py-2" placeholder="请输入您的投资台数">
        </div>
        <div class="flex justify-between items-center mt-5" id="haveCompanyLine">
          <div class="w-28">
            <span class="text-red-600">*</span>
            <span class="text-black">是否有公司</span>
          </div>
          <select id="haveCompany" class="bg-white flex-1 border rounded border-inherit h-10 px-3 py-2">
            <option value="true">是</option>
            <option value="false">否</option>
          </select>
        </div>
        <button class="join-submit" onclick="submit()">马上加盟</button>
      </div>
      <img class="ml-10 m-hide" style="width: 666px;height: 659px;" src="./imgs/join-robot.png" alt="">
    </div>
  </div>
  <div class="page-bottom py-8 text-base">
    <div>copyright (c) <span id="year"></span> 杭州电小丫科技有限公司. ALL RIGHTS RESERVED  浙ICP备2021012336号-1</div>
    <div class="mt-3">客服电话：400-672-1688</div>
    <div class="mt-3">杭州电小丫科技有限公司</div>
  </div>
  <script src="./index.js"></script>
</body>
</html>