<!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/web/WebNew/assets/global/css/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 src="https://img.acadsoc.com.cn/web/SenSors/sensorsheadother.js"></script>

  <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>
  <!--百度统计代码-->
  <script src="https://img.acadsoc.com.cn/web/lps/activity/js/BaiDuStatistics.js"></script>

  <!-- 百度ocpc基础代码 -->
  <script src="https://www.acadsoc.com.cn/OCPC/js/ocpc.js"></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>
</head><body>

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

  
    <style>
      @media (min-width:769px) { 
          .render-swiper-127-0 .swiperel {  z-index:1;  border-radius:0 0 0 0;  top:0;  height:630px;  padding:0 0 0 0;  margin:0 0 0 0;  left:0;  width:100%;  position:absolute;  }
          
          .render-swiper-127-0 .btn {  background-color:rgb(195, 13, 35);  border-radius:60px 60px 60px 60px;  padding:0px 0px 0px 0px;  margin:0 0 0 0;  color:white;  font-weight:500;  width:100%;  font-size:18px;  height:0.5rem;  text-align:center;  }
          
          .render-swiper-127-0 .codebtn {  background-color:rgb(195, 13, 35);  border-radius:0px 60px 60px 0px;  padding:0px 20px 0px 20px;  margin:0px 0px 0px 0px;  color:#fff;  top:0;  font-size:16px;  line-height:.5rem;  position:absolute;  right:0;  height:.5rem;  }
          
          .render-swiper-127-0 .free {  border-radius:0 0 0 0;  padding:0 0 0 0;  transform:translateX(-90%);  margin:0 0 0 0;  top:0;  left:0;  display:none;  width:1.1rem;  position:absolute;  }
          
          .render-swiper-127-0 .title {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#00269a;  font-weight:600;  display:inline-block;  font-size:24px;  line-height:1;  position:relative;  }
          
          .render-swiper-127-0 .count {  padding:0.1rem 0.15rem 0.14rem 0.15rem;  margin:0 0 0 0;  background-size:100% 100%;  color:#fff;  display:none;  font-size:14px;  line-height:1.1;  right:.05rem;  border-radius:0 0 0 0;  background-repeat:no-repeat;  top:-.3rem;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/aejm8p1de3tynxj1d2htzhykxjlkejdf.png);  position:absolute;  text-align:center;  }
          
          .render-swiper-127-0 .phone {  border-radius:60px 60px 60px 60px;  background-color:rgb(238, 238, 238);  padding:0 .2rem 0 .2rem;  margin:0 0 0 0;  color:#a2a2a2;  width:100%;  font-size:16px;  line-height:0.5rem;  position:relative;  text-align:left;  height:0.5rem;  }
          
          .render-swiper-127-0 .code {  border-radius:60px 60px 60px 60px;  background-color:rgb(238, 238, 238);  padding:0 .2rem 0 .2rem;  color:#a2a2a2;  width:100%;  font-size:16px;  line-height:0.5rem;  position:relative;  text-align:left;  height:0.5rem;  }
          
          .render-swiper-127-0 .gift {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.2rem auto .4rem auto;  display:block;  width:100%;  }
          
          .render-swiper-127-0 .content {  background-color:#fff;  border-radius:10px 10px 10px 10px;  padding:20px 20px 30px 20px;  margin:-1px auto 0 auto;  width:100%;  position:relative;  text-align:center;  }
          
          .render-swiper-127-0 .titleimg {  background-size:100% 100%;  color:#fff;  font-size:34px;  border-radius:0 0 0 0;  background-repeat:no-repeat;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/10/zxnwn2w9aw4htpy8geg72y58cmrng368.png);  height:86px;  text-align:center;  padding:0 0 0 0;  margin:0 0 0 0;  display:none;  line-height:76px;  width:100%;  }
          
          .render-swiper-127-0 .img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  background-repeat:no-repeat;  margin:0 0 0 0;  background-size:cover;  display:block;  width:100%;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/02/xd9apwf89p5623f6myfcpdhrb7gy8n4k.jpg);  background-position:center top;  height:100%;  }
          
          .render-swiper-127-0 .img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  background-repeat:no-repeat;  margin:0 0 0 0;  background-size:cover;  display:block;  width:100%;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/30/r93ncm2n4rj242zm65n8hgfde98ctbpt.jpg);  background-position:center top;  height:100%;  }
          
          .render-swiper-127-0 .formwrap {  background-color:none;  border-radius:0 0 0 0;  padding:0 0 0 0;  transform:translateY(-50%);  z-index:2;  margin:0 0 0 0;  top:50%;  width:340px;  right:-.2rem;  position:absolute;  }
          
          .render-swiper-127-0 .inputform {  margin:0 0 .2rem 0;  width:100%;  position:relative;  }
          
          .render-swiper-127-0 .banner {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:100%;  position:relative;  height:630px;  }
          
          .render-swiper-127-0  {  background-color:#fff;  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }
          
          .render-swiper-127-0 .container {  border-radius:0px 0px 0px 0px;  padding:0px 0px 0px 0px;  margin:0px auto 0px auto;  position:relative;  height:100%;  }
           }
      @media (max-width:768px) { 
          .render-swiper-127-0 .swiperel {  border-radius:0 0 0 0;  height:5.68rem;  padding:0 0 0 0;  margin:0 0 0 0;  width:100%;  position:relative;  }
          
          .render-swiper-127-0 .btn {  background-color:rgb(195, 13, 35);  border-radius:60px 60px 60px 60px;  padding:0 0 0 0;  margin:0 0 0 0;  color:white;  width:100%;  font-size:16px;  height:0.9rem;  text-align:center;  }
          
          .render-swiper-127-0 .codebtn {  background-color:rgb(195, 13, 35);  border-radius:0px .5rem .5rem 0px;  padding:0 .2rem 0 .2rem;  color:#fff;  top:0;  font-size:.28rem;  line-height:.88rem;  position:absolute;  right:0;  height:.88rem;  }
          
          .render-swiper-127-0 .free {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:none;  }
          
          .render-swiper-127-0 .title {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#00269a;  font-weight:600;  font-size:.4rem;  line-height:1;  position:relative;  }
          
          .render-swiper-127-0 .count {  padding:0.2rem 0.2rem 0.3rem 0.2rem;  margin:0 0 0 0;  background-size:100% 100%;  color:#fff;  display:none;  font-size:.24rem;  line-height:1.1;  right:.05rem;  border-radius:0 0 0 0;  background-repeat:no-repeat;  top:-.4rem;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/pxyzc5cbt5x4rydgzn64kb8fw62carel.png);  position:absolute;  text-align:center;  }
          
          .render-swiper-127-0 .phone {  border:1px solid #dcdcdc;  padding:0 .26rem 0 .26rem;  margin:0 0 0 0;  color:#a2a2a2;  font-size:.28rem;  line-height:.88rem;  border-radius:.5rem .5rem .5rem .5rem;  background-color:#fff;  width:100%;  position:relative;  height:0.9rem;  text-align:left;  }
          
          .render-swiper-127-0 .code {  border-radius:.5rem .5rem .5rem .5rem;  background-color:#fff;  border:1px solid #dcdcdc;  padding:0 .26rem 0 .26rem;  color:#a2a2a2;  width:100%;  font-size:.28rem;  line-height:.88rem;  position:relative;  height:.88rem;  text-align:left;  }
          
          .render-swiper-127-0 .gift {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem auto .6rem auto;  display:block;  width:100%;  }
          
          .render-swiper-127-0 .content {  background-color:#fff;  border-radius:10px 10px 10px 10px;  padding:20px .4rem .5rem .4rem;  margin:-40px 0 0 0;  z-index:2;  width:100%;  position:relative;  text-align:center;  }
          
          .render-swiper-127-0 .titleimg {  padding:0 0 0 0;  z-index:1;  margin:0 0 0 0;  background-size:100% 100%;  color:#fff;  font-weight:bold;  display:none;  font-size:.42rem;  line-height:1rem;  border-radius:0 0 0 0;  background-repeat:no-repeat;  transform:translateX(-50%);  text-shadow:0 2px #e95d00;  top:-.3rem;  left:50%;  width:90%;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/kj6rg1db1d4jlxj8kyx2d6g2fk6xn92j.png);  position:absolute;  height:1.1rem;  text-align:center;  }
          
          .render-swiper-127-0 .img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  background-repeat:no-repeat;  margin:0 0 0 0;  background-size:100% auto;  display:block;  width:100%;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/02/1d6f8wz64nt74w85c3648lm3xcxeyryf.jpg);  background-position:center top;  height:100%;  }
          
          .render-swiper-127-0 .img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  background-repeat:no-repeat;  margin:0 0 0 0;  background-size:100% auto;  display:block;  width:100%;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/02/9gp5h9zfz6rytgej38wd7ygdtnz237jg.png);  background-position:center top;  height:100%;  }
          
          .render-swiper-127-0 .formwrap {  border-radius:.24rem .24rem .24rem .24rem;  box-shadow:0 0 .1rem .1rem rgba(15,34,135,.1);  padding:0 0 0 0;  margin:.4rem auto 0 auto;  background-coloe:#fff;  width:94%;  position:relative;  }
          
          .render-swiper-127-0 .inputform {  margin:0 0 .2rem 0;  width:100%;  position:relative;  }
          
          .render-swiper-127-0 .banner {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:100%;  position:relative;  height:auto;  }
          
          .render-swiper-127-0  {  background-color:#fff;  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }
          
          .render-swiper-127-0 .container {  background-color:#fff;  border-radius:0 0 0 0;  padding:0 0 .3rem 0;  margin:0 0 0 0;  text-align:center;  height:auto;  }
           } 
    </style>
<style>
  /* PC端 */
  @media (min-width:769px) {

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

  }
</style>

<div class="render-swiper-127-0">
  <div class="banner">
    <div class="swiper-container swiperel">
      <div class="swiper-wrapper">
        <div class="swiper-slide img1"></div>
        <div class="swiper-slide img2"></div>
      </div>
    </div>
    <div class="container">
      <div class="formwrap">
        <div class="titleimg ">9周年特惠</div>
        <div class="content ">
          <h2 class="title ">
            <span style="color:#333333;"></span>免费体验课<span style="color:#b81c25;">(25分钟)
            <img class="free " src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/10/xlznkwz61dgw9n78mpfefa8e9dbe5h5w.png">
          </span></h2>
          <img class="gift " src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/02/ermzfcfgerzdtdpyk8b4f9zla2emnh2r.png">
          <div class="inputform">
            <input type="tel" placeholder="请输入您的手机号码" maxlength="11" name="TxtPhone" class="phone">
            <p class="count ">仅剩<br><strong style="text-shadow:0 0 .1rem #a3041c;font-size:16px;color:#fff;font-weight:bold;">99</strong>位</p>
          </div>
          <div class="inputform duanxin" style="display:none;">
            <input type="tel" placeholder="请输入验证码" maxlength="6" name="TxtCode" class="code">
            <button name="btnGetSMS" class="codebtn btnGetSMS">
              获取验证码
            </button>
          </div>
          <button name="registerSubmit" class="btn">				立即体验
          </button>
          <img class="lion " src="">
        </div>
      </div>
    </div>
  </div>
</div>
<script>
  $(function(){
    let _countNum = 99
    const _countTimer = setInterval(()=>{
      if(_countNum > 1){
        $('.render-swiper-127-0 .count strong').text(--_countNum)
      }else{
        $('.render-swiper-127-0 .count strong').text('1')
      }
    },20000);
  
    new Swiper ('.render-swiper-127-0 .swiper-container', {
      loop: true, // 循环模式选项
      autoplay:true,
    })
    })
</script>

    <style>
      @media (min-width:769px) { 
            .auto-element-294-1>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#0e3180;  font-weight:bold;  font-size:.4rem;  line-height:1;  text-align:center;  }
            
            .auto-element-294-1>.container>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.2rem 0 .3rem 0;  color:#333;  text-decoration:underline;  font-size:.3rem;  line-height:1;  text-align:center;  }
            
            .auto-element-294-1>.container>.div3>.img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 10% 0 0;  display:block;  width:27%;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div3>.p1 {  border-radius:.7rem .5rem .5rem 0;  background-color:#b81c25;  padding:0 0 0 .2rem;  margin:0 0 0 0;  color:#fff;  width:1.7rem;  font-size:.24rem;  line-height:.5rem;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div3>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 .2rem;  margin:.15rem 0 0 0;  color:#666;  font-size:19px;  line-height:1.6;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  min-height:100px;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div2>.p1 {  border-radius:.7rem .5rem .5rem 0;  background-color:#b81c25;  padding:0 0 0 .2rem;  margin:0 0 0 0;  color:#fff;  width:1.7rem;  font-size:.24rem;  line-height:.5rem;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div2>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 .2rem;  margin:.15rem 0 0 0;  color:#666;  font-size:19px;  line-height:1.6;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 .5rem 0;  min-height:100px;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div1>.p1 {  border-radius:.7rem .5rem .5rem 0;  background-color:#b81c25;  padding:0 0 0 .2rem;  margin:0 0 0 0;  color:#fff;  width:1.7rem;  font-size:.24rem;  line-height:.5rem;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 .2rem;  margin:.15rem 0 0 0;  color:#666;  font-size:19px;  line-height:1.6;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 .5rem 0;  min-height:100px;  }
            
            .auto-element-294-1>.container>.div3>.div1 {  border-radius:.1rem .1rem .1rem .1rem;  background-color:#f0f4ff;  padding:.45rem .42rem .45rem .42rem;  margin:0 0 0 0;  width:56%;  }
            
            .auto-element-294-1>.container>.div3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  justify-content:space-between;  align-items:center;  min-width:100px;  }
            
            .auto-element-294-1>.container {  min-height:100px;  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  }
            
            .auto-element-294-1 {  background-color:white;  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-294-1>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#0e3180;  font-weight:bold;  font-size:.4rem;  line-height:1;  text-align:center;  }
            
            .auto-element-294-1>.container>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.2rem 0 .5rem 0;  color:#333;  text-decoration:underline;  font-size:.3rem;  line-height:1;  text-align:center;  }
            
            .auto-element-294-1>.container>.div3>.img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:block;  width:40%;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div3>.p1 {  border-radius:.6rem .5rem .5rem 0;  background-color:#b81c25;  padding:0 0 0 0;  margin:0 0 0 0;  color:#fff;  width:2.2rem;  font-size:.3rem;  line-height:.6rem;  text-align:center;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div3>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.2rem 0 0 0;  color:#666;  font-size:.26rem;  line-height:1.4;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div2>.p1 {  border-radius:.6rem .5rem .5rem 0;  background-color:#b81c25;  padding:0 0 0 0;  margin:0 0 0 0;  color:#fff;  width:2.2rem;  font-size:.3rem;  line-height:.6rem;  text-align:center;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div2>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.2rem 0 0 0;  color:#666;  font-size:.26rem;  line-height:1.4;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 .3rem 0;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div1>.p1 {  border-radius:.6rem .5rem .5rem 0;  background-color:#b81c25;  padding:0 0 0 0;  margin:0 0 0 0;  color:#fff;  width:2.2rem;  font-size:.3rem;  line-height:.6rem;  text-align:center;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.2rem 0 0 0;  color:#666;  font-size:.26rem;  line-height:1.4;  }
            
            .auto-element-294-1>.container>.div3>.div1>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 .3rem 0;  }
            
            .auto-element-294-1>.container>.div3>.div1 {  border-radius:0 0 0 0;  padding:.3rem .1rem 0 0;  margin:0 0 0 0;  width:60%;  min-height:100px;  }
            
            .auto-element-294-1>.container>.div3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  justify-content:space-between;  align-items:center;  min-width:100px;  }
            
            .auto-element-294-1>.container {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  width:92%;  min-height:100px;  }
            
            .auto-element-294-1 {  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-294-1">
    <div class="container">
      
<p class="p1">真人外教一对一</p>

<p class="p2">在线教你“飚”英语</p>

    <div class="div3">
      
    <div class="div1">
      
    <div class="div1">
      
<p class="p1">在线1对1</p>

<p class="p2">外教在线教学,在家就能学,1对1在线互动,让英语脱口而出</p>

    </div>
    
    <div class="div2">
      
<p class="p1">每天25分钟</p>

<p class="p2">短时高频课程,每天只需25分钟,不占用你的业余时间</p>

    </div>
    
    <div class="div3">
      
<p class="p1">纯英外教</p>

<p class="p2">外教老师长期生活在英语环境,能教你更多实用性英语</p>

    </div>
    
    </div>
    
<img class="img2" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/30/nd8a4az97868lcm5gef6t4kczctxgnh8.png">

    </div>
    
    </div>
    </div>

    <style>
      @media (min-width:769px) { 
            .auto-element-295-2>.container>.button4 {  padding:0 0 0 0;  margin:.6rem auto 0 auto;  color:white;  font-weight:bold;  display:block;  font-size:.24rem;  border-radius:.1rem .1rem .1rem .1rem;  background-color:rgba(195, 13, 35, 1);  width:4.2rem;  text-align:center;  height:.6rem;  }
            
            .auto-element-295-2>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#0e3180;  font-weight:bold;  font-size:.4rem;  line-height:1;  text-align:center;  }
            
            .auto-element-295-2>.container>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.2rem 0 1.5rem 0;  text-decoration:underline;  font-size:.3rem;  line-height:1;  text-align:center;  }
            
            .auto-element-295-2>.container>.div3>.div3>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.24rem 0 .15rem 0;  color:#b81c25;  font-weight:bold;  font-size:.24rem;  line-height:1;  text-align:center;  }
            
            .auto-element-295-2>.container>.div3>.div3>.p3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#0e3180;  font-size:18px;  line-height:1.6;  text-align:center;  }
            
            .auto-element-295-2>.container>.div3>.div3>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:-.9rem 0 0 0;  display:inline-block;  }
            
            .auto-element-295-2>.container>.div3>.div3 {  border-radius:.1rem .1rem .1rem .1rem;  background-color:#dae5ff;  padding:0 .5rem .3rem .5rem;  margin:0 0 0 0;  width:31%;  min-width:100px;  }
            
            .auto-element-295-2>.container>.div3>.div2>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.24rem 0 .15rem 0;  color:#b81c25;  font-weight:bold;  font-size:.24rem;  line-height:1;  text-align:center;  }
            
            .auto-element-295-2>.container>.div3>.div2>.p3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#0e3180;  font-size:18px;  line-height:1.6;  text-align:center;  }
            
            .auto-element-295-2>.container>.div3>.div2>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:-.9rem 0 0 0;  display:inline-block;  }
            
            .auto-element-295-2>.container>.div3>.div2 {  border-radius:.1rem .1rem .1rem .1rem;  background-color:#dae5ff;  padding:0 .5rem .3rem .5rem;  margin:0 0 0 0;  width:31%;  min-width:100px;  }
            
            .auto-element-295-2>.container>.div3>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.24rem 0 .15rem 0;  color:#b81c25;  font-weight:bold;  font-size:.24rem;  line-height:1;  text-align:center;  }
            
            .auto-element-295-2>.container>.div3>.div1>.p3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#0e3180;  font-size:18px;  line-height:1.6;  text-align:center;  }
            
            .auto-element-295-2>.container>.div3>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:-.9rem 0 0 0;  display:inline-block;  }
            
            .auto-element-295-2>.container>.div3>.div1 {  border-radius:.1rem .1rem .1rem .1rem;  background-color:#dae5ff;  padding:0 .5rem .3rem .5rem;  margin:0 0 0 0;  width:31%;  min-width:100px;  }
            
            .auto-element-295-2>.container>.div3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  justify-content:space-between;  min-width:100px;  }
            
            .auto-element-295-2>.container {  min-height:100px;  border-radius:0 0 0 0;  background-color:#f5f5f5;  padding:0 0 0 0;  margin:0 auto 0 auto;  }
            
            .auto-element-295-2 {  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-295-2>.container>.button4 {  padding:0 0 0 0;  margin:.55rem auto 0 auto;  color:white;  font-weight:bold;  display:block;  font-size:.32rem;  border-radius:.1rem .1rem .1rem .1rem;  background-color:rgba(195, 13, 35, 1);  width:90%;  text-align:center;  height:.9rem;  }
            
            .auto-element-295-2>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#0e3180;  font-weight:bold;  font-size:.4rem;  line-height:1;  text-align:center;  }
            
            .auto-element-295-2>.container>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.2rem 0 1rem 0;  text-decoration:underline;  font-size:.3rem;  line-height:1;  text-align:center;  }
            
            .auto-element-295-2>.container>.div3>.div3>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 .2rem 0;  color:#b81c25;  font-weight:bold;  font-size:.3rem;  line-height:1;  }
            
            .auto-element-295-2>.container>.div3>.div3>.p3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#0e3180;  font-size:.26rem;  line-height:1.6;  }
            
            .auto-element-295-2>.container>.div3>.div3>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  top:-.6rem;  left:.1rem;  display:block;  width:2.6rem;  position:absolute;  }
            
            .auto-element-295-2>.container>.div3>.div3 {  border-radius:.1rem .1rem .1rem .1rem;  background-color:#dae5ff;  padding:.45rem .1rem .45rem 3rem;  margin:0 0 0 0;  position:relative;  min-width:100px;  }
            
            .auto-element-295-2>.container>.div3>.div2>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 .2rem 0;  color:#b81c25;  font-weight:bold;  font-size:.3rem;  line-height:1;  }
            
            .auto-element-295-2>.container>.div3>.div2>.p3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#0e3180;  font-size:.26rem;  line-height:1.6;  }
            
            .auto-element-295-2>.container>.div3>.div2>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  transform:rotate(10deg);  top:-.6rem;  display:block;  width:2.6rem;  position:absolute;  right:.1rem;  }
            
            .auto-element-295-2>.container>.div3>.div2 {  border-radius:.1rem .1rem .1rem .1rem;  background-color:#dae5ff;  padding:.45rem 2.8rem .45rem .23rem;  margin:0 0 1rem 0;  position:relative;  min-width:100px;  }
            
            .auto-element-295-2>.container>.div3>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 .2rem 0;  color:#b81c25;  font-weight:bold;  font-size:.3rem;  line-height:1;  }
            
            .auto-element-295-2>.container>.div3>.div1>.p3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#0e3180;  font-size:.26rem;  line-height:1.6;  }
            
            .auto-element-295-2>.container>.div3>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  top:-.6rem;  left:.1rem;  display:block;  width:2.6rem;  position:absolute;  }
            
            .auto-element-295-2>.container>.div3>.div1 {  border-radius:.1rem .1rem .1rem .1rem;  background-color:#dae5ff;  padding:.45rem .1rem .45rem 3rem;  margin:0 0 1rem 0;  position:relative;  min-width:100px;  }
            
            .auto-element-295-2>.container>.div3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  min-height:100px;  min-width:100px;  }
            
            .auto-element-295-2>.container {  border-radius:0 0 0 0;  padding:0 .3rem 0 .3rem;  margin:0 auto 0 auto;  min-height:100px;  }
            
            .auto-element-295-2 {  background-color:#f5f5f5;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  min-height:100px;  }
             } 
    </style>
<div class="auto-element-295-2">
    <div class="container">
      
<p class="p1">为什么选择阿卡索?</p>

<p class="p2">选择阿卡索的3大理由</p>

    <div class="div3">
      
    <div class="div1">
      
<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/30/7bebx7jataytnkx8jrfnwm2pmaxpcxtn.png">

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

<p class="p3">100%持证外教,1对1在线教学,一节课低至<span style="color:#b81c25;">13.8元</span></p>

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

<p class="p2">上课灵活</p>

<p class="p3">无限定上课时间,当你想学时,随时可以在线预约外教上课</p>

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

<p class="p2">量身定制</p>

<p class="p3">系统将根据您的行业与需求,为您匹配合适的课程及教案</p>

    </div>
    
    </div>
    
<button data-popup-id="48" data-params-button="%E6%88%91%E8%A6%81%E8%AF%95%E5%90%AC" data-params-codeinput="%E9%AA%8C%E8%AF%81%E7%A0%81" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="%E5%85%8D%E8%B4%B9%E4%B8%8A1%E8%AF%BE%EF%BC%8825%E5%88%86%E9%92%9F%EF%BC%89" data-params-phoneinput="%E6%89%8B%E6%9C%BA%E5%8F%B7" data-params-codebtn="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" class="button4">免费上1课(25分钟)</button>

    </div>
    </div>

    <style>
      @media (min-width:769px) { 
          .render-swiper-296-3 .options {  loop:false;  initialSlide:0;  centeredSlides:true;  slidesPerView:3;  spaceBetween:20;  direction:horizontal;  }
          
          .render-swiper-296-3 .list {  padding:.1rem .1rem .1rem .1rem;  width:100%;  }
          
          .render-swiper-296-3 .tabs {  padding:0 0 .3rem 0;  margin:0 auto 0 auto;  flex-direction:row;  display:flex;  width:90%;  justify-content:space-between;  }
          
          .render-swiper-296-3 .content {  flex-direction:row;  display:flex;  width:100%;  justify-content:space-between;  flex-wrap:wrap;  }
          
          .render-swiper-296-3 .btn {  border-radius:10px 10px 10px 10px;  background-color:#c30d23;  padding:0 0 0 0;  margin:.6rem auto 0 auto;  outline:none;  color:#fff;  display:none;  width:420px;  font-size:24px;  height:60px;  text-align:center;  }
          
          .render-swiper-296-3 .title {  color:#0e3180;  font-weight:bold;  font-size:.4rem;  line-height:1;  text-align:center;  }
          
          .render-swiper-296-3 .subtitle {  margin:.2rem 0 .5rem 0;  color:#333;  text-decoration:underline;  font-size:.3rem;  line-height:1;  text-align:center;  }
          
          .render-swiper-296-3 .container {  margin:0 auto 0 auto;  }
          
          .render-swiper-296-3 .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-296-3 .tab {  border-radius:40px 40px 40px 40px;  border:1px solid #c30d23;  cursor:pointer;  padding:0 0 0 0;  margin:0 0 0 0;  color:#c30d23;  width:17%;  font-size:20px;  line-height:40px;  text-align:center;  }
          
          .render-swiper-296-3 .text {  padding:.2rem .4rem 0 .4rem;  color:#444;  font-size:18px;  line-height:1.4;  text-align:center;  }
          
          .render-swiper-296-3 .slide {  }
          
          .render-swiper-296-3 .img {  display:block;  width:100%;  }
          
          .render-swiper-296-3  {  background-color:#fff;  padding:.6rem 0 .6rem 0;  }
           }
      @media (max-width:768px) { 
          .render-swiper-296-3 .options {  loop:false;  initialSlide:0;  centeredSlides:false;  slidesPerView:1;  spaceBetween:20;  direction:vertical;  }
          
          .render-swiper-296-3 .list {  border-radius:.1rem .1rem .1rem .1rem;  padding:.2rem .2rem .2rem .2rem;  box-shadow:0 0 .1rem .1rem rgba(200,200,200,.1);  flex:1;  height:4.8rem;  }
          
          .render-swiper-296-3 .tabs {  flex-direction:column;  display:flex;  width:2rem;  justify-content:space-between;  }
          
          .render-swiper-296-3 .content {  flex-direction:row-reverse;  display:flex;  width:100%;  justify-content:space-between;  flex-wrap:wrap;  }
          
          .render-swiper-296-3 .btn {  border-radius:.1rem .1rem .1rem .1rem;  background-color:#c30d23;  padding:0 0 0 0;  margin:.6rem auto 0 auto;  outline:none;  color:#fff;  display:block;  width:90%;  font-size:.32rem;  height:.9rem;  text-align:center;  }
          
          .render-swiper-296-3 .title {  color:#0e3180;  font-weight:bold;  font-size:.4rem;  line-height:1;  text-align:center;  }
          
          .render-swiper-296-3 .subtitle {  margin:.2rem 0 .5rem 0;  color:#333;  text-decoration:underline;  font-size:.3rem;  line-height:1;  text-align:center;  }
          
          .render-swiper-296-3 .container {  margin:0 auto 0 auto;  }
          
          .render-swiper-296-3 .item {  width:100%;  }
          
          .render-swiper-296-3 .tab {  border-radius:.4rem .4rem .4rem .4rem;  border:1px solid #c30d23;  cursor:pointer;  padding:0 0 0 0;  margin:0 0 0 10%;  color:#c30d23;  width:90%;  font-size:.26rem;  line-height:.6rem;  text-align:center;  }
          
          .render-swiper-296-3 .text {  padding:.2rem .8rem .1rem .8rem;  color:#444;  font-size:.26rem;  line-height:1.4;  text-align:center;  }
          
          .render-swiper-296-3 .slide {  }
          
          .render-swiper-296-3 .img {  display:block;  width:100%;  }
          
          .render-swiper-296-3  {  background-color:#fff;  padding:.6rem 0 .6rem 0;  }
           } 
    </style>
<style>
  .render-swiper-296-3 .active{
    background-color:#c30d23;color:#fff;border-color:#c30d23;
  }

  /* PC端 */
  @media (min-width:769px) {
    
  }
  /* 手机端 */
  @media (max-width:768px) {
    
  }
</style>

<div class="render-swiper-296-3">
  <div class="container">
    <h2 class="title">个性化定制课程</h2>
    
    <p class="subtitle">教你用得到的英语</p>

    <div class="content">
      <ol class="tabs">
        
    <li class="tab">日常口语</li>
    
    <li class="tab">商务英语</li>
    
    <li class="tab">0基础</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/acc/sem/cr/hy/crwjty/img/sec2-img1.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/crwjty/img/sec2-img2.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/crwjty/img/sec2-img3.png">
              <p class="text">趣味互动式教学0基础也能轻松入门</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/crwjty/img/sec2-img4.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/crwjty/img/sec2-img5.png">
              <p class="text">结合当地语言习惯教你更地道的表达</p>
            </div>
          </div>
    
        </div>
      </div>
    </div>

    <button class="btn" data-popup-id="11" data-params-button="%E5%85%8D%E8%B4%B9%E9%A2%84%E7%BA%A6" data-params-codeinput="%E9%AA%8C%E8%AF%81%E7%A0%81" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="%E9%A2%84%E7%BA%A6%E8%AF%95%E5%90%AC" data-params-phoneinput="%E6%89%8B%E6%9C%BA%E5%8F%B7" data-params-codebtn="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81">马上试听</button>
    
  </div>
</div>
<script>
  $(function(){
   var pc = {"loop":false,"initialSlide":0,"centeredSlides":true,"slidesPerView":3,"spaceBetween":20,"autoplay":{"delay":3000,"stopOnLastSlide":false,"disableOnInteraction":false},"direction":"horizontal"};
    var mo = {"loop":false,"initialSlide":0,"centeredSlides":false,"slidesPerView":1,"spaceBetween":20,"autoplay":{"delay":3000,"stopOnLastSlide":false,"disableOnInteraction":false},"direction":"vertical"};
  pc.on = {
    slideChangeTransitionStart: function(){
      const index = this.activeIndex;
      $('.render-swiper-296-3 .tabs li').eq(index).addClass('active').siblings('li').removeClass('active')
    },
  };
  mo.on = {
    slideChangeTransitionStart: function(){
      const index = this.activeIndex;
      $('.render-swiper-296-3 .tabs li').eq(index).addClass('active').siblings('li').removeClass('active')
    },
  };
   	
    const _swiper_course = new Swiper ('.render-swiper-296-3 .swiper-container',HtmlWidth >= 768 ? pc : mo);

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

    <style>
      @media (min-width:769px) { 
            .auto-element-293-4>.container>.button4 {  border-radius:.1rem .1rem .1rem .1rem;  background-color:rgba(195, 13, 35, 1);  padding:0 0 0 0;  margin:0 auto 0 auto;  color:white;  display:block;  width:4.2rem;  font-size:.24rem;  text-align:center;  height:.6rem;  }
            
            .auto-element-293-4>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#0e3180;  font-weight:bold;  font-size:.4rem;  line-height:1;  text-align:center;  }
            
            .auto-element-293-4>.container>.img3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:none;  }
            
            .auto-element-293-4>.container>.img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.4rem auto .5rem auto;  display:block;  }
            
            .auto-element-293-4>.container {  min-height:100px;  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  }
            
            .auto-element-293-4 {  background-color:#eaf0ff;  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-293-4>.container>.button4 {  border-radius:.1rem .1rem .1rem .1rem;  background-color:rgba(195, 13, 35, 1);  padding:0 0 0 0;  margin:0 auto 0 auto;  color:white;  display:block;  width:90%;  font-size:.32rem;  text-align:center;  height:.9rem;  }
            
            .auto-element-293-4>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#0e3180;  font-weight:bold;  font-size:.4rem;  line-height:1;  text-align:center;  }
            
            .auto-element-293-4>.container>.img3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.4rem auto .5rem auto;  display:block;  }
            
            .auto-element-293-4>.container>.img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:none;  }
            
            .auto-element-293-4>.container {  border-radius:0 0 0 0;  padding:0 .3rem 0 .3rem;  margin:0 auto 0 auto;  min-height:100px;  }
            
            .auto-element-293-4 {  background-color:#eaf0ff;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  min-height:100px;  }
             } 
    </style>
<div class="auto-element-293-4">
    <div class="container">
      
<p class="p1">试听流程</p>

<img class="img2" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/30/e8j96y5h1d3cfrxd91d98dc8j3h76w3m.png">

<img class="img3" src="https://img.acadsoc.com.cn/web/lps/acc/sem/cr/hy/crwjty/img/sec3-img.png">

<button data-popup-id="11" data-params-button="%E5%85%8D%E8%B4%B9%E9%A2%84%E7%BA%A6" data-params-codeinput="%E9%AA%8C%E8%AF%81%E7%A0%81" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="%E9%A2%84%E7%BA%A6%E8%AF%95%E5%90%AC" data-params-phoneinput="%E6%89%8B%E6%9C%BA%E5%8F%B7" data-params-codebtn="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" class="button4">预约试听</button>

    </div>
    </div>

    <style>
      @media (min-width:769px) { 
            .auto-element-280-5>.container>.img3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:none;  }
            
            .auto-element-280-5>.container>.img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  display:block;  }
            
            .auto-element-280-5>.container {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  }
            
            .auto-element-280-5 {  min-height:100px;  background-color:#fff;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  }
             }
      @media (max-width:768px) { 
            .auto-element-280-5>.container>.img3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  max-width:100%;  display:block;  }
            
            .auto-element-280-5>.container>.img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:none;  }
            
            .auto-element-280-5>.container {  border-radius:0 0 0 0;  padding:0 .3rem 0 .3rem;  margin:0 auto 0 auto;  min-height:100px;  }
            
            .auto-element-280-5 {  background-color:#fff;  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  min-height:100px;  }
             } 
    </style>
<div class="auto-element-280-5">
    <div class="container">
      
<img class="img2" src="https://img.acadsoc.com.cn/web/lps/banners/gif/pc.gif">

<img class="img3" src="https://img.acadsoc.com.cn/web/lps/sem/sher/jp/d/img/fot.gif">

    </div>
    </div>

    <style>
      @media (min-width:769px) { 
            .auto-element-230-6>.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-6>.container {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  }
            
            .auto-element-230-6 {  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-6>.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-6>.container {  border-radius:0 0 0 0;  padding:0 .3rem 0 .3rem;  margin:0 auto 0 auto;  }
            
            .auto-element-230-6 {  background-color:white;  border-radius:0 0 0 0;  padding:-20px 0 -20px 0;  margin:0 0 0 0;  }
             } 
    </style>
<div class="auto-element-230-6">
    <div class="container">
      
<p class="p1">*以上数据均为内部统计数据</p>

    </div>
    </div>

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

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


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

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

<div class="render-jsx-46-7" data-popup-id="11" data-params-button="%E5%85%8D%E8%B4%B9%E4%BD%93%E9%AA%8C" data-params-codeinput="%E9%AA%8C%E8%AF%81%E7%A0%81" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="%E4%BB%B7%E5%80%BC388%E5%85%83%E5%AD%A6%E4%B9%A0%E7%A4%BC%E5%8C%85" data-params-phoneinput="%E6%89%8B%E6%9C%BA%E5%8F%B7" data-params-codebtn="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81">
  <a>
    <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/02/x71dxaz4m3xlzkhzb7hbhtj937l96lwd.png" class="pc--show">
    <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/02/2n7amdz6mkdg1d3et9rgad6d867gm72e.png" class="mobile--show">
  </a>
</div>



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

  function bottomShow() {
    // 定位元素
    let fixedBottom = $('.render-jsx-46-7');
    // 头部元素
    let headerFixedElement = $('body>div').eq(0);
    // 底部元素
    let removeFixedElement = $('.render-jsx-46-7-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>
  
   .render-jsx-11-model .register-close{ cursor: pointer;}
  /* PC端 */
  @media (min-width:769px) {
  .render-jsx-11-model {  background-color:rgba(0,0,0,0.5);  top:0;  left:0;  bottom:0;  position:fixed;  right:0;  }
  .render-jsx-11-model .content{  background-color:white;  padding:.3rem .3rem .3rem .3rem;  transform:translate(-50%,-50%);  top:50%;  left:50%;  width:4rem;  position:absolute;  }
  
  
   .render-jsx-11-model .register-close{  top:.14rem;  width:.2rem;  position:absolute;  right:.14rem; 
  position:absolute;
  top:20px;
  right:20px;
  width:20px;
  }
  
  .render-jsx-11-model .title{  color:black;  font-weight:bold;  font-size:.24rem;  text-align:center;  }
  .render-jsx-11-model .phoneinput{  border:1px solid #ccc;  border-radius:60px 60px 60px 60px;  padding:0 .2rem 0 .2rem;  margin:.2rem 0 0 0;  font-size:.16rem;  line-height:.5rem;  height:.5rem;  text-align:left; }
  .render-jsx-11-model .codeinput{  border:1px solid #ccc;  border-radius:60px 60px 60px 60px;  padding:0 .2rem 0 .2rem;  margin:.2rem 0 0 0;  font-size:.16rem;  line-height:.5rem;  position:relative;  height:.5rem;  text-align:left;   }
  .render-jsx-11-model .btnGetSMS{  background-color:#c30d23;  border-radius:0 60px 60px 0;  padding:0 .2rem 0 .2rem;  color:white;  top:0;  font-size:.14rem;  position:absolute;  right:0;  height:100%;  }
  .render-jsx-11-model .registerSubmit{    background-color:#c30d23;  border-radius:60px 60px 60px 60px;  margin:.2rem 0 0 0;  color:white;  width:100%;  font-size:.18rem;  line-height:.5rem;  height:.5rem;  }
  
  }
  /* 手机端 */
  @media (max-width:768px) {
  .render-jsx-11-model {  background-color:rgba(0,0,0,0.5);  top:0;  left:0;  bottom:0;  position:fixed;  right:0;  }
  .render-jsx-11-model .content{  background-color:white;  padding:.3rem .3rem .3rem .3rem;  transform:translate(-50%,-50%);  top:50%;  left:50%;  width:6.5rem;  position:absolute;  }
  
   .render-jsx-11-model .register-close{
   top:.14rem;  width:.2rem;  position:absolute;  right:.14rem; 
  position:absolute;
  top:20px;
  right:20px;
  width:20px;
  }
  .render-jsx-11-model .title{  color:black;  font-weight:bold;  font-size:.4rem;  text-align:center;  }
  .render-jsx-11-model .phoneinput{  border:1px solid #ccc;  border-radius:60px 60px 60px 60px;  padding:0 .4rem 0 .4rem;  margin:.4rem 0 0 0;  font-size:.28rem;  line-height:.9rem;  height:.9rem;  text-align:left;  }
  .render-jsx-11-model .codeinput{  border:1px solid #ccc;  border-radius:60px 60px 60px 60px;  padding:0 .4rem 0 .4rem;  margin:.4rem 0 0 0;  font-size:.28rem;  line-height:.9rem;  position:relative;  height:.9rem;  text-align:left;   }
  .render-jsx-11-model .btnGetSMS{  background-color:#c30d23;  border-radius:0 60px 60px 0;  padding:0 .4rem 0 .4rem;  color:white;  top:0;  font-size:.28rem;  position:absolute;  right:0;  height:100%;  }
  .render-jsx-11-model .registerSubmit {  background-color:#c30d23;  border-radius:60px 60px 60px 60px;  margin:.4rem 0 0 0;  color:white;  width:100%;  font-size:.32rem;  line-height:.9rem;  height:.9rem;  }
  }
</style>

<div class="render-jsx-11-model" id="register-popup-11" style="display:none;">
  <div class="content">
    
    <img src="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" class="register-close close-popup closeimg">
    
    <p class="title">预约试听</p>
    <div class="input__div ">
      <input placeholder="手机号" type="tel" maxlength="11" name="TxtPhone" class="TxtPhone phoneinput">
    </div>
    
    <div class="input__div ">
      <input placeholder="" type="tel" maxlength="6" name="TxtCode" class="TxtCode codeinput">
      <button class="btnGetSMS codebtn" name="btnGetSMS"></button>
    </div>
    <button class="registerSubmit button" name="registerSubmit"></button>
  </div>
</div>

<style>
   .render-jsx-48-model .input__div img{
    margin: 0 4px;
  }
  
  .render-jsx-48-model {
  position:fixed;
  top:0;bottom:0;left:0;right:0;
  display:flex;
    background-color:rgba(0,0,0,0.5);
  }
  
  .render-jsx-48-model .content{
  margin:auto;
  text-align:center;
  position:relative;
  }
  
   .render-jsx-48-model .register-close{
  cursor: pointer;
  }
  
   .render-jsx-48-model .p1 input,
  .render-jsx-48-model .p2 input{
    padding:initial;
  	color:initial;
  }
  
  /* PC端 */
  @media (min-width:769px) {
  .render-jsx-48-model .content{
   background-color:white;  border-radius:4px;  padding:.6rem .45rem .6rem .45rem;  width:6rem; 
  }
  
   .render-jsx-48-model .register-close{
   top:.16rem;  width:.23rem;  right:.16rem;  position:absolute;  height:auto; 
  }
  
  .render-jsx-48-model .title{
   background-color:white;  padding:0 0 0 0;  margin:0 0 0 0;  color:black;  font-weight:bold;  font-size:.36rem;  line-height:1;  text-align:center; 
  }
  
  .render-jsx-48-model .time{
  
  }
  
  .render-jsx-48-model .register-phone{
   border-radius:60px;  border:1px solid #ccc;  padding:0 20px 0 20px;  margin:.4rem 0 0 0;  font-size:.28rem;  height:.9rem; 
  }
  
  
  .render-jsx-48-model .register-code{
   border-radius:60px;  border:1px solid #ccc;  padding:0 20px 0 20px;  margin:.3rem 0 0 0;  font-size:.28rem;  height:.9rem; 
  }
  
  .render-jsx-48-model .btnGetSMS{
   background-color:#c30d23;  border-radius:0 60px 60px 0;  padding:0 20px 0 20px;  color:white;  font-size:.28rem; 
  }
  
  .render-jsx-48-model .registerSubmit{
   background-color:#c30d23;  border-radius:60px;  padding:0 0 0 0;  margin:.4rem 0 0 0;  color:white;  width:100%;  font-size:.34rem;  line-height:2.6; 
  }
  }
  /* 手机端 */
  @media (max-width:768px) {
  .render-jsx-48-model .content{
   background-color:white;  border-radius:4px;  padding:.6rem .45rem .6rem .45rem;  width:6.4rem; 
  }
  
   .render-jsx-48-model .register-close{
   top:.16rem;  width:.23rem;  right:.16rem;  position:absolute;  height:auto; 
  }
  
  .render-jsx-48-model .title{
   background-color:white;  padding:0 0 0 0;  margin:0 0 0 0;  color:black;  font-weight:bold;  font-size:.36rem;  line-height:1;  text-align:center; 
  }
  
  .render-jsx-48-model .time{
  
  }
  
  .render-jsx-48-model .register-phone{
   border-radius:60px;  border:1px solid #ccc;  padding:0 20px 0 20px;  margin:.4rem 0 0 0;  font-size:.28rem;  height:.9rem; 
  }
  
  
  .render-jsx-48-model .register-code{
   border-radius:60px;  border:1px solid #ccc;  padding:0 20px 0 20px;  margin:.3rem 0 0 0;  font-size:.28rem;  height:.9rem; 
  }
  
  .render-jsx-48-model .btnGetSMS{
   background-color:#c30d23;  border-radius:0 60px 60px 0;  padding:0 20px 0 20px;  color:white;  font-size:.28rem; 
  }
  
  .render-jsx-48-model .registerSubmit{
   background-color:#c30d23;  border-radius:60px;  padding:0 0 0 0;  margin:.4rem 0 0 0;  color:white;  width:100%;  font-size:.34rem;  line-height:.9rem;  height:.9rem; 
  }
  }
</style>

<div class="render-jsx-48-model" id="register-popup-48" style="display:none;">
  <div class="content">
    <img src="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" class="register-close closeimg" data-module-id="48">
    <p class="title">免费上1课(25分钟)</p>
    
    <div class="input__div register-phone">
      <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/09/30/zn6tr45dgtgl7zwn2th78kgec2dhdeb7.png">
      <input placeholder="手机号" type="tel" maxlength="11" name="TxtPhone" class="TxtPhone phoneinput">
    </div>
    
    <div class="input__div register-code">
      
        <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/09/30/re7d1dtb2g61d1dbn2g2396enj28x2fb.png">
      <input placeholder="验证码" type="tel" maxlength="6" name="TxtCode" class="TxtCode codeinput">
      <button class="btnGetSMS codebtn" name="btnGetSMS">获取验证码</button>
    </div>
    <button class="registerSubmit button" name="registerSubmit">
      我要试听
    </button>
  </div>
</div>


  <footer class="footer ">
    <div class="footer-pc">
        <div class="footer-pc-left">
            <div>
                服务热线:400-600-1166<a href="http://www.miitbeian.gov.cn/" rel="nofollow" target="_blank">粤ICP备19156451号</a>
            </div>
            <div>本站信息由深圳市阿卡索资讯股份有限公司发布</div>
        </div>
        <div class="footer-pc-right">
            <img src="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/pcImg/footer.png" alt="Copyright">
        </div>
    </div>
    <div class="footer-m">
        <div class="footer-m-logo"></div>
        <div class="footer-m-tel">
            服务热线:400-600-1166<a href="http://www.miitbeian.gov.cn/" rel="nofollow" target="_blank">粤ICP备19156451号</a>
        </div>
        <div>本站信息由深圳市阿卡索资讯股份有限公司发布</div>
    </div>
</footer>


  <!--滑动验证生成-->
  <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/web/js/swiper-4.0.5.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(){
        const id = $(this).attr('data-popup-id');
        const popup = $('#register-popup-' + id);
        const attrs = this.attributes;
        // 更改字符
        for (let i = 0; i < attrs.length; i++) {
          const name = attrs[i].name;
          const value = decodeURI(attrs[i].value);
          if(name.indexOf('data-params-') !== -1){
            const ele = popup.find('.' + name.split('data-params-')[1]);
            if (!value) continue;
            if(value === 'false') {
              ele.hide();
              continue;
            } else if(value === 'true') {
              ele.show();
              continue;
            }
            if(!ele[0]) continue;
            // 根据标签名修改
            switch (ele[0].nodeName) {
              case 'IMG':
                ele.attr('src', value);
                break;
              case 'INPUT':
                ele.attr('placeholder', value)
                break;
              default:
                ele.html(getToday(value));
                break;
            }
          }
        }
        popup.fadeIn();
      })

      // 单链接跳转
      $('[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();
        
        
        

        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客服 -->
  


</body></html>