<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>盈锋昱丰大药房</title>
    <link rel="stylesheet" type="text/css" href="./static/index7.css" />
  </head>
  <body>
    <div class="all" id="homeView">
      <!-- 导航头 -->
      <div class="topView">
        <div class="navList">
          <div class="logoName">
            <img src="./images/logo.png" />
            <img src="./images/name.png" />
          </div>

          <div class="navLogin">
            <div class="nav">
              <div class="hrefHome pointer">首页</div>
              <div class="hrefAbout pointer">关于我们</div>
              <div class="hrefProduct pointer">产品介绍</div>
            </div>
            <div class="hrefLogin active pointer">登录</div>
            <div class="logOut active pointer">
              <img src="images/logOut.png" />
              <span>退出</span>
            </div>
          </div>
        </div>
      </div>

      <!-- 主页内容 -->
      <div>
        <!-- banner -->
        <div class="banner">
          <img src="./images/banner.png" />
          <div id="aboutView"></div>
        </div>

        <!-- 介绍 -->
        <div class="desc">
          <div class="desc_left">
            <div class="aboutUs">
              <div>关于我们</div>
              <img src="./images/aboutUs.png" />
            </div>

            <div class="address">
              <img src="./images/address.png" />
              <div>江苏省苏州市昆山市玉山镇新塘路826号8</div>
            </div>

            <div class="descOther">
              昆山市盈锋昱丰大药房有限公司成立于2022年01月18日，所属行业为批发业，经营范围包含：药品零售；食品销售；第一类医疗器械销售；第二类医疗器械销售；卫生用品和一次性使用医疗用品销售；消毒剂销售（不含危险化学品）；食用农产品零售；母婴用品销售；日用百货销售；互联网销售（除销售需要许可的商品）；健康咨询服务（不含诊疗服务）；信息咨询服务（不含许可类信息咨询服务）等内容。
              <div class="brSpace"></div>
              公司一直以“品质保证、服务专业、顾客满意”为经营宗旨，以“真正服务为人民”为经营理念，开拓进取，务实创新，在做好药店经营的基础上，还致力于以客户为中心进行商业模式变更与创新，长期专注于医药健康产业，以成为值得信赖和托付的药房。
            </div>
          </div>
          <img class="desc_r" src="./images/desc01.png" />
          <div id="productView"></div>
        </div>

        <!-- 商品 -->
        <div class="goods">
          <div class="goods_l">
            <div class="goods_list">
              <div class="goods_icon goodsActive">
                <img src="./images/goods1.png" />
              </div>
              <div class="goods_icon">
                <img src="./images/goods2.png" />
              </div>
              <div class="goods_icon">
                <img src="./images/goods3.png" />
              </div>
              <div class="goods_icon">
                <img src="./images/goods4.png" />
              </div>
            </div>
            <div class="goods_img">
              <img src="./images/goods4.png" />
            </div>
          </div>

          <!-- 未登录 -->
          <div class="goods_r goods_unLogin">
            <div class="goods_unLoginCot">
              <div>
                <div class="textCot">相关详细信息需登录才能查看</div>
                <div class="hrefLoginBtn">登录 >></div>
              </div>
            </div>
          </div>

          <!-- 已登录 -->
          <div class="goods_r goods_login">
            <div class="goods_name">【玺福康】罗红霉素分散片</div>
            <div class="flexLeft">
              <div class="typeName">规格</div>
              <div class="text spec">150mg*21片</div>
            </div>
            <div class="flexLeft">
              <div class="typeName">生产厂家</div>
              <div class="text factory">沈阳管城制药有限责任公司</div>
            </div>
            <div class="flexLeft">
              <div class="typeName">批准文号</div>
              <div class="text">
                <span class="approvalNo">国药准字H20000206</span>

                <div class="flexLeft validity">
                  <div class="typeName">批件有效期</div>
                  <div class="text validityTime">2025/7/12</div>
                </div>
              </div>
            </div>
            <div class="flexLeft">
              <div class="typeName">适应症</div>
              <div class="text explain">
                本品适用于化脓性链球菌引起的咽炎及扁桃体炎,敏感菌所致的鼻窦炎、中耳炎、急性支气管炎慢性支气管炎急性发作，肺炎支原体或肺炎衣原体所致的肺炎；沙眼衣原体引起的尿道炎和宫颈炎；敏感细菌引起的皮肤软组织感染。
              </div>
            </div>
          </div>
        </div>

        <!-- 底部 -->
        <div class="bottom">
          <a href="http://beian.miit.gov.cn/">苏ICP备2022024450号-1</a>
          <span style="margin: 0 12px">|</span>
          <a
            href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32058302003156"
            >苏公网安备32058302003156号</a
          >
        </div>
      </div>

      <!-- 登录 -->
      <div class="loginBox">
        <div class="loginBox_view">
          <div class="loginBox_title">欢迎登录</div>
          <input
            class="loginBox_input"
            placeholder="请输入账号"
            type="text"
            name="userName"
            id="userName"
            value=""
          />
          <input
            class="loginBox_input"
            placeholder="请输入密码"
            type="password"
            name="userPas"
            id="userPas"
            value=""
          />

          <div class="hrefregisterbut">
            <span class="hrefregisterSpan">注册</span>
          </div>
          <div class="logBox_Btn active">登录</div>
        </div>
      </div>
      <!-- 注册 -->
      <div class="fregisterBox">
        <div class="fregisterBox_view">
          <div class="fregisterBox_title">注册</div>
          <input
            class="fregisterBox_input"
            placeholder="请输入手机号"
            type="text"
            name="phone"
            id="phone"
            value=""
          />
          <div class="verificationCode">
            <input
              class="fregisterBox_input"
              placeholder="请输入验证码"
              type="text"
              name="verificationCode"
              id="verificationCode"
              value=""
            />
            <div class="getCode Code">获取验证码</div>
            <div class="disabledCode Code"></div>
          </div>
          <input
            class="fregisterBox_input"
            placeholder="请输入密码"
            type="password"
            name="password"
            id="password"
            value=""
          />
          <input
            class="fregisterBox_input"
            placeholder="确认密码"
            type="password"
            name="confirmPassword"
            id="confirmPassword"
            value=""
          />

          <div class="loginbtn">
            <span class="hrefLoginSpan">登录</span>
          </div>
          <div class="fregister_Btn active">注册</div>
        </div>
      </div>
    </div>
  </div>
    <script type="text/javascript" src="./static/jquery.min.js"></script>
    <script type="text/javascript" src="./static/common7.js"></script>
    <script type="text/javascript" src="./static/index8.js"></script>
  </body>
</html>
