<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
  <link rel="icon" href="./favicon.ico">
  <title>卓考网校官方网站</title>
  <meta name="keywords" content="卓考网,卓考网校">
  <meta name="description"
    content="卓考网校，致力于成为财经类行业一流教育品牌、应试教育考试的杀手锏。网校课程主要涵盖了会计初级、会计中级、注册会计师、管理会计等职业培训课程；卓考网专注于考前押题、背诵考点、学霸笔记、以及考试原题搜集和整理，设立考情研发组，为考场大数据、救命稻草押题提供强大保障。网站上线至今，凭借优异的师资和良好的服务，深受广大学员认同。">
  <link rel="stylesheet" href="//at.alicdn.com/t/font_1579148_xz1co4ay7tm.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./css/index.css">
  <script>
    // 客户端类型不是 PC，自动跳转手机官网
    const client = judgeClient();
    if (client != "PC") {
      location.href = "http://m.zhuokao360.com";
    }

    // 判断客户端类型
    function judgeClient() {
      if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
        // 判断iPhone|iPad|iPod|iOS
        return "iOS";
      } else if (/(Android)/i.test(navigator.userAgent)) {
        // 判断Android
        return "Android";
      } else {
        return "PC";
      }
    }
  </script>
</head>

<body>
  <header class="header">
    <nav class="nav-site">
      <ul class="container">
        <h2 class="nav-site-logo"><a class="logo text-hidden" href="http://whcdwx.cn">卓考网校</a></h2>
        <ul class="nav-site-links">
          <li class="nav-site-learn"><a href="http://xue.zhuokao360.com/">学习中心</a></li>
          <li class="nav-site-exam dropdown">
            <div class="dropdown-toggle">机考系统<span class="icon transition">&gt;</span></div>
            <ul class="dropdown-layer">
              <li><a href="http://learn.zhuokao360.com/free/mokaoSelect/1">2024年初级会计职称机考模拟系统</a></li>
              <li><a href="http://learn.zhuokao360.com/free/mokaoSelect/2">2024年中级会计职称机考模拟系统</a></li>
            </ul>
          </li>
          <li class="nav-site-account dropdown">
            <div class="dropdown-toggle">公众号<span class="icon transition">&gt;</span></div>
            <div class="dropdown-layer">
              <img src="./img/official-accounts.png" alt="卓考网校公众号">
            </div>
          </li>
          <li class="nav-site-app dropdown">
            <div class="dropdown-toggle">APP下载<span class="icon transition">&gt;</span></div>
            <div class="dropdown-layer">
              <img src="./img/app-download.png" alt="卓考网校手机APP下载">
            </div>
          </li>
        </ul>
        <ul class="nav-site-button">
          <li class="nav-site-login"><a href="http://xue.zhuokao360.com/">登录</a></li>
          <li class="nav-site-signup"><a href="http://xue.zhuokao360.com/">注册</a></li>
        </ul>
        </div>
    </nav>
    <div id="header-swiper" class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img src="./img/banner/1.png" alt="卓考网校，不止是课程，更是一次考过计划">
        </div>
        <div class="swiper-slide">
          <img src="./img/banner/2.png" alt="卓考网校，不止是课程，更是一次考过计划">
        </div>
        <div class="swiper-slide">
          <img src="./img/banner/3.png" alt="卓考网校，不止是课程，更是一次考过计划">
        </div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>
    </div>
  </header>

  <main class="main">
    <!-- 公开课 -->
    <section class="main-open-class">
      <div class="container">
        <h2 class="headline">精品公开课</h2>
        <div class="content">
          <a
            href="http://view.csslcloud.net/api/view/callback?roomid=2EBF1662717526B99C33DC5901307461&userid=9965D18F361EE91A&liveid=AAEFD3539ECA57DD&recordid=D6877AE08EFDCB40"><img
              class="banner" src="./img/ceremony.png"></a>
          <div class="open-class">
            <ul class="open-class-tabs">
              <li class="active" data-id="1">初级会计职称</li>
              <li data-id="3">注册会计师</li>
            </ul>
            <div class="open-class-content">
              <img class="loading" src="./img/loading.gif">
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 精品课程免费试听 -->
    <!-- <section class="main-course">
      <div class="container">
        <h2 class="headline">精品课程免费试听</h2>
        <div class="content">
          <div class="course">
            <div class="course-top">
              <h3 class="profession-name">初级会计职称</h3>
              <ul class="tabs">
                <li class="active" data-course-id="1">初级会计实务</li>
                <li data-course-id="2">经济法基础</li>
              </ul>
            </div>
            <div class="swiper-container tabs-container">
              <div class="swiper-wrapper swiper-no-swiping">
                <div class="swiper-slide">
                  <img class="loading" src="./img/loading.gif">
                </div>
                <div class="swiper-slide swiper-no-swiping">
                  <img class="loading" src="./img/loading.gif">
                </div>
              </div>
            </div>
          </div>
          <div class="course">
            <div class="course-top">
              <h3 class="profession-name">中级会计职称</h3>
              <ul class="tabs">
                <li class="active" data-course-id="3">中级会计实务</li>
                <li data-course-id="4">经济法</li>
                <li data-course-id="5">财务管理</li>
              </ul>
            </div>
            <div class="swiper-container tabs-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide swiper-no-swiping">
                  <img class="loading" src="./img/loading.gif">
                </div>
                <div class="swiper-slide swiper-no-swiping">
                  <img class="loading" src="./img/loading.gif">
                </div>
                <div class="swiper-slide swiper-no-swiping">
                  <img class="loading" src="./img/loading.gif">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section> -->

    <!-- 内部资料免费下载 -->
    <section class="main-data">
      <div class="container">
        <h2 class="headline">内部资料免费下载</h2>
        <div class="content">
          <div class="data-list">
            <div class="data">
              <h4 class="data-title">初级会计历年考题资料汇总</h4>
              <div class="data-detail">
                <img class="data-image" src="./img/pdf.png" />
                <p class="data-info">最新资料<br /> 16521人下载</p>
                <a class="data-btn" href="http://learn.zhuokao360.com/down/list">点击下载</a>
              </div>
            </div>
            <div class="data">
              <h4 class="data-title">中级会计历年考题资料汇总</h4>
              <div class="data-detail">
                <img class="data-image" src="./img/pdf.png" />
                <p class="data-info">最新资料<br /> 8054人下载</p>
                <a class="data-btn" href="http://learn.zhuokao360.com/down/list">点击下载</a>
              </div>
            </div>
            <div class="data">
              <h4 class="data-title">考前救命稻草</h4>
              <div class="data-detail">
                <img class="data-image" src="./img/pdf.png" />
                <p class="data-info">最新资料<br /> 12005人下载</p>
                <a class="data-btn" href="http://learn.zhuokao360.com/down/list">点击下载</a>
              </div>
            </div>
          </div>
          <a class="data-download" href="http://learn.zhuokao360.com/down/list">点击下载更多资料 >></a>
        </div>
      </div>
    </section>
    <!-- 资深师资 -->
    <section class="main-teacher">
      <div class="container">
        <h2 class="headline">资深师资</h2>
        <div class="content">
          <div id="teacher-swiper" class="swiper-container">
            <div class="swiper-wrapper"></div>
          </div>
        </div>
      </div>
    </section>
    <!-- 教学服务 -->
    <section class="main-service">
      <div class="container">
        <h2 class="headline">教学服务</h2>
        <div class="content">
          <div class="service">
            <img class="service-image" src="./img/service1.png" />
            <h4 class="service-title">私教老师专属服务</h4>
            <p class="service-tip">预约私教，来场专属于自己的私教课堂</p>
          </div>
          <div class="service">
            <img class="service-image" src="./img/service2.png" />
            <h4 class="service-title">学霸带学1v1辅导</h4>
            <p class="service-tip">有问题随时解答，学会为止</p>
          </div>
          <div class="service">
            <img class="service-image" src="./img/service3.png" />
            <h4 class="service-title">核心百题系列</h4>
            <p class="service-tip">全程老师带着学<br>只学会考的，挑着学，更轻松</p>
          </div>
          <div class="service">
            <img class="service-image" src="./img/service4.png" />
            <h4 class="service-title">小班教学，精细管理</h4>
            <p class="service-tip">20人小班精细管理，统一学习进度
              <br>3人死党成组，告别孤军奋战</p>
          </div>
        </div>
      </div>
    </section>
  </main>

  <footer class="footer">
    <div class="container">
      <ul class="footer-links">
        <li>
          <a href="http://learn.zhuokao360.com/about/">关于我们</a>
        </li>
        <li>
          <a href="http://learn.zhuokao360.com/about/contact">联系方式</a>
        </li>
        <li>
          <a href="javascript:void(0)">加入我们</a>
        </li>
        <li>
          <a href="http://learn.zhuokao360.com/free/mokao#">免责声明</a>
        </li>
        <li>
          <a href="http://learn.zhuokao360.com/about/relearn">重修退款协议</a>
        </li>
        <li>
          <a href="http://learn.zhuokao360.com/about/360">卓考360</a>
        </li>
        <li>
          <a href="http://learn.zhuokao360.com/section/1/1">课程学习</a>
        </li>
      </ul>
      <div class="footer-rights">
        Copyright©2016-2023 by 卓考网校. All Rights Reserved.
        <a class="icp" href="http://beian.miit.gov.cn/">豫ICP备18012350号-2</a>
        <a class="police" target="_blank"
          href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41070202000982">
          <img src="./img/police.png" />
          <p>豫公网安备 41070202000982号</p>
        </a>
      </div>
      <p class="footer-company">河南卓考教育科技有限公司</p>
    </div>
  </footer>
  <script id="open-class-template" type="text/html">
    <ul class="open-class-list">
      {{each list}}
      <li class="open-class-item {{$value.liveStatus == 0 ? 'open-class-waiting' : $value.liveStatus == 1 ? 'open-class-living' : 'open-class-ended'}}">
        <div class="open-class-head">
          <p class="open-class-title text-ellipsis">{{$value.subName}}</p>
          <p class="open-class-time">{{$value.startTime}}</p>
        </div>
        <div class="open-class-detail">
          <img src="{{$value.avatarUrl}}" />
          <span class="open-class-teacher">{{$value.teacher}}</span>
          {{if $value.liveStatus == 0}}
          <a class="open-class-btn" href="{{'http://m.zhuokao360.com/openclass/' + professionId}}" target="_blank">等待公开课</a>
          {{else if $value.liveStatus == 1}}
          <a class="open-class-btn" href="{{'http://cj.tibaitong.com/free/live?liveDetailId=' + $value.liveDetailId}}" target="_blank">进入公开课</a>
          {{else if $value.liveStatus == 2}}
          <a class="open-class-btn" href="{{$value.replayUrl}}" target="_blank">公开课回放</a>
          {{/if}}
        </div>
      </li>
      {{/each}}
    </ul>
    <p class="open-class-more">
      <a href="{{'http://m.zhuokao360.com/openclass/' + professionId}}" target="_blank">查看更多公开课 ></a>
    </p>
  </script>
  <script src="./js/template.js"></script>
  <script src="./js/jquery-3.4.1.min.js"></script>
  <script src="./js/swiper.min.js"></script>
  <script src="./js/index.js"></script>
</body>

</html>