index.html

<!doctype html><html><head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  <title>阿卡索外教网_在线英语培训_外教口语一对一培训</title>
  <meta name="description" content="阿卡索外教网提供在线英语口语培训，全程外教一对一教学模式，是专业的在线英语培训网站，阿卡索外教老师均毕业于国际知名的一流学府，拥有标准的英语口语以及最纯正的教学知识。您值得拥有">
  <meta name="keywords" content="在线英语口语培训，在线英语培训，外教一对一，英语外教一对一，英语网络教学">
  <!-- 分享配置 -->
  <meta itemprop="name" content="阿卡索外教网_在线英语培训_外教口语一对一培训">
  <meta itemprop="image" content="https://img.acadsoc.com.cn/share/share-default.png">
  <meta name="description" itemprop="description" content="阿卡索外教网提供在线英语口语培训，全程外教一对一教学模式，是专业的在线英语培训网站，阿卡索外教老师均毕业于国际知名的一流学府，拥有标准的英语口语以及最纯正的教学知识。您值得拥有">
  <!--<link rel="stylesheet" href="https://img.acadsoc.com.cn/css/bootstrap.min.css">-->
  <link href="https://img.acadsoc.com.cn/js/editor/swiper.min.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="https://img.acadsoc.com.cn/web/css/header-footer.css">
  <link rel="stylesheet" href="https://img.acadsoc.com.cn/web/css/editor.init.css">
  <link rel="icon" href="https://www.acadsoc.com.cn/favicon.ico" type="image/x-icon">

  <script type="text/javascript" src="https://img.acadsoc.com.cn/web/lps/recommend/js/jquery.min.js"></script>
  <script type="text/javascript" src="https://img.acadsoc.com.cn/js/editor/global.js"></script>
  <script type="text/javascript">
    var html = document.documentElement;
    var htmlClientWidth = 0;
    var rejustRootSize = function () {
      var oh = 750;
      html.getBoundingClientRect().width > oh ? htmlClientWidth = oh : htmlClientWidth = html.getBoundingClientRect().width;
      html.style.fontSize = htmlClientWidth / (oh / 100) + 'px';
    };
    rejustRootSize();
    window.onresize = rejustRootSize;
  </script>
  <script src="https://img.acadsoc.com.cn/web/js/bootstrap.min.js"></script>
  <script src="https://img.acadsoc.com.cn/web/lps/activity/js/lp.js"></script>

  <!--IpRecord-->
  <script type="text/javascript" src="https://www.acadsoc.com.cn/ajax/Web.UI.Fun.IpRecord.aspx"></script>
  <script src="https://img.acadsoc.com.cn/web/js/IdentificationSystem.js"></script>
  <script src="https://img.acadsoc.com.cn/web/lps/activity/js/Record.js"></script>

  <!--微信分享-->
  <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  <script src="https://img.acadsoc.com.cn/web/lps/activity/js/wxShare.js"></script>
  <script>
    wxShare.init();
  </script>

  <!--[if lt IE 9]>
    <script src="https://img.acadsoc.com.cn/web/js/vendor/html5shiv.js"></script>
    <script src="https://img.acadsoc.com.cn/web/js/vendor/respond.min.js"></script>
    <![endif]-->

  <script>
    window.HtmlWidth = 0;
      $(function(){
        window.HtmlWidth = document.body.clientWidth || document.documentElement.clientWidth;
      })

    function getQueryString(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) return unescape(r[2]);
      return "";
    }
  </script>

<style>
body{
  background-color:white;

}
</style>
<!-- customize code header -->
<script src="https://img.acadsoc.com.cn/web/lps/activity/js/BaiDuStatistics.js"></script>
<script src="https://img.acadsoc.com.cn/web/SenSors/sensorsheadother.js"></script>
<script src="https://www.acadsoc.com.cn/OCPC/js/ocpc.js"></script>

</head><body>

  <!-- js统计 -->
  <script src="https://img.acadsoc.com.cn/web/js/monitor/apm.web.js"></script>


    <style>
      @media (min-width:769px) {
          .render-swiper-248-0 .options {  loop:true;  }

          .render-swiper-248-0 .img {  display:none;  }

          .render-swiper-248-0 .slide2 {  background-repeat:no-repeat;  background-size:cover;  background-position:center;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/19/7ptrmg1d2x4wjxe63wjbjp1d861d3ecl.png);  }

          .render-swiper-248-0 .img {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:none;  }

          .render-swiper-248-0 .slide1 {  background-repeat:no-repeat;  background-size:cover;  background-position:center;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/19/dgbcr7rtmaybh8ptm1d936npw6l98rdf.png);  }

          .render-swiper-248-0 .swiper {  z-index:2;  width:100%;  position:absolute;  height:100%;  }

          .render-swiper-248-0 .tips {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.15rem auto 0 auto;  display:block;  }

          .render-swiper-248-0 .timetips {  padding:.1rem 0 0 0;  background-repeat:no-repeat;  margin:-.12rem auto .1rem auto;  background-size:auto 100%;  color:#fff;  width:2.1rem;  font-size:16px;  background-image:url(https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/img/reg-top.png);  text-align:center;  height:.6rem;  }

          .render-swiper-248-0 .regcodebtn {  background-color:#c30d23;  border-radius:60px;  padding:0 .3rem 0 .3rem;  top:0;  color:white;  font-size:.16rem;  position:absolute;  right:0;  height:100%;  }

          .render-swiper-248-0 .code {  border-radius:60px 60px 60px 60px;  background-color:#EEEEEE;  padding:0 0 0 .3rem;  margin:0 0 0 0;  width:100%;  font-size:.16rem;  height:.5rem;  }

          .render-swiper-248-0 .regcode3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.16rem auto 0 auto;  width:100%;  position:relative;  }

          .render-swiper-248-0 .text2 {  color:#666;  font-size:.14rem;  line-height:1.6;  text-align:center;  }

          .render-swiper-248-0 .phone {  border-radius:60px 60px 60px 60px;  background-color:#EEEEEE;  padding:0 .3rem 0 .3rem;  margin:0 0 0 0;  width:100%;  font-size:.16rem;  height:.5rem;  }

          .render-swiper-248-0 .regphone2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.15rem auto 0 auto;  width:100%;  }

          .render-swiper-248-0 .text1 {  color:rgba(20, 43, 136, 1);  font-weight:bold;  font-size:24px;  line-height:1.4;  text-align:center;  }

          .render-swiper-248-0 .regbtn4 {  border-radius:60px 60px 60px 60px;  background-color:#c30d23;  padding:0 0 0 0;  margin:.16rem auto 0 auto;  color:white;  font-weight:bold;  display:block;  width:100%;  font-size:.16rem;  height:.5rem;  }

          .render-swiper-248-0 .com {  background-color:#fff;  border-radius:.1rem .1rem .1rem .1rem;  padding:0 .25rem .3rem .25rem;  z-index:3;  transform:translateY(-50%);  top:50%;  width:3.5rem;  position:absolute;  right:0;  }

          .render-swiper-248-0 .container {  margin:0 auto 0 auto;  position:relative;  height:100%;  }

          .render-swiper-248-0  {  padding:0 0 0 0;  margin:0 0 0 0;  position:relative;  height:600px;  }
           }
      @media (max-width:768px) {
          .render-swiper-248-0 .options {  loop:true;  }

          .render-swiper-248-0 .img {  width:100%;  }

          .render-swiper-248-0 .slide2 {  }

          .render-swiper-248-0 .img {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:100%;  }

          .render-swiper-248-0 .slide1 {  }

          .render-swiper-248-0 .swiper {  width:100%;  }

          .render-swiper-248-0 .tips {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.24rem auto 0 auto;  display:block;  }

          .render-swiper-248-0 .timetips {  padding:.14rem 0 0 0;  background-size:auto 100%;  color:#fff;  font-size:.24rem;  line-height:1.3;  background-repeat:no-repeat;  transform:translateX(-50%);  top:-.18rem;  left:50%;  width:2.95rem;  background-image:url(https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/img/reg-top.png);  position:absolute;  text-align:center;  height:.9rem;  }

          .render-swiper-248-0 .regcodebtn {  background-color:#c30d23;  border-radius:60px;  padding:0 .3rem 0 .3rem;  top:0;  color:white;  font-size:.28rem;  position:absolute;  right:0;  height:100%;  }

          .render-swiper-248-0 .code {  border-radius:60px 60px 60px 60px;  background-color:#EEEEEE;  padding:0 0 0 .3rem;  margin:0 0 0 0;  width:100%;  font-size:.28rem;  height:.9rem;  }

          .render-swiper-248-0 .regcode3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem auto 0 auto;  width:100%;  position:relative;  }

          .render-swiper-248-0 .text2 {  color:#666;  font-size:.28rem;  line-height:1.6;  text-align:center;  }

          .render-swiper-248-0 .phone {  border-radius:60px 60px 60px 60px;  background-color:#EEEEEE;  padding:0 .3rem 0 .3rem;  margin:0 0 0 0;  width:100%;  font-size:.28rem;  height:.9rem;  }

          .render-swiper-248-0 .regphone2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem auto 0 auto;  top:.3rem;  width:100%;  }

          .render-swiper-248-0 .text1 {  color:rgba(20, 43, 136, 1);  font-weight:bold;  font-size:.38rem;  line-height:1.4;  text-align:center;  }

          .render-swiper-248-0 .regbtn4 {  border-radius:60px 60px 60px 60px;  background-color:#c30d23;  padding:0 0 0 0;  margin:.3rem auto 0 auto;  color:white;  font-weight:bold;  display:block;  width:100%;  font-size:.32rem;  height:.9rem;  }

          .render-swiper-248-0 .com {  background-color:#fff;  border-radius:.1rem .1rem .1rem .1rem;  padding:.9rem .3rem .3rem .3rem;  box-shadow:0 0 .1rem .1rem rgba(0,40,162,.1);  transform:translateY(0);  margin:-.7rem auto 0 auto;  z-index:2;  top:initial;  width:92%;  position:relative;  right:initial;  }

          .render-swiper-248-0 .container {  margin:0 auto 0 auto;  position:relative;  }

          .render-swiper-248-0  {  background-color:#fff;  padding:0 0 .2rem 0;  margin:0 0 0 0;  position:relative;  }
           }
    </style>
<style>
  /* PC端 */
  @media (min-width:769px) {

  }
  /* 手机端 */
  @media (max-width:768px) {

  }
</style>

<div class="render-swiper-248-0">
  <div class="swiper swiper-container">
    <div class="swiper-wrapper">

    <div class="swiper-slide slide1">
    <img class="img" src="https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/LHY2SEM/img/banner.png">
    </div>

    <div class="swiper-slide slide2">
    <img class="img" src="https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/LHY2SEM/img/banner2.png">
    </div>

    </div>
  </div>
  <div class="container">
    <div class="com">
      <div class="timetips">距结束还剩:<b style="display:block;color:#fff;">00:00:00</b></div>
      <p class="text1"><b style="color:#c30d23;">免费领</b> 53节精品外教课</p>
      <p class="text2">*每个ID限领一次</p>
      <div class="regphone2">
        <input placeholder="请输入手机号" type="tel" name="TxtPhone" class="phone">
      </div>
      <div class="regcode3">
        <input placeholder="请输入验证码" type="tel" name="TxtCode" class="code">
        <button name="btnGetSMS" class="regcodebtn">获取验证码</button>
      </div>
      <button name="registerSubmit" class="regbtn4">立即领取</button>
      <img class="tips" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/20/wbp3ae8zgj6n4kfta4gb21dtzl72r3mr.png">
    </div>
  </div>
</div>
<script type="text/javascript" src="https://img.acadsoc.com.cn/web/lps/js/time-util.js"></script>
<script>
  $(function(){
    getTomorrowCountDown(function (res) {
        $('.render-swiper-248-0 .timetips b').text(`${res.hourse}:${res.minutes}:${res.seconds}`);
      });

    new Swiper('.render-swiper-248-0 .swiper-container',HtmlWidth >= 768 ? {"loop":true,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false}} : {"loop":true,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false}} )
  })
</script>

    <style>
      @media (min-width:769px) {
          .render-swiper-323-1 .btn {  padding:0 0 0 0;  margin:0 auto 0 auto;  color:#fff;  display:block;  font-size:24px;  line-height:60px;  border-radius:50px 50px 50px 50px;  background-color:#b81c25;  box-shadow:0 .1rem .1rem rgba(195,13,35,.2);  outline:none;  width:480px;  text-align:center;  }

          .render-swiper-323-1 .options {  loop:false;  initialSlide:0;  centeredSlides:false;  slidesPerView:2;  spaceBetween:0;  }

          .render-swiper-323-1 .list {  border-radius:0 0 0 0;  padding:.5rem 0 .5rem 0;  margin:0 auto 0 auto;  width:100%;  }

          .render-swiper-323-1 .title {  border:none;  color:#333;  font-weight:bold;  font-size:.4rem;  line-height:1;  text-align:center;  }

          .render-swiper-323-1 .subtitle {  margin:.3rem 0 0 0;  color:#666;  font-size:.22rem;  line-height:1.6;  text-align:center;  }

          .render-swiper-323-1 .container {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  }

          .render-swiper-323-1 .item {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }

          .render-swiper-323-1 .img {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  display:block;  width:85%;  }

          .render-swiper-323-1  {  background-color:#fff;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  }
           }
      @media (max-width:768px) {
          .render-swiper-323-1 .btn {  padding:0 0 0 0;  margin:0 auto 0 auto;  color:#fff;  display:block;  font-size:.32rem;  line-height:.88rem;  border-radius:.5rem .5rem .5rem .5rem;  background-color:#b81c25;  box-shadow:0 .1rem .1rem rgba(195,13,35,.2);  outline:none;  width:92%;  text-align:center;  }

          .render-swiper-323-1 .options {  loop:true;  initialSlide:0;  centeredSlides:false;  slidesPerView:1;  spaceBetween:0;  }

          .render-swiper-323-1 .list {  border-radius:0 0 0 0;  padding:.4rem 0 .4rem 0;  margin:0 auto .4rem auto;  width:100%;  }

          .render-swiper-323-1 .title {  border:none;  color:#333;  font-weight:bold;  font-size:.4rem;  line-height:1;  text-align:center;  }

          .render-swiper-323-1 .subtitle {  margin:.25rem 0 0 0;  color:#666;  font-size:.28rem;  line-height:1.6;  text-align:center;  }

          .render-swiper-323-1 .container {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  }

          .render-swiper-323-1 .item {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }

          .render-swiper-323-1 .img {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  display:block;  width:88%;  }

          .render-swiper-323-1  {  background-color:#fff;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  }
           }
    </style>
<style>
  .render-swiper-323-1 .swiper-pagination{
    bottom:0;
  }
  .render-swiper-323-1 .swiper-pagination-bullet{
    width:.1rem;height:.1rem;
  }
  .render-swiper-323-1 .swiper-pagination-bullet-active{
    background:#0e3180;
  }
  /* PC端 */
  @media (min-width:769px) {
    .render-swiper-323-1 .swiper-pagination{
      display:none;
    }
  }
  /* 手机端 */
  @media (max-width:768px) {
    .render-swiper-323-1 .swiper-pagination-bullet{
      margin:0 3px !important;
    }
  }
</style>

<div class="render-swiper-323-1">
  <div class="container">
    <h2 class="title">我特别为大家申请了<b style="color:#ce0e2d;">试听课程礼品~</b></h2>
		<p class="subtitle">精美英语礼盒 | 或畅销书《说出美国人的每一天》<br>限量随课赠送（全国包邮）</p>
    <div class="swiper-container list">
      <div class="swiper-wrapper">

    	<div class="swiper-slide item key">
      	<img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/23/9r5rcj75hzandbfc2ctcedgxzwdl7an4.png">
      </div>

    	<div class="swiper-slide item key">
      	<img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/23/t51djn1dhwcy5b7j2etcm2tyc47l1dyt.png">
      </div>

      </div>
      <div class="swiper-pagination"></div>
    </div>
    <button class="btn" data-popup-id="175" data-popup-hash-4hbu3a="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-s6f2id="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-rldowj="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-zty1bo="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-popup-hash-08rsha="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-t97bij="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-zmkuk5="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC">立即试听</button>
  </div>
</div>
<script>
  $(function(){
    new Swiper ('.render-swiper-323-1 .swiper-container',
    	HtmlWidth >= 768 ? {"loop":false,"initialSlide":0,"centeredSlides":false,"slidesPerView":2,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false},"spaceBetween":0,"pagination":{"el":".render-swiper-323-1 .swiper-pagination","clickable":true}} : {"loop":true,"initialSlide":0,"centeredSlides":false,"slidesPerView":1,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false},"spaceBetween":0,"pagination":{"el":".render-swiper-323-1 .swiper-pagination","clickable":true}}
   	);

  })
</script>

    <style>
      @media (min-width:769px) {
          .render-swiper-172-2 .btn {  padding:0 0 0 0;  margin:.4rem auto 0 auto;  color:#fff;  display:block;  font-size:24px;  border-radius:50px 50px 50px 50px;  background-color:#b81c25;  outline:none;  width:420px;  height:.6rem;  text-align:center;  }

          .render-swiper-172-2 .list {  margin:0 auto 0 auto;  width:100%;  }

          .render-swiper-172-2 .title {  color:#333;  font-weight:bold;  font-size:.38rem;  line-height:1;  text-align:center;  }

          .render-swiper-172-2 .tabs {  margin:.4rem auto .4rem auto;  flex-direction:row;  display:flex;  width:100%;  justify-content:space-between;  flex-wrap:wrap;  }

          .render-swiper-172-2 .container {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  }

          .render-swiper-172-2 .lefttitle {  border-radius:.1rem .1rem .1rem .1rem;  background-color:#fff;  color:#c30d23;  font-weight:bold;  width:1.6rem;  font-size:24px;  line-height:.46rem;  text-align:center;  }

          .render-swiper-172-2 .righttitle {  border-radius:.1rem .1rem .1rem .1rem;  background-color:#fff;  color:#0e3180;  font-weight:bold;  width:1.6rem;  font-size:24px;  line-height:.46rem;  text-align:center;  }

          .render-swiper-172-2 .item {  padding:.2rem .4rem .2rem .4rem;  background-repeat:no-repeat;  flex-direction:row;  background-size:100% 100%;  display:flex;  width:100%;  justify-content:space-between;  min-height:1.5rem;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/09/9pmafgtrmbnan3cgjt2wy81dfcytw2z4.png);  background-position:center center;  }

          .render-swiper-172-2 .righttext {  padding-top:.2rem;  color:#fff;  font-size:18px;  line-height:1.4;  }

          .render-swiper-172-2 .tab {  border-radius:40px 40px 40px 40px;  border:1px solid #00269a;  cursor:pointer;  color:#00269a;  width:14%;  font-size:20px;  line-height:40px;  text-align:center;  }

          .render-swiper-172-2 .lefttext {  padding-top:.2rem;  color:#fff;  font-size:18px;  line-height:1.4;  }

          .render-swiper-172-2 .leftcontent {  width:44%;  }

          .render-swiper-172-2 .slide {  }

          .render-swiper-172-2 .rightcontent {  width:42%;  }

          .render-swiper-172-2  {  background-color:#fff;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  }
           }
      @media (max-width:768px) {
          .render-swiper-172-2 .btn {  padding:0 0 0 0;  margin:.5rem auto 0 auto;  color:#fff;  display:block;  font-size:.32rem;  line-height:.88rem;  border-radius:.5rem .5rem .5rem .5rem;  background-color:#b81c25;  outline:none;  width:88%;  height:.88rem;  text-align:center;  }

          .render-swiper-172-2 .list {  }

          .render-swiper-172-2 .title {  margin:0 0 .3rem 0;  color:#333;  font-weight:bold;  font-size:.4rem;  line-height:1;  text-align:center;  }

          .render-swiper-172-2 .tabs {  margin:0 auto .4rem auto;  flex-direction:row;  display:flex;  width:100%;  justify-content:space-between;  flex-wrap:wrap;  }

          .render-swiper-172-2 .container {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  }

          .render-swiper-172-2 .lefttitle {  border-radius:.1rem .1rem .1rem .1rem;  background-color:#fff;  color:#c30d23;  font-weight:bold;  width:1.7rem;  font-size:.28rem;  line-height:.46rem;  text-align:center;  }

          .render-swiper-172-2 .righttitle {  border-radius:.1rem .1rem .1rem .1rem;  background-color:#fff;  color:#0e3180;  font-weight:bold;  width:1.7rem;  font-size:.28rem;  line-height:.46rem;  text-align:center;  }

          .render-swiper-172-2 .item {  padding:.4rem .3rem .4rem .3rem;  background-repeat:no-repeat;  flex-direction:row;  background-size:100% 100%;  display:flex;  width:100%;  justify-content:space-between;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/09/2m7y3j3bj2fm74ab2747hrjal969ah7k.png);  background-position:center center;  }

          .render-swiper-172-2 .righttext {  padding-top:.2rem;  color:#fff;  font-size:.24rem;  line-height:1.4;  }

          .render-swiper-172-2 .tab {  border-radius:.4rem .4rem .4rem .4rem;  border:1px solid #00269a;  cursor:pointer;  margin:.3rem 0 0 0;  color:#00269a;  width:31%;  font-size:.26rem;  line-height:.6rem;  text-align:center;  }

          .render-swiper-172-2 .lefttext {  padding-top:.2rem;  color:#fff;  font-size:.24rem;  line-height:1.4;  }

          .render-swiper-172-2 .leftcontent {  width:40%;  }

          .render-swiper-172-2 .slide {  }

          .render-swiper-172-2 .rightcontent {  width:37%;  }

          .render-swiper-172-2  {  background-color:#fff;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  }
           }
    </style>
<style>
  .render-swiper-172-2 .active{
    background-color:#c30d23;color:#fff;border-color:#c30d23;
  }

  /* PC端 */
  @media (min-width:769px) {

  }
  /* 手机端 */
  @media (max-width:768px) {
    .render-swiper-172-2 .swiper-pagination{
      display:none;
    }
  }
</style>

<div class="render-swiper-172-2">
  <div class="container">
    <h2 class="title"><b style="color:#c30d23;font-style:italic;font-size:.5rem;">请选择</b> 您的身份</h2>

    <ol class="tabs">
      <li class="tab active">零基础</li>
      <li class="tab">上班族/白领</li>
      <li class="tab">在校学生</li>
      <li class="tab">自由职业</li>
      <li class="tab">雅思/托福</li>
      <li class="tab">出国旅游</li>
    </ol>

    <div class="swiper-container list">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <div class="item">
            <div class="leftcontent">
              <h3 class="lefttitle">你可能面临</h3>
              <p class="lefttext">英语基础弱，自学缺方法，发音不准不敢开口</p>
            </div>
            <div class="rightcontent">
              <h3 class="righttitle">我们能做的</h3>
              <p class="righttext">专业定制个性化学习方案，真人外教1对1 陪练</p>
            </div>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="item">
            <div class="leftcontent">
              <h3 class="lefttitle">你可能面临</h3>
              <p class="lefttext">工作繁忙、没时间，职场竞争压力大，普通课程无法满足需求</p>
            </div>
            <div class="rightcontent">
              <h3 class="righttitle">我们能做的</h3>
              <p class="righttext">每天25分钟，外教1对1高频互动，随时随地轻松高效</p>
            </div>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="item">
            <div class="leftcontent">
              <h3 class="lefttitle">你可能面临</h3>
              <p class="lefttext">盲目背单词记语法，学习枯燥、无人监督，没法坚持、效果差</p>
            </div>
            <div class="rightcontent">
              <h3 class="righttitle">我们能做的</h3>
              <p class="righttext">量需定制专属学习方案，沉浸式情景教学3对1全程跟进学习</p>
            </div>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="item">
            <div class="leftcontent">
              <h3 class="lefttitle">你可能面临</h3>
              <p class="lefttext">口语不流利，不懂社交用语，想学但不知如何起步</p>
            </div>
            <div class="rightcontent">
              <h3 class="righttitle">我们能做的</h3>
              <p class="righttext">8大类176种课程，1对1量身定制，轻松学好英语</p>
            </div>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="item">
            <div class="leftcontent">
              <h3 class="lefttitle">你可能面临</h3>
              <p class="lefttext">缺乏纯英文学习环境,口语提升困难，找不到好方法</p>
            </div>
            <div class="rightcontent">
              <h3 class="righttitle">我们能做的</h3>
              <p class="righttext">真人外教1对1，真实场景实战演练，口语地道学得快</p>
            </div>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="item">
            <div class="leftcontent">
              <h3 class="lefttitle">你可能面临</h3>
              <p class="lefttext">英语基础弱，哑巴英语，不敢开口说，出国语言不通</p>
            </div>
            <div class="rightcontent">
              <h3 class="righttitle">我们能做的</h3>
              <p class="righttext">定制化教材，外教1对1，模拟真实生活场景,教你地道口语</p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <button class="btn" data-popup-id="175" data-popup-hash-4hbu3a="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-s6f2id="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-rldowj="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-zty1bo="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-popup-hash-08rsha="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-t97bij="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-zmkuk5="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC">定制我的学习计划</button>
  </div>
</div>
<script>
  $(function(){
    const mySwiper = new Swiper ('.render-swiper-172-2 .swiper-container', {
      slidesPerView: 1,
      centeredSlides: true,
      initialSlide: 0,
      spaceBetween: 0,
      autoplay: {
        delay: 3000,
        stopOnLastSlide: false,
        disableOnInteraction: false,
      },
      pagination: {
        el:'.render-swiper-172-2 .swiper-pagination',
        clickable :true,
      },
      on: {
        slideChangeTransitionStart: function(){
          const index = this.activeIndex;
          $('.render-swiper-172-2 .tabs li').each(function(i,v){
            $('.render-swiper-172-2 .tabs li').eq(index).addClass('active').siblings('li').removeClass('active')
          })
        },
      },
    });

    $('.render-swiper-172-2 .tabs li').click(function(){
      const index = $(this).index();
      $(this).addClass('active').siblings('li').removeClass('active');
      mySwiper.slideTo(index, 300, false);
    })
  })
</script>

    <style>
      @media (min-width:769px) {
            .auto-element-253-3>.container>.img4 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:none;  }

            .auto-element-253-3>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#333;  font-weight:bold;  font-size:.4rem;  text-align:center;  }

            .auto-element-253-3>.container>.p2 {  color:#666;  font-size:.32rem;  border-radius:0 0 0 0;  text-align:center;  padding:0 0 0 0;  margin:.1rem 0 0 0;  }

            .auto-element-253-3>.container>.img5 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.2rem 0 0 0;  }

            .auto-element-253-3>.container>.p5 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.2rem 0 0 0;  color:#666;  font-size:.18rem;  text-align:center;  }

            .auto-element-253-3>.container>.button7 {  border-radius:60px 60px 60px 60px;  background-color:rgba(195, 13, 35, 1);  padding:0 0 0 0;  box-shadow:0px 4px 10px rgba(195,13,35,0.4);  margin:.4rem auto 0 auto;  color:white;  display:block;  width:4rem;  font-size:.24rem;  text-align:center;  height:.6rem;  }

            .auto-element-253-3>.container {  min-height:100px;  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  }

            .auto-element-253-3 {  background-color:#F5F5F5;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  min-height:100px;  }
             }
      @media (max-width:768px) {
            .auto-element-253-3>.container>.img4 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.2rem 0 0 0;  }

            .auto-element-253-3>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#333;  font-weight:bold;  font-size:.4rem;  text-align:center;  }

            .auto-element-253-3>.container>.p2 {  color:#666;  font-size:.32rem;  border-radius:0 0 0 0;  text-align:center;  padding:0 0 0 0;  margin:.2rem 0 0 0;  }

            .auto-element-253-3>.container>.img5 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:none;  }

            .auto-element-253-3>.container>.p5 {  color:#666;  font-size:.28rem;  border-radius:0 0 0 0;  text-align:center;  padding:0 0 0 0;  margin:.2rem 0 0 0;  }

            .auto-element-253-3>.container>.button7 {  border-radius:60px 60px 60px 60px;  background-color:rgba(195, 13, 35, 1);  padding:0 0 0 0;  box-shadow:0px 4px 10px rgba(195,13,35,0.4);  margin:.4rem auto 0 auto;  color:white;  display:block;  width:6rem;  font-size:.32rem;  text-align:center;  height:.9rem;  }

            .auto-element-253-3>.container {  border-radius:0 0 0 0;  padding:0 .3rem 0 .3rem;  margin:0 auto 0 auto;  min-height:100px;  }

            .auto-element-253-3 {  background-color:white;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  min-height:100px;  }
             }
    </style>
<div class="auto-element-253-3">
    <div class="container">

<p class="p1"><b style="color:rgba(195, 13, 35, 1);font-style:italic;font-size:1.2em;">外教 1对 1</b> 快速提升口语水平</p>

<p class="p2">均持证教学省心更放心</p>

<img class="img4" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/l7yekerelz9hrbtmj1dy91dbcatebz4h.png">

<img class="img5" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/l7kh578g95nmcr9frtcjyjywzyw7lj4t.png">

<p class="p5">*因授课外教众多，仅展示部分外教</p>

<button data-popup-id="175" data-popup-hash-4hbu3a="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-s6f2id="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-rldowj="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-zty1bo="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-popup-hash-08rsha="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-t97bij="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-zmkuk5="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" class="button7">0元免费试听</button>

    </div>
    </div>

    <style>
      @media (min-width:769px) {
            .auto-element-252-4>.container>.p1 {  color:#333;  font-weight:bold;  font-size:.4rem;  border-radius:0 0 0 0;  text-align:center;  padding:0 0 0 0;  margin:0 0 0 0;  }

            .auto-element-252-4>.container>.div2>.div4>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem 0 0 0;  color:#666;  font-size:.14rem;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div4>.div1>.p2 {  border:1px solid rgba(195, 13, 35, 1);  padding:.05rem 0 .05rem 0;  margin:0 0 0 0;  color:rgba(195, 13, 35, 1);  bottom:0;  display:block;  font-size:.2rem;  border-radius:60px 60px 60px 60px;  background-color:rgba(255, 255, 255, 1);  transform:translate(-50%,50%);  left:50%;  width:60%;  position:absolute;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div4>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }

            .auto-element-252-4>.container>.div2>.div4>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  min-height:100px;  position:relative;  min-width:100px;  }

            .auto-element-252-4>.container>.div2>.div4 {  border-radius:0 0 0 0;  padding:0 .1rem 0 .1rem;  margin:0 0 0 0;  flex:1;  min-height:100px;  min-width:100px;  }

            .auto-element-252-4>.container>.div2>.div3>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem 0 0 0;  color:#666;  font-size:.14rem;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div3>.div1>.p2 {  border:1px solid rgba(195, 13, 35, 1);  padding:.05rem 0 .05rem 0;  margin:0 0 0 0;  color:rgba(195, 13, 35, 1);  bottom:0;  display:block;  font-size:.2rem;  border-radius:60px 60px 60px 60px;  background-color:rgba(255, 255, 255, 1);  transform:translate(-50%,50%);  left:50%;  width:60%;  position:absolute;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div3>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }

            .auto-element-252-4>.container>.div2>.div3>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  min-height:100px;  position:relative;  min-width:100px;  }

            .auto-element-252-4>.container>.div2>.div3 {  border-radius:0 0 0 0;  padding:0 .1rem 0 .1rem;  margin:0 0 0 0;  flex:1;  min-height:100px;  min-width:100px;  }

            .auto-element-252-4>.container>.div2>.div2>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem 0 0 0;  color:#666;  font-size:.14rem;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div2>.div1>.p2 {  border:1px solid rgba(195, 13, 35, 1);  padding:.05rem 0 .05rem 0;  margin:0 0 0 0;  color:rgba(195, 13, 35, 1);  bottom:0;  display:block;  font-size:.2rem;  border-radius:60px 60px 60px 60px;  background-color:rgba(255, 255, 255, 1);  transform:translate(-50%,50%);  left:50%;  width:60%;  position:absolute;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div2>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }

            .auto-element-252-4>.container>.div2>.div2>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  min-height:100px;  position:relative;  min-width:100px;  }

            .auto-element-252-4>.container>.div2>.div2 {  border-radius:0 0 0 0;  padding:0 .1rem 0 .1rem;  margin:0 0 0 0;  flex:1;  min-height:100px;  min-width:100px;  }

            .auto-element-252-4>.container>.div2>.div1>.p2 {  color:#666;  font-size:.14rem;  border-radius:0 0 0 0;  text-align:center;  padding:0 0 0 0;  margin:.3rem 0 0 0;  }

            .auto-element-252-4>.container>.div2>.div1>.div1>.p2 {  border:1px solid rgba(195, 13, 35, 1);  padding:.05rem 0 .05rem 0;  margin:0 0 0 0;  color:rgba(195, 13, 35, 1);  bottom:0;  display:block;  font-size:.2rem;  border-radius:60px 60px 60px 60px;  background-color:rgba(255, 255, 255, 1);  transform:translate(-50%,50%);  left:50%;  width:60%;  position:absolute;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div1>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }

            .auto-element-252-4>.container>.div2>.div1>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  min-height:100px;  position:relative;  min-width:100px;  }

            .auto-element-252-4>.container>.div2>.div1 {  border-radius:0 0 0 0;  padding:0 .1rem 0 .1rem;  margin:0 0 0 0;  flex:1;  min-height:100px;  min-width:100px;  }

            .auto-element-252-4>.container>.div2 {  border-radius:0 0 0 0;  padding:.4rem 0 0 0;  margin:0 0 0 0;  display:flex;  min-height:100px;  min-width:100px;  }

            .auto-element-252-4>.container {  min-height:100px;  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  }

            .auto-element-252-4 {  min-height:100px;  background-color:white;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  }
             }
      @media (max-width:768px) {
            .auto-element-252-4>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#333;  font-weight:bold;  font-size:.4rem;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div4>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.6rem 0 0 0;  color:#666;  font-size:.24rem;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div4>.div1>.p2 {  border:1px solid rgb(195, 13, 35);  padding:0.1rem 0 0.1rem 0;  margin:0px 0px 0px 0px;  color:rgb(195, 13, 35);  font-weight:bold;  bottom:0px;  display:block;  font-size:0.32rem;  border-radius:60px 60px 60px 60px;  background-color:rgb(255, 255, 255);  transform:translate(-50%, 50%);  left:50%;  width:2.4rem;  position:absolute;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div4>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }

            .auto-element-252-4>.container>.div2>.div4>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  min-height:100px;  position:relative;  min-width:100px;  }

            .auto-element-252-4>.container>.div2>.div4 {  border-radius:0 0 0 0;  padding:0 .2rem .4rem .2rem;  margin:0 0 0 0;  width:50%;  min-height:100px;  min-width:100px;  }

            .auto-element-252-4>.container>.div2>.div3>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.6rem 0 0 0;  color:#666;  font-size:.24rem;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div3>.div1>.p2 {  border:1px solid rgb(195, 13, 35);  padding:0.1rem 0 0.1rem 0;  margin:0px 0px 0px 0px;  color:rgb(195, 13, 35);  font-weight:bold;  bottom:0px;  display:block;  font-size:0.32rem;  border-radius:60px 60px 60px 60px;  background-color:rgb(255, 255, 255);  transform:translate(-50%, 50%);  left:50%;  width:2.4rem;  position:absolute;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div3>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }

            .auto-element-252-4>.container>.div2>.div3>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  min-height:100px;  position:relative;  min-width:100px;  }

            .auto-element-252-4>.container>.div2>.div3 {  border-radius:0 0 0 0;  padding:0 .2rem .4rem .2rem;  margin:0 0 0 0;  width:50%;  min-height:100px;  min-width:100px;  }

            .auto-element-252-4>.container>.div2>.div2>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.6rem 0 0 0;  color:#666;  font-size:.24rem;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div2>.div1>.p2 {  border:1px solid rgb(195, 13, 35);  padding:0.1rem 0 0.1rem 0;  margin:0px 0px 0px 0px;  color:rgb(195, 13, 35);  font-weight:bold;  bottom:0px;  display:block;  font-size:0.32rem;  border-radius:60px 60px 60px 60px;  background-color:rgb(255, 255, 255);  transform:translate(-50%, 50%);  left:50%;  width:2.4rem;  position:absolute;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div2>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }

            .auto-element-252-4>.container>.div2>.div2>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  min-height:100px;  position:relative;  min-width:100px;  }

            .auto-element-252-4>.container>.div2>.div2 {  border-radius:0 0 0 0;  padding:0 .2rem .4rem .2rem;  margin:0 0 0 0;  width:50%;  min-height:100px;  min-width:100px;  }

            .auto-element-252-4>.container>.div2>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.6rem 0 0 0;  color:#666;  font-size:.24rem;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div1>.div1>.p2 {  border:1px solid rgb(195, 13, 35);  padding:0.1rem 0 0.1rem 0;  margin:0px 0px 0px 0px;  color:rgb(195, 13, 35);  font-weight:bold;  bottom:0px;  display:block;  font-size:0.32rem;  border-radius:60px 60px 60px 60px;  background-color:rgb(255, 255, 255);  transform:translate(-50%, 50%);  left:50%;  width:2.4rem;  position:absolute;  text-align:center;  }

            .auto-element-252-4>.container>.div2>.div1>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }

            .auto-element-252-4>.container>.div2>.div1>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  min-height:100px;  position:relative;  min-width:100px;  }

            .auto-element-252-4>.container>.div2>.div1 {  border-radius:0 0 0 0;  padding:0 .2rem .4rem .2rem;  margin:0 0 0 0;  width:50%;  min-height:100px;  min-width:100px;  }

            .auto-element-252-4>.container>.div2 {  border-radius:0 0 0 0;  padding:.4rem 0 0 0;  margin:0 0 0 0;  display:flex;  min-height:100px;  flex-wrap:wrap;  min-width:100px;  }

            .auto-element-252-4>.container {  min-height:100px;  border-radius:0 0 0 0;  padding:0 .3rem 0 .3rem;  margin:0 auto 0 auto;  }

            .auto-element-252-4 {  background-color:white;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  min-height:100px;  }
             }
    </style>
<div class="auto-element-252-4">
    <div class="container">

<p class="p1">阿卡索 <b style="color:rgba(195, 13, 35, 1);font-style:italic;font-size:1.2em">4大优势</b> 助力高效课堂</p>

    <div class="div2">

    <div class="div1">

    <div class="div1">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/eme9hc5p86fekx3p2989dkz7wrn21dc2.png">

<p class="p2">1对1纯外教</p>

    </div>

<p class="p2">外教均持TESOL等证</p>

    </div>

    <div class="div2">

    <div class="div1">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/63c8mwl2ft6cmegj3ldjd6r35mlzm1d4.png">

<p class="p2">定制学习计划</p>

    </div>

<p class="p2">量身定制个性化学习方案</p>

    </div>

    <div class="div3">

    <div class="div1">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/7gzl83mgk6t9yz3rh9r4zfycp237trb4.png">

<p class="p2">随时随地上课</p>

    </div>

<p class="p2">有效利用碎片化时间</p>

    </div>

    <div class="div4">

    <div class="div1">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/ncmw5mnp6ndl8rpzmc5wf65a3r5d42mb.png">

<p class="p2">高性价比</p>

    </div>

<p class="p2">-节外教课低至13.8元</p>

    </div>

    </div>

    </div>
    </div>

    <style>
      @media (min-width:769px) {
          .render-swiper-176-5 .list {  border-radius:0 0 0 0;  padding:.1rem .1rem .1rem .1rem;  margin:0 0 0 0;  width:100%;  }

          .render-swiper-176-5 .tabs {  padding:.2rem 0 .2rem 0;  margin:0 auto 0 auto;  flex-direction:row;  display:flex;  width:96%;  justify-content:space-between;  }

          .render-swiper-176-5 .content {  flex-direction:row;  display:flex;  width:100%;  justify-content:space-between;  flex-wrap:wrap;  }

          .render-swiper-176-5 .btn {  padding:0 0 0 0;  margin:.4rem auto 0 auto;  color:#fff;  display:block;  font-size:.24rem;  border-radius:50px 50px 50px 50px;  background-color:#b81c25;  box-shadow:0 .1rem .1rem rgba(195,13,35,.2);  outline:none;  width:420px;  height:.6rem;  text-align:center;  }

          .render-swiper-176-5 .title {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 .3rem 0;  color:#333;  font-weight:bold;  font-size:.38rem;  line-height:1;  text-align:center;  }

          .render-swiper-176-5 .container {  margin:0 auto 0 auto;  }

          .render-swiper-176-5 .item {  border-radius:5px 5px 5px 5px;  background-color:#fff;  padding:.15rem .15rem .15rem .15rem;  box-shadow:0 0 .15rem .06rem rgba(150,150,150,.1);  margin:0 auto 0 auto;  width:92%;  }

          .render-swiper-176-5 .tab {  border-radius:40px 40px 40px 40px;  border:1px solid #c30d23;  cursor:pointer;  color:#c30d23;  width:14%;  font-size:20px;  line-height:40px;  text-align:center;  }

          .render-swiper-176-5 .text {  border-radius:0 0 0 0;  padding:.2rem .4rem 0 .4rem;  margin:0 0 0 0;  color:#444;  font-size:18px;  line-height:1.4;  text-align:center;  }

          .render-swiper-176-5 .slide {  }

          .render-swiper-176-5 .img {  display:block;  width:100%;  }

          .render-swiper-176-5  {  background-color:#F5F5F5;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  }
           }
      @media (max-width:768px) {
          .render-swiper-176-5 .list {  border-radius:.1rem .1rem .1rem .1rem;  padding:.2rem .2rem .2rem .2rem;  box-shadow:0 0 .1rem .1rem rgba(200,200,200,.1);  margin:0 0 0 0;  flex:1;  height:5.2rem;  }

          .render-swiper-176-5 .tabs {  flex-direction:column;  display:flex;  width:2rem;  justify-content:space-between;  }

          .render-swiper-176-5 .content {  flex-direction:row;  display:flex;  width:100%;  justify-content:space-between;  flex-wrap:wrap;  }

          .render-swiper-176-5 .btn {  padding:0 0 0 0;  margin:.6rem auto 0 auto;  color:#fff;  display:block;  font-size:.32rem;  line-height:.88rem;  border-radius:.5rem .5rem .5rem .5rem;  background-color:#b81c25;  box-shadow:0 .1rem .1rem rgba(195,13,35,.2);  outline:none;  width:88%;  height:.88rem;  text-align:center;  }

          .render-swiper-176-5 .title {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 .6rem 0;  color:#333;  font-weight:bold;  font-size:.4rem;  line-height:1;  text-align:center;  }

          .render-swiper-176-5 .container {  margin:0 auto 0 auto;  }

          .render-swiper-176-5 .item {  width:100%;  }

          .render-swiper-176-5 .tab {  border-radius:.4rem .4rem .4rem .4rem;  border:1px solid #c30d23;  cursor:pointer;  color:#c30d23;  width:90%;  font-size:.26rem;  line-height:.6rem;  text-align:center;  }

          .render-swiper-176-5 .text {  border-radius:0 0 0 0;  padding:.2rem .4rem 0 .4rem;  margin:0 0 0 0;  color:#444;  font-size:.24rem;  line-height:1.4;  text-align:center;  }

          .render-swiper-176-5 .slide {  }

          .render-swiper-176-5 .img {  display:block;  width:100%;  }

          .render-swiper-176-5  {  background-color:#fff;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  }
           }
    </style>
<style>
  .render-swiper-176-5 .active{
    background-color:#c30d23;color:#fff;border-color:#c30d23;
  }

  /* PC端 */
  @media (min-width:769px) {

  }
  /* 手机端 */
  @media (max-width:768px) {

  }
</style>

<div class="render-swiper-176-5">
  <div class="container">
    <h2 class="title"><b style="color:rgba(195, 13, 35, 1);font-style:italic;font-size:1.2em">个性化</b> 定制课程 满足多种需求</h2>

    <div class="content">
      <ol class="tabs">
        <li class="tab active">0基础</li>
        <li class="tab">日常口语</li>
        <li class="tab">综合英语</li>
        <li class="tab">英语速成</li>
        <li class="tab">等级考试</li>
        <li class="tab">出国旅游</li>
      </ol>

      <div class="swiper-container list">
        <div class="swiper-wrapper">
          <div class="swiper-slide slide">
            <div class="item">
              <img class="img" src="https://img.acadsoc.com.cn/web/lps/lxhd/shaoer0808/img/zs2.jpg">
              <p class="text">沉浸式趣味教学，零基础也能轻松入门。</p>
            </div>
          </div>
          <div class="swiper-slide slide">
            <div class="item">
              <img class="img" src="https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/img/sec4-4.png">
              <p class="text">模拟真实生活场景，一对一对话练习。</p>
            </div>
          </div>
          <div class="swiper-slide slide">
            <div class="item">
              <img class="img" src="https://img.acadsoc.com.cn/web/lps/sem/baidu/jingming/ty/om/img/s4-3p.png">
              <p class="text">着眼听说读写，全面提升英语综合能力。</p>
            </div>
          </div>
          <div class="swiper-slide slide">
            <div class="item">
              <img class="img" src="https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/img/sec4-5.png">
              <p class="text">纯英文语言环境，让“说英语”成为习惯。</p>
            </div>
          </div>
          <div class="swiper-slide slide">
            <div class="item">
              <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/cr/hy/cryyty/v-b-m/img/s4-3.png">
              <p class="text">掌握应试技巧，高效提升英语成绩。</p>
            </div>
          </div>
          <div class="swiper-slide slide">
            <div class="item">
              <img class="img" src="https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/img/sec4-6.png">
              <p class="text">严选持证好外教，教你地道用语，交流无碍。</p>
            </div>
          </div>
        </div>
      </div>
    </div>


    <button class="btn" data-popup-id="175" data-popup-hash-4hbu3a="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-s6f2id="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-rldowj="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-zty1bo="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-popup-hash-08rsha="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-t97bij="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-zmkuk5="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC">马上试听</button>
  </div>
</div>
<script>
  $(function(){
    const mySwiper = new Swiper ('.render-swiper-176-5 .swiper-container', {
      slidesPerView: HtmlWidth >= 768 ? 3 : 1,
      centeredSlides: HtmlWidth >= 768 ? true : false,
      initialSlide: 0,
      spaceBetween: HtmlWidth >= 768 ? 0 : 20,
      autoplay: {
        delay: 3000,
        stopOnLastSlide: false,
        disableOnInteraction: false,
      },
      direction: HtmlWidth >= 768 ? 'horizontal' : 'vertical',
      on: {
        slideChangeTransitionStart: function(){
          const index = this.activeIndex;
          $('.render-swiper-176-5 .tabs li').each(function(i,v){
            $('.render-swiper-176-5 .tabs li').eq(index).addClass('active').siblings('li').removeClass('active')
          })
        },
      },
    });

    $('.render-swiper-176-5 .tabs li').click(function(){
      const index = $(this).index();
      $(this).addClass('active').siblings('li').removeClass('active');
      mySwiper.slideTo(index, 300, false);
    })
  })
</script>

    <style>
      @media (min-width:769px) {
            .auto-element-256-6>.container>.div2>.div3>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 .3rem;  color:rgba(195, 13, 35, 1);  font-size:.24rem;  text-align:center;  }

            .auto-element-256-6>.container>.div2>.div3>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  font-size:.24rem;  text-align:center;  }

            .auto-element-256-6>.container>.div2>.div3>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 .2rem 0 0;  }

            .auto-element-256-6>.container>.div2>.div3>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  align-items:center;  }

            .auto-element-256-6>.container>.div2>.div3 {  border-radius:0 0 0 0;  padding:.1rem 0 .1rem 0;  margin:0 0 0 0;  display:flex;  justify-content:space-between;  align-items:center;  }

            .auto-element-256-6>.container>.div2>.div2>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 .3rem;  color:rgba(195, 13, 35, 1);  font-size:.24rem;  text-align:center;  }

            .auto-element-256-6>.container>.div2>.div2>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  font-size:.24rem;  text-align:center;  }

            .auto-element-256-6>.container>.div2>.div2>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 .2rem 0 0;  }

            .auto-element-256-6>.container>.div2>.div2>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  align-items:center;  }

            .auto-element-256-6>.container>.div2>.div2 {  border-radius:0 0 0 0;  padding:.1rem 0 .1rem 0;  margin:0 0 0 0;  display:flex;  justify-content:space-between;  align-items:center;  }

            .auto-element-256-6>.container>.div2>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 .3rem;  color:rgba(195, 13, 35, 1);  font-size:.24rem;  text-align:center;  }

            .auto-element-256-6>.container>.div2>.div1>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  font-size:.24rem;  text-align:center;  }

            .auto-element-256-6>.container>.div2>.div1>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 .2rem 0 0;  }

            .auto-element-256-6>.container>.div2>.div1>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  align-items:center;  }

            .auto-element-256-6>.container>.div2>.div1 {  border-radius:0 0 0 0;  padding:.1rem 0 .1rem 0;  margin:0 0 0 0;  display:flex;  justify-content:space-between;  align-items:center;  }

            .auto-element-256-6>.container>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }

            .auto-element-256-6>.container>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 .2rem 0 .2rem;  font-weight:bold;  font-size:.4rem;  text-align:center;  }

            .auto-element-256-6>.container>.div1>.div3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:2.4rem;  min-height:1px;  border-bottom:2px dashed #ccc;  }

            .auto-element-256-6>.container>.div1>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:2.4rem;  border-bottom:3px dashed #ccc;  height:1px;  }

            .auto-element-256-6>.container>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  min-height:100px;  justify-content:center;  align-items:center;  min-width:100px;  }

            .auto-element-256-6>.container {  min-height:100px;  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  }

            .auto-element-256-6 {  min-height:100px;  background-color:white;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  }
             }
      @media (max-width:768px) {
            .auto-element-256-6>.container>.div2>.div3>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 .4rem;  color:rgba(195, 13, 35, 1);  font-size:.24rem;  text-align:center;  }

            .auto-element-256-6>.container>.div2>.div3>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  font-size:.28rem;  text-align:center;  }

            .auto-element-256-6>.container>.div2>.div3>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 .2rem 0 0;  width:.8rem;  }

            .auto-element-256-6>.container>.div2>.div3>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  align-items:center;  }

            .auto-element-256-6>.container>.div2>.div3 {  border-radius:0 0 0 0;  padding:.2rem 0 .2rem 0;  margin:0 0 0 0;  display:flex;  justify-content:space-between;  align-items:center;  }

            .auto-element-256-6>.container>.div2>.div2>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 .4rem;  color:rgba(195, 13, 35, 1);  font-size:.24rem;  text-align:center;  }

            .auto-element-256-6>.container>.div2>.div2>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  font-size:.28rem;  text-align:center;  }

            .auto-element-256-6>.container>.div2>.div2>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 .2rem 0 0;  width:.8rem;  }

            .auto-element-256-6>.container>.div2>.div2>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  align-items:center;  }

            .auto-element-256-6>.container>.div2>.div2 {  border-radius:0 0 0 0;  padding:.2rem 0 .2rem 0;  margin:0 0 0 0;  display:flex;  justify-content:space-between;  align-items:center;  }

            .auto-element-256-6>.container>.div2>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 .4rem;  color:rgba(195, 13, 35, 1);  font-size:.24rem;  text-align:center;  }

            .auto-element-256-6>.container>.div2>.div1>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  font-size:.28rem;  text-align:center;  }

            .auto-element-256-6>.container>.div2>.div1>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 .2rem 0 0;  width:.8rem;  }

            .auto-element-256-6>.container>.div2>.div1>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  align-items:center;  }

            .auto-element-256-6>.container>.div2>.div1 {  border-radius:0 0 0 0;  padding:.2rem 0 .2rem 0;  margin:0 0 0 0;  display:flex;  justify-content:space-between;  align-items:center;  }

            .auto-element-256-6>.container>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.4rem 0 0 0;  }

            .auto-element-256-6>.container>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 .2rem 0 .2rem;  font-weight:bold;  font-size:.4rem;  text-align:center;  }

            .auto-element-256-6>.container>.div1>.div3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:2.5rem;  border-bottom:2px dashed #ccc;  height:1px;  }

            .auto-element-256-6>.container>.div1>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:2.5rem;  border-bottom:2px dashed #ccc;  height:1px;  }

            .auto-element-256-6>.container>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  justify-content:center;  align-items:center;  }

            .auto-element-256-6>.container {  border-radius:0 0 0 0;  padding:0 .3rem 0 .3rem;  margin:0 auto 0 auto;  min-height:100px;  }

            .auto-element-256-6 {  background-color:white;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  min-height:100px;  }
             }
    </style>
<div class="auto-element-256-6">
    <div class="container">

    <div class="div1">

    <div class="div1">

    </div>

<p class="p2">问大家</p>

    <div class="div3">

    </div>

    </div>

    <div class="div2">

    <div class="div1">

    <div class="div1">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/xzamd45r9yckgnfxdg925wxnag7zjh53.png">

<p class="p2">买过的来说下，课程值得购买吗?</p>

    </div>

<p class="p2">2个回答</p>

    </div>

    <div class="div2">

    <div class="div1">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/xzamd45r9yckgnfxdg925wxnag7zjh53.png">

<p class="p2">大家觉得外教讲的怎么样?</p>

    </div>

<p class="p2">2个回答</p>

    </div>

    <div class="div3">

    <div class="div1">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/xzamd45r9yckgnfxdg925wxnag7zjh53.png">

<p class="p2">上课方便吗?</p>

    </div>

<p class="p2">2个回答</p>

    </div>

    </div>

    </div>
    </div>

    <style>
      @media (min-width:769px) {
            .auto-element-230-7>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#666;  font-size:.24rem;  text-align:center;  }

            .auto-element-230-7>.container {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  }

            .auto-element-230-7 {  background-color:white;  border-radius:0 0 0 0;  padding:.3rem 0 .3rem 0;  margin:0 0 0 0;  }
             }
      @media (max-width:768px) {
            .auto-element-230-7>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#666;  font-size:.24rem;  text-align:center;  }

            .auto-element-230-7>.container {  border-radius:0 0 0 0;  padding:0 .3rem 0 .3rem;  margin:0 auto 0 auto;  }

            .auto-element-230-7 {  background-color:white;  border-radius:0 0 0 0;  padding:.3rem 0 .3rem 0;  margin:0 0 0 0;  }
             }
    </style>
<div class="auto-element-230-7">
    <div class="container">

<p class="p1">*以上数据均为内部统计数据</p>

    </div>
    </div>

<style>
  .fixed{position:fixed;bottom:0;left:0;    z-index: 6;}
  .render-jsx-46-8 { font-size:0; }
  /* PC端 */
  @media (min-width:769px) {
    .render-jsx-46-8 {  padding:0 0 0 0;  margin:0 0 0 0;  text-align:center;  }

    .render-jsx-46-8 img {pointer-events: none;   border-radius:0 0 0 0;  padding:0 0 0 0;  margin:-5% 0 0 0;  width:100%;  height:auto;  }


  }
  /* 手机端 */
  @media (max-width:768px) {
    .render-jsx-46-8 {  padding:0 0 0 0;  margin:0 0 0 0;  text-align:center;  }

    .render-jsx-46-8 img {pointer-events: none;   border-radius:0 0 0 0;  padding:0 0 0 0;  margin:-11% 0 0 0;  width:100%;  height:auto;  }
  }
</style>
<div class="render-jsx-46-8-top"></div>

<div class="render-jsx-46-8" data-popup-id="175" data-popup-hash-4hbu3a="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-s6f2id="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-rldowj="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-zty1bo="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-popup-hash-08rsha="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-t97bij="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-zmkuk5="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC">
  <a>
    <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/mfbfl5r1dz4kgjdbcr7rnak2z8n4cpz8.png" class="pc--show">
    <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/nyl84b8lamke4yax9xzb1d4adjg1dncw.png" class="mobile--show">
  </a>
</div>


<script>
  $(function () {
    bottomShow();
  })

  function bottomShow() {
    // 定位元素
    let fixedBottom = $('.render-jsx-46-8');
    // 头部元素
    let headerFixedElement = $('body>div').eq(0);
    // 底部元素
    let removeFixedElement = $('.render-jsx-46-8-top');
    let bTop = removeFixedElement.offset().top - 10 - $(window).height() + removeFixedElement.height();
    let rTop = headerFixedElement.offset().top + headerFixedElement.height();
    $(window).scroll(function () {
      let sTop = $(this).scrollTop();
      if (sTop > rTop) {
        fixedBottom.fadeIn(300);
        if (sTop >= bTop) {
          fixedBottom.removeClass('fixed');
        } else {
          fixedBottom.addClass('fixed');
        }
      } else {
        fixedBottom.fadeOut(300);
      }
    })
  }
</script>

<style>
  /* PC端 */
  @media (min-width:769px) {

  .render-jsx-23-undefined {  border-radius:0 0 0 0;  top:0;  padding:0 0 0 0;  margin:0 0 0 0;  bottom:0;  display:flex;  right:0;  left:0;  justify-content:center;  position:fixed;  align-items:center;  }
  .render-jsx-23-undefined>.content {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  width:400px;  position:relative;  height:auto;  }
  .render-jsx-23-undefined>.content>.img {  width:100%;  }
  .render-jsx-23-undefined>.content>.close-img {  border-radius:0 0 0 0;  top:20px;  height:auto;  padding:0 0 0 0;  margin:0 0 0 0;  right:40px;  width:20px;  position:absolute;  }
  .render-jsx-23-undefined>.content>.el {  top:28%;  left:0;  width:100%;  position:absolute;  text-align:center;  }
  .render-jsx-23-undefined>.content>.el>.qrcode {  border-radius:0 0 0 0;  border:5px solid #bc0a1d;  padding:0 0 0 0;  margin:0 0 0 0;  width:40%;  }
  .render-jsx-23-undefined>.content>.el>.wx {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:5px 0 5px 0;  color:#fff;  font-size:14px;  }
  .render-jsx-23-undefined>.content>.el>.btn-img {  margin:0 0 0 0;  width:40%;  }

  }
  /* 手机端 */
  @media (max-width:768px) {

  .render-jsx-23-undefined {  padding:0 0 0 0;  margin:0 0 0 0;  bottom:0;  display:flex;  right:0;  border-radius:0 0 0 0;  top:0;  left:0;  justify-content:center;  position:fixed;  align-items:center;  }
  .render-jsx-23-undefined>.content {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  width:80%;  position:relative;  height:auto;  }
  .render-jsx-23-undefined>.content>.img {  width:100%;  }
  .render-jsx-23-undefined>.content>.close-img {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  top:20px;  width:20px;  position:absolute;  right:40px;  height:auto;  }
  .render-jsx-23-undefined>.content>.el {  top:28%;  left:0;  width:100%;  position:absolute;  text-align:center;  }
  .render-jsx-23-undefined>.content>.el>.qrcode {  border-radius:0 0 0 0;  border:5px solid #bc0a1d;  padding:0 0 0 0;  margin:0 0 0 0;  width:40%;  }
  .render-jsx-23-undefined>.content>.el>.wx {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0px 0 5px 0;  color:#fff;  font-size:14px;  }
  .render-jsx-23-undefined>.content>.el>.btn-img {  margin:0 0 0 0;  width:40%;  }

  }

  .render-jsx-23-undefined { background-color:rgba(0,0,0,.5); }

</style>

<div class="render-jsx-23-undefined" id="success-popup-23" style="display:none;">
  <div class="content">

    <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/25/ef25rc51dhn8b9hzf8b4le1dwcwgxwg3.png">
    <img class="close-img" src="https://img.acadsoc.com.cn/web/lps/lp2019/lp-LHY/img/close-btn.png">

    <div class="el">
      <img class="qrcode" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/25/wkr37jpw6kx31d46p86j3fdeh8pyn8m8.png">
      <p class="wx">微信号：vip19850205</p>
      <img class="btn-img to-wx" src="https://img.acadsoc.com.cn/web/lps/kj/ty/img/cp-btn.png" style="cursor: pointer;" data-wx="vip19850205">
    </div>

  </div>

</div>
<script>
  $(function(){

   $('.render-jsx-23-undefined .close-img').click(function(){
  	$('.render-jsx-23-undefined').hide();
  })

    $('.to-wx').click(function(){
      const element = document.createElement('input');
      element.value = $(this).attr('data-wx');
      document.body.append(element);
      element.select();
      document.execCommand('Copy'); // 原生copy方法执行浏览器复制命令
      document.body.removeChild(element);
  		alert('复制成功!');
      const aele = document.createElement('a');
      aele.href ='weixin://';
      aele.click();
    });

  })
</script>
    <style>
      @media (min-width:769px) {
            .render-jsx-175-model>.con>.regbtn {  border-radius:60px;  background-color:#c30d23;  margin:0 auto;  color:white;  font-weight:bold;  display:block;  width:4rem;  font-size:16px;  height:.55rem;  }

            .render-jsx-175-model>.con>.img {  margin:-.75rem 0 0;  width:100%;  }

            .render-jsx-175-model>.con>.regphone>.phone {  border:1px solid #A0A0A0;  border-radius:60px;  padding:0 0 0 .3rem;  width:100%;  font-size:16px;  height:.5rem;  }

            .render-jsx-175-model>.con>.regphone {  margin:.2rem auto 0 auto;  width:4rem;  }

            .render-jsx-175-model>.con>.closeimg {  top:.16rem;  width:.23rem;  right:.16rem;  position:absolute;  }

            .render-jsx-175-model>.con>.regcode>.code {  border:1px solid #A0A0A0;  border-radius:60px;  padding:0 0 0 .3rem;  width:100%;  font-size:16px;  line-height:.5rem;  height:.5rem;  }

            .render-jsx-175-model>.con>.regcode>.regcodebtn {  background-color:#c30d23;  border-radius:60px;  padding:0 30px 0 30px;  top:0;  color:white;  font-size:16px;  position:absolute;  right:0;  height:100%;  }

            .render-jsx-175-model>.con>.regcode {  margin:.2rem auto .2rem auto;  width:4rem;  position:relative;  }

            .render-jsx-175-model>.con>.title {  margin:.2rem 0;  color:rgba(195, 13, 35, 1);  font-weight:bold;  font-size:.32rem;  text-align:center;  }

            .render-jsx-175-model>.con {  background-color:white;  border-radius:20px;  padding:0 0 .4rem 0;  margin:0 auto 0 auto;  transform:translate(-50%,-50%);  top:50%;  left:50%;  width:4.5rem;  position:absolute;  }

            .render-jsx-175-model {  background-color:rgba(0,0,0,0.5);  padding:0 0 0 0;  margin:0 0 0 0;  top:0;  left:0;  bottom:0;  position:fixed;  right:0;  }
             }
      @media (max-width:768px) {
            .render-jsx-175-model>.con>.regbtn {  border-radius:60px;  background-color:#c30d23;  margin:0 auto;  color:white;  font-weight:bold;  display:block;  width:6rem;  font-size:.32rem;  height:.9rem;  }

            .render-jsx-175-model>.con>.img {  margin:-1.18rem 0 0;  width:100%;  }

            .render-jsx-175-model>.con>.regphone>.phone {  border:1px solid #A0A0A0;  border-radius:60px;  padding:0 0 0 .3rem;  width:100%;  font-size:.28rem;  height:.9rem;  }

            .render-jsx-175-model>.con>.regphone {  margin:.2rem auto 0 auto;  top:.3rem;  width:6rem;  }

            .render-jsx-175-model>.con>.closeimg {  top:.3rem;  width:.4rem;  right:.3rem;  position:absolute;  }

            .render-jsx-175-model>.con>.regcode>.code {  border:1px solid #A0A0A0;  border-radius:60px;  padding:0 0 0 .3rem;  width:100%;  font-size:.28rem;  height:.9rem;  }

            .render-jsx-175-model>.con>.regcode>.regcodebtn {  background-color:#c30d23;  border-radius:60px;  padding:0 .3rem 0 .3rem;  top:0;  color:white;  font-size:.3rem;  position:absolute;  right:0;  height:100%;  }

            .render-jsx-175-model>.con>.regcode {  margin:.3rem auto .3rem auto;  width:6rem;  position:relative;  }

            .render-jsx-175-model>.con>.title {  margin:.2rem 0;  color:rgba(195, 13, 35, 1);  font-weight:bold;  font-size:.32rem;  text-align:center;  }

            .render-jsx-175-model>.con {  background-color:white;  border-radius:13px;  padding:0 0 .4rem 0;  margin:0 auto 0 auto;  transform:translate(-50%,-50%);  top:50%;  left:50%;  width:7rem;  position:absolute;  }

            .render-jsx-175-model {  background-color:rgba(0,0,0,0.5);  padding:0 0 0 0;  margin:0 0 0 0;  top:0;  left:0;  bottom:0;  position:fixed;  right:0;  }
             }
    </style>
<div class="render-jsx-175-model" id="register-popup-175" style="display:none">
  <div class="con">
    <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-modal-hash="s6f2id">
    <p class="title" data-modal-hash="zmkuk5"><b style="color:rgba(20, 43, 136, 1)">好课</b>免费试听</p>
    <img class="close-popup closeimg" src="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-modal-hash="zty1bo">
    <div class="regphone">
      <input placeholder="填写您的手机号" type="tel" name="TxtPhone" class="phone" data-modal-hash="rldowj">
    </div>
    <div class="regcode">
      <input placeholder="请输入验证码" type="tel" name="TxtCode" class="code" data-modal-hash="08rsha">
      <button name="btnGetSMS" class="regcodebtn" data-modal-hash="t97bij">获取验证码</button>
    </div>
    <button name="registerSubmit" class="regbtn" data-modal-hash="4hbu3a">0元试课</button>
  </div>
</div>


  <!--滑动验证生成-->
  <div id="captcha"></div>
  <!--滑动验证生成end-->
  <div class="loading" style="position:fixed;top:50%;left:50%;margin-top:-25px;margin-left:-25px;display:none;z-index:1040;">
    <img src="https://img.acadsoc.com.cn/web/img/loading1.gif" style="z-index:1050;position:relative;">
    <div class="modal-backdrop in" style="background-color:#fff;opacity: .8;"></div>
  </div>
  <script type="text/javascript" src="https://img.acadsoc.com.cn/js/register_new_double-editor.js"></script>
  <script type="text/javascript" src="https://img.acadsoc.com.cn/js/gt.js"></script>
  <script type="text/javascript" src="https://img.acadsoc.com.cn/js/Captcha.js"></script>
  <!-- 新验证1909 End -->
  <script type="text/javascript" src="https://www.acadsoc.com.cn/Ajax/Web.UI.Fun.User.aspx"></script>
  <!-- abtest -->
  <script src="https://img.acadsoc.com.cn/web/js/abtest.min.js"></script>
  <script type="text/javascript" src="https://img.acadsoc.com.cn/js/editor/swiper-4.5.3.min.js"></script>
  <script type="text/javascript" src="https://img.acadsoc.com.cn/js/editor/comm-handle.js"></script>

  <script>

    window.onload = function(){
      addFixedEls();
    }

    function addFixedEls(){
      // 头部元素
      const headerFixedElement = $('body>div').eq(0);
      $('.fixed__el').each((i,v) => {
        // 定位元素
        const fixedEl = $(v);
        // 移除元素
        const removeFixedElement = fixedEl.prev();
        let bTop = removeFixedElement.offset().top - 10 - $(window).height() + removeFixedElement.height();
        let rTop = headerFixedElement.offset().top + headerFixedElement.height();
        $(window).scroll(function () {
          let sTop = $(this).scrollTop();
          if (sTop > rTop) {
            fixedEl.fadeIn(300);
            if (sTop >= bTop) {
              fixedEl.removeClass('fixed');
            } else {
              fixedEl.addClass('fixed');
            }
          } else {
            fixedEl.fadeOut(300);
          }
        })
      })
    }

    const date = new Date();
    const curruYear = date.getFullYear();
    const currMonth = date.getMonth() + 1;
    const currDate = date.getDate();

    // 替换时间文字
    document.querySelectorAll('.time').forEach(function(v){
      v.innerHTML =  getToday(v.innerHTML);
    })

    function getToday(str) {
      return str.replace(/year/gi,curruYear).replace(/month/gi,currMonth).replace(/date/gi,currDate);
    }

    function copyWx(wx,text='复制成功!'){
      const element = document.createElement('input');
      element.value = wx;
      document.body.append(element);
      element.select();
      document.execCommand('Copy');
      document.body.removeChild(element);
      alert(text);
    }

    $(function () {

      $('[data-copy-wx]').click(function(){
        copyWx($(this).attr('data-copy-wx'),$(this).attr('data-wx-alter'))
      })

      $('[data-to-wx]').click(function(){
        copyWx($(this).attr('data-to-wx'),$(this).attr('data-wx-alter'))
        const aele = document.createElement('a');
        aele.href ='weixin://';
        aele.click();
      });

      // 返回弹窗
      if (document.querySelector('[id*=back-popup]')) {
        $('[id*=back-popup]').hide();
        $('[id*=back-popup] [class*=close]').click(function () {
          $('[id*=back-popup]').fadeOut();
          // 取消返回,需要默认back一次
          window.removeEventListener('popstate', holdBack);
          history.back();
        })

        // 阻止返回
        function holdBack() {
          $('[id*=back-popup]').fadeIn();
          history.pushState(null, null, document.URL);
        }

        // 防止页面后退 监听
        history.pushState(null, null, document.URL);
        window.addEventListener('popstate', holdBack);
      }

      // 关闭弹窗
      $('.close-popup').click(function(){
        $(this).parents('[id*=-popup]').fadeOut();
      })

      // 关闭注册弹窗
      $('.register-close').click(function(){
        $(this).parents('[id*=register-popup]').fadeOut();
      })

      // 打开弹窗
      $('[data-popup-id]').click(function(){
        openModal(this);
      })

      function openModal(dom, selector){
        const id = $(dom).attr('data-popup-id');
        const popup = $('#register-popup-' + id);
        const attrs = dom.attributes;
        // 更改字符
        for (let i = 0; i < attrs.length; i++) {
          const name = attrs[i].name;
          const value = decodeURI(attrs[i].value);
          if(name.indexOf('data-popup-hash-') !== -1){
            const ele = popup.find('[data-modal-hash=' + name.split('data-popup-hash-')[1] + ']');
            if (!value) continue;
            if(value === 'false') {
              ele.hide();
              continue;
            } else if(value === 'true') {
              ele.show();
              continue;
            }
            if(!ele[0]) continue;
            setDomParams(ele[0], value);
          }
        }
        popup.fadeIn();
      }

      function setDomParams(dom, value){
        var ele = $(dom);
        switch (dom.nodeName) {
          case 'IMG':
            if (ele.attr('src') !== value) {
              ele.attr('src', value);
            }
            break;
          case 'INPUT':
            if (ele.attr('placeholder') !== value) {
              ele.attr('placeholder', value);
            }
            break;
          default:
            if (ele.html() !== value) {
              ele.html(getToday(value));
            }
            break;
        }
      }

      // 单链接跳转
      $('[data-href]').click(function(){
        location.href = $(this).attr('data-href');
      })

      // 分端跳转
      $('[data-pm-href]').click(function(){
        var parameter = window.location.search;
        var sUserAgent = navigator.userAgent.toLowerCase();
        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
        var bIsMidp = sUserAgent.match(/midp/i) == "midp";
        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
        var bIsAndroid = sUserAgent.match(/android/i) == "android";
        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
        if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
          location.href = $(this).attr('data-mobile-href');
        } else if (bIsIpad) {
          location.href = $(this).attr('data-ipad-href');
        } else {
          location.href = $(this).attr('data-pc-href');
        }
      })

      // 跳转注册
      $('[data-form]').click(function(){
        $('body,html').stop().animate({ 'scrollTop': 0 },
          {
            duration: 1000,
            easing: "swing"
          });
      })

      // dynamic data
      const imgIds = [];
      const bgImgIds = [];
      const textIds = [];

      $('[data-img-id]').each(function (i, item) {
        const id = $(item).attr('data-img-id');
        if (imgIds.indexOf(id) === -1) {
          imgIds.push(id);
        }
      })

      $('[data-text-id]').each(function (i, item) {
        const id = $(item).attr('data-text-id');
        if (textIds.indexOf(id) === -1) {
          textIds.push(id);
        }
      })

      $('[data-bg-img-id]').each(function (i, item) {
        const id = $(item).attr('data-bg-img-id');
        if (bgImgIds.indexOf(id) === -1) {
          bgImgIds.push(id);
        }
      })

      $.ajax({
        url: 'https://dmpaio.acadsoc.com.cn/api-landingpage/PageResources/selectAllResources',
        method: "POST",
        dataType: "json",
        headers: { 'Content-Type': 'application/json' },
        data: JSON.stringify({ bgImgIds, imgIds, textIds }),
        success: function (res) {
          const _bgImgIds = res.data.bgImgIds;
          const _imgIds = res.data.imgIds;
          const _textIds = res.data.textIds;
          // 背景图
          _bgImgIds.forEach(function (v) {
            const ele = $(`[data-bg-img-id=${v.id}]`);
            // 手机banner
            if (ele.hasClass('mobile-banner')) {
              ele.attr('src', v.url);
            } else {
              ele.css('background-image', `url(${v.url})`);
            }
          });
          _imgIds.forEach(function (v) {
            const ele = $(`[data-img-id=${v.id}]`);
            if(ele[0].nodeName === 'IMG'){
              ele.attr('src', v.url);
            }else{
              ele.css('background-image', `url(${v.url})`);
            }
          });

          _textIds.forEach(function (v) {
            const ele = $(`[data-text-id=${v.id}]`);
            ele.html(v.name);
          });
        }
      })

    })

    // 注册
    register.init({
      successTxt: false, // 值为false时不执行
      successLocation: false, // 值为false时不执行
      successFn: function () {
        ABRecord.registNotice();
        //百度ocpc提交成功埋码
        window._agl && window._agl.push(['track', ['success', { t: 3 }]])
        var urlval = getQueryString("search");
        $(".loading").hide();
        // customize register code


        var successPopup = document.querySelector('[id^=success-popup]');
        if(successPopup){
            $(successPopup).fadeIn();
        }else{
            alert("领取成功，稍后将有学习顾问联系您！");
            window.location = '/WebNew/user/Personal/UserInfo.aspx';
        }
        return false;
      },
      type: 'code', //注册类型：normal（常规）,code（验证码注册）,uid（带推荐人uid）

    });

  </script>
  <!-- 53客服 -->

  <!-- customize footer code -->


</body></html>