<!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="在线英语口语培训,在线英语培训,外教一对一,英语外教一对一,英语网络教学">
  <!--<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="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">
    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>
  <!--百度统计代码-->
  

  <!-- 百度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>

.fixed{
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 6;
  font-size: 0;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

* {
  padding: 0;
  margin: 0;
  outline: 0;
  border: 0;
  box-sizing: border-box;
  list-style: none;
  background:none;
}
body{
  background:none;
  font-size:0;
  background-color:white;
  max-width:750px;margin:0 auto;
}

img{max-width:100%;}

/* 弹窗 */
[id*=register-popup],
[id*=loading-popup],
[id*=back-popup],
[id*=success-popup]{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0,0.5);
  z-index:7 !important;
}

[id*=register-popup]{
  z-index:8 !important;
}

[id*=success-popup]{
  z-index:9 !important;
}

/* 输入框 */
.input__div {
  position: relative;
  width: 100%;
}
.input__div img{
  position: absolute;
  left: .2rem;
  top: 50%;
  transform: translateY(-50%);
}

.input__div img ~ input{
  padding-left:.5rem;
}

.input__div > input {
  font-size: inherit;
  width: 100%;
  line-height: inherit;
  padding:initial;
  color:initial;
  display:block;
  height:100%;
}

.input__div > button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

[data-popup-id]{
  cursor:pointer;
}

/* 按钮 */
button {
  max-width: 100%;
  display: block;
  cursor: pointer;
}
button:disabled{
  background-color: #aeaeae !important;
  cursor: no-drop !important;
}

/* swiper */
.swiper-container{}

.swiper-wrapper {}

.swiper-slide > img {
  width: 100%;
}

.scale-swiper .swiper-slide {
  width: 70%;
}

.scale-swiper .swiper-slide:not(.swiper-slide-active) {
  transform: scale(0.85);
}

.banner {
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
}

/* pc */
@media (min-width: 769px) {
  .mobile--show {
    display: none !important;
  }

}

/* mobile */
@media (max-width: 768px) {
  .pc--show {
    display: none !important;
  }
}

</style>
</head><body>

  <!-- js统计 -->
  <script src="https://img.acadsoc.com.cn/web/js/monitor/apm.web.js"></script>
  
  <header class="top ">
    <div class="header-wrap">
        <a class="header-logo" href="javascript:;"></a>
        <div class="header-text">省时 · 省钱 · 专业 · 贴心 · 有保障</div>
        <div class="header-tel"></div>
    </div>
</header>

  
    <style>
      
      @media (min-width:1px)  {
        .render-swiper-105-0 .bimg {  top:2.1rem;  width:1rem;  position:absolute;  right:0.3rem;  } 
.render-swiper-105-0 .btn {  color:white;  font-size:.36rem;  border-radius:60px;  background-image:linear-gradient(#e55119,#d01c1a);  height:.9rem;  padding:0 0 0 0;  margin:.3rem 0 0;  width:100%;  } 
.render-swiper-105-0 .codebtn {  color:white;  font-size:.28rem;  border-radius:60px;  background-color:#b81c25;  top:0;  height:100%;  text-align:center;  padding:0 .3rem;  margin:0 0 0 0;  right:0;  position:absolute;  } 
.render-swiper-105-0 .title {  color:#333;  font-weight:700;  font-size:.46rem;  padding:1rem 0 .25rem;  margin:0 0 0 0;  line-height:1.5;  } 
.render-swiper-105-0 .text {  color:#888888;  font-size:0.24rem;  text-align:left;  padding:0 0 6% 2.5%;  margin:.4rem auto 0;  line-height:1.5;  width:82%;  position:relative;  } 
.render-swiper-105-0 .timg {  margin:auto;  top:-.3rem;  left:0;  width:90%;  position:absolute;  right:0;  } 
.render-swiper-105-0 .phone {  font-size:.28rem;  border-radius:60px;  height:.9rem;  text-align:center;  border:.01rem solid #d2d2d2;  padding:0  0 0;  margin:0 auto;  display:block;  line-height:.9rem;  width:100%;  } 
.render-swiper-105-0 .code {  font-size:.28rem;  border-radius:60px;  height:.9rem;  text-align:left;  border:.01rem solid #d2d2d2;  padding:0 0 0 1rem;  margin:.3rem auto 0;  display:block;  line-height:.9rem;  width:100%;  position:relative;  } 
.render-swiper-105-0 .el {  z-index:2;  border-radius:.2rem;  background-color:#fff;  box-shadow:0 3px 10px 1px rgba(21,62,146,0.22);  text-align:center;  border:1px solid #fff;  padding:0 .4rem 0 .4rem;  margin:-.7rem auto 0;  width:92%;  position:relative;  } 
.render-swiper-105-0 .container {  padding:0;  margin:0 auto;  } 
.render-swiper-105-0  {  background-color:white;  } 

      }
    </style>
<style>
/* PC端 */

/* 手机端 */
@media (min-width:1px)  {

}
</style>

<div class="render-swiper-105-0">
  
  
    <div class="swiper-container">
      <div class="swiper-wrapper">
        
    <div class="swiper-slide">
    <img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/banner1.jpg" style="width:100%;">
    </div>
    
    <div class="swiper-slide">
    <img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/banner2.jpg" style="width:100%;">
    </div>
    
    <div class="swiper-slide">
    <img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/banner3.jpg" style="width:100%;">
    </div>
    
      </div>
    </div>
    
  <div class="container">
    
   <div class="el">
      <img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/big-bq.png" class="timg">
    <p class="title">国际外教一对一精品课<br><span style="color:#B81C25;">免费试学</span></p>
    
     <div class="input__div">
       <input placeholder="请输入您的手机号" type="tel" maxlength="11" name="TxtPhone" class="TxtPhone phone">
    </div>
    
    <div class="input__div duanxin" style="display:none;">
       <input placeholder="验证码" type="tel" maxlength="11" name="TxtCode" class="TxtCode code">
    <button class="codebtn btnGetSMS" name="btnGetSMS">获取验证码</button>
        
    </div>
      
    <button class="btn" name="registerSubmit">立即领取</button>
    <p class="text"><span style="color:#c30d23;">*</span> 领取成功后,学习顾问会在<span style="color:#c30d23;">2小时内</span>,电话联系您安排上课,请<span style="color:#c30d23;">注意接听</span></p>
    
    <img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/icons-99.png" class="bimg">
    </div>
    
  </div>
</div>

<script>
  
  $(function(){
  	new Swiper('.render-swiper-105-0 .swiper-container', {
            loop: true,
            autoplay: {
                disableOnInteraction: false,
            },
        });
  	
  })
</script>

<style>
  /* PC端 */
  
  /* 手机端 */
  @media (min-width:1px)  {
  .render-jsx-14-1 {
   background-color:white;  text-align:center;  padding:0.74rem  0 0.2rem 0;  margin:0 0 0 0; 
  }

  .render-jsx-14-1 >p{
   color:#2a3a6e;  font-weight:bold;  font-size:0.42rem;  text-align:center;  padding:0 0 0 0;  margin:0 0 0 0;  display:inline-block;  line-height:1;  width:auto; 
  }
  }
</style>


<div class="render-jsx-14-1">
  <p><span style="font-size: 0.46rem;color: #b81c25;">请选择</span> 你的身份</p>
</div>

    <style>
      
      @media (min-width:1px)  {
        .render-swiper-104-2 .ptext {  color:#00269A;  font-size:.22rem;  border-radius:.3rem;  background-color:#fff;  height:.6rem;  text-align:center;  border:.02rem solid #00269A;  padding:0 0 0 0;  margin:0 0 .27rem;  display:block;  line-height:.56rem;  width:1.74rem;  position:relative;  opacity:1;  } 
.render-swiper-104-2 .item {  padding:.15rem;  box-shadow:0 0 .1rem .1rem rgba(200,200,200,.1);  width:100%;  } 
.render-swiper-104-2 .img {  height:auto;  padding:0 0 0 0;  margin:0 0 0 0;  display:block;  width:100%;  } 
.render-swiper-104-2 .pac {  background-color:#c30d23;  border:0.02rem solid #c30d23;  color:#fff;  } 
.render-swiper-104-2 .p {  margin:.5rem auto 0;  display:flex;  width:6.63rem;  justify-content:space-between;  position:relative;  flex-wrap:wrap;  } 
.render-swiper-104-2 .container {  padding:0 .3rem;  margin:0 auto;  } 
.render-swiper-104-2  {  background-color:#fff;  } 

      }
    </style>
<div class="render-swiper-104-2">
  <div class="container">
    <div class="swiper-pagination p" style="z-index:1;"></div>
    <div class="swiper-container">
      <div class="swiper-wrapper">
        
    <div class="swiper-slide">
    	<img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/id1.png" class="img">
    </div>
    
    <div class="swiper-slide">
    	<img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/id2.png" class="img">
    </div>
    
    <div class="swiper-slide">
    	<img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/id3.png" class="img">
    </div>
    
    <div class="swiper-slide">
    	<img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/id4.png" class="img">
    </div>
    
    <div class="swiper-slide">
    	<img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/id5.png" class="img">
    </div>
    
    <div class="swiper-slide">
    	<img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/id6.png" class="img">
    </div>
    
      </div>
    </div>
  </div>
</div>

<script>
 $(function(){
  	let texts = ['0基础','口语提升','学生','上班族','自由职业','雅思/托福',];
    new Swiper('.render-swiper-104-2 .swiper-container',{
  		loop: true,
      autoplay: {
      	disableOnInteraction: false,
      },
      pagination:{
        el:'.render-swiper-104-2 .swiper-pagination',
        bulletActiveClass:'pac',
  			clickable:true,
        renderBullet: function (index, className) {
          return `<span class='${className} ptext'>${texts[index]}</span>`;
        },
      },
    })
  })
</script>

<style>
/* PC端 */

/* 手机端 */
@media (min-width:1px)  {
  .render-jsx-7-3 {
   background-color:white;  text-align:center;  padding:.4rem 0 .74rem 0;  margin:0 0 0 0; 
  }
  .render-jsx-7-3 >button {
  margin:0 auto;
   color:white;  font-size:.34rem;  background-color:rgb(195, 13, 35);  border-radius:60px 60px 60px 60px;  height:.9rem;  padding:0 0 0 0;  margin:0 auto 0 auto;  display:block;  width:6.4rem; 
  }
}
</style>

<div class="render-jsx-7-3">
  <button data-popup-id="108" data-params-code="输入验证码" data-params-phone="输入手机号码,免费领取学习资料包" data-params-text="价值388元,新人必备!" data-params-title="<span style=&quot;color:#c30d23&quot;>免费领!</span>英语学习资料包" data-params-codebtn="获取验证码" data-params-btn="立即领取" data-params-close="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/icons-close.png">
    免费试学
  </button>
</div>

<style>
  /* PC端 */
  
  /* 手机端 */
  @media (min-width:1px)  {
  .render-jsx-14-4 {
   background-color:#F3F5FF;  text-align:center;  padding:0.74rem  0 0.2rem 0;  margin:0 0 0 0; 
  }

  .render-jsx-14-4 >p{
   color:#2a3a6e;  font-weight:bold;  font-size:0.42rem;  text-align:center;  padding:0 0 0 0;  margin:0 0 0 0;  display:inline-block;  line-height:1;  width:auto; 
  }
  }
</style>


<div class="render-jsx-14-4">
  <p><span style="font-size: 0.46rem;color: #b81c25;">精挑细选</span> 成就王者之师</p>
</div>

<style>
/* PC端 */

/* 手机端 */
@media (min-width:1px)  {
  .render-jsx-87-5 {  margin:0 auto;  }
  .render-jsx-87-5 .container {  background-color:#F3F5FF;  padding:0 0 0 0;  margin:0 auto;  }
  .render-jsx-87-5 .img {  padding:0 0 0 0;  margin:0 auto 0 auto;  display:block;  width:6.84rem;  }
}
</style>

<div class="render-jsx-87-5">
  <div class="container">
    <img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/zs1.png" class="img">
  </div>
</div>

<style>
/* PC端 */

/* 手机端 */
@media (min-width:1px)  {
  .render-jsx-87-6 {  margin:0 auto;  }
  .render-jsx-87-6 .container {  background-color:#F3F5FF;  padding:.4rem 0 .4rem 0;  margin:0 auto;  }
  .render-jsx-87-6 .img {  padding:0 0 0 0;  margin:0 auto 0 auto;  display:block;  width:6.84rem;  }
}
</style>

<div class="render-jsx-87-6">
  <div class="container">
    <img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/teacher1.png" class="img">
  </div>
</div>

<style>
/* PC端 */

/* 手机端 */
@media (min-width:1px)  {
  .render-jsx-87-7 {  margin:0 auto;  }
  .render-jsx-87-7 .container {  background-color:#F3F5FF;  padding:0 0 0 0;  margin:0 auto;  }
  .render-jsx-87-7 .img {  padding:0 0 0 0;  margin:0 auto 0 auto;  display:block;  width:6.84rem;  }
}
</style>

<div class="render-jsx-87-7">
  <div class="container">
    <img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/teacher2.png" class="img">
  </div>
</div>

<style>
/* PC端 */

/* 手机端 */
@media (min-width:1px)  {
  .render-jsx-7-8 {
   background-color:#F3F5FF;  text-align:center;  padding:.5rem 0 .74rem 0;  margin:0 0 0 0; 
  }
  .render-jsx-7-8 >button {
  margin:0 auto;
   color:white;  font-size:.34rem;  background-color:rgb(195, 13, 35);  border-radius:60px 60px 60px 60px;  height:.9rem;  padding:0 0 0 0;  margin:0 auto 0 auto;  display:block;  width:6.4rem; 
  }
}
</style>

<div class="render-jsx-7-8">
  <button data-popup-id="108" data-params-code="输入验证码" data-params-phone="输入手机号码,免费领取学习资料包" data-params-text="价值388元,新人必备!" data-params-title="<span style=&quot;color:#c30d23&quot;>免费领!</span>英语学习资料包" data-params-codebtn="获取验证码" data-params-btn="立即领取" data-params-close="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/icons-close.png">
    免费试学
  </button>
</div>

<style>
  /* PC端 */
  
  /* 手机端 */
  @media (min-width:1px)  {
  .render-jsx-14-9 {
   background-color:white;  text-align:center;  padding:0.74rem  0 0.2rem 0;  margin:0 0 0 0; 
  }

  .render-jsx-14-9 >p{
   color:#2a3a6e;  font-weight:bold;  font-size:0.42rem;  text-align:center;  padding:0 0 0 0;  margin:0 0 0 0;  display:inline-block;  line-height:1;  width:auto; 
  }
  }
</style>


<div class="render-jsx-14-9">
  <p><span style="font-size: 0.46rem;color: #b81c25;">精挑细选</span> 成就王者之师</p>
</div>

    <style>
      
      @media (min-width:1px)  {
        .render-swiper-104-10 .ptext {  color:rgba(195, 13, 35, 1);  font-size:.22rem;  border-radius:.3rem;  background-color:#fff;  height:.6rem;  text-align:center;  border:.02rem solid rgba(195, 13, 35, 1);  padding:0 0 0 0;  margin:0 0 .27rem;  display:block;  line-height:.56rem;  width:1.74rem;  position:relative;  opacity:1;  } 
.render-swiper-104-10 .item {  padding:.15rem;  box-shadow:0 0 .1rem .1rem rgba(200,200,200,.1);  width:100%;  } 
.render-swiper-104-10 .img {  height:auto;  padding:0 0 0 0;  margin:0 0 0 0;  display:block;  width:100%;  } 
.render-swiper-104-10 .pac {  background-color:#c30d23;  border:0.02rem solid #c30d23;  color:#fff;  } 
.render-swiper-104-10 .p {  flex-wrap:wrap;  padding:0 0 0 0;  margin:.5rem auto 0;  display:flex;  width:6.63rem;  justify-content:space-between;  position:relative;  } 
.render-swiper-104-10 .container {  padding:0 .3rem;  margin:0 auto;  } 
.render-swiper-104-10  {  background-color:#fff;  } 

      }
    </style>
<div class="render-swiper-104-10">
  <div class="container">
    <div class="swiper-pagination p" style="z-index:1;"></div>
    <div class="swiper-container">
      <div class="swiper-wrapper">
        
    <div class="swiper-slide">
    	<img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/select1.png" class="img">
    </div>
    
    <div class="swiper-slide">
    	<img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/select2.png" class="img">
    </div>
    
    <div class="swiper-slide">
    	<img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/select3.png" class="img">
    </div>
    
    <div class="swiper-slide">
    	<img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/select4.png" class="img">
    </div>
    
    <div class="swiper-slide">
    	<img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/select5.png" class="img">
    </div>
    
    <div class="swiper-slide">
    	<img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/select6.png" class="img">
    </div>
    
      </div>
    </div>
  </div>
</div>

<script>
 $(function(){
  	let texts = ['全国前二','明星力荐','1对1转辅','量需定制','即约即学','同步测辅',];
    new Swiper('.render-swiper-104-10 .swiper-container',{
  		loop: true,
      autoplay: {
      	disableOnInteraction: false,
      },
      pagination:{
        el:'.render-swiper-104-10 .swiper-pagination',
        bulletActiveClass:'pac',
  			clickable:true,
        renderBullet: function (index, className) {
          return `<span class='${className} ptext'>${texts[index]}</span>`;
        },
      },
    })
  })
</script>

<style>
/* PC端 */

/* 手机端 */
@media (min-width:1px)  {
  .render-jsx-7-11 {
   background-color:white;  text-align:center;  padding:.5rem 0 .74rem 0;  margin:0 0 0 0; 
  }
  .render-jsx-7-11 >button {
  margin:0 auto;
   color:white;  font-size:.34rem;  background-color:rgb(195, 13, 35);  border-radius:60px 60px 60px 60px;  height:.9rem;  padding:0 0 0 0;  margin:0 auto 0 auto;  display:block;  width:6.4rem; 
  }
}
</style>

<div class="render-jsx-7-11">
  <button data-popup-id="108" data-params-code="输入验证码" data-params-phone="输入手机号码,免费领取学习资料包" data-params-text="价值388元,新人必备!" data-params-title="<span style=&quot;color:#c30d23&quot;>免费领!</span>英语学习资料包" data-params-codebtn="获取验证码" data-params-btn="立即领取" data-params-close="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/icons-close.png">
    免费试学
  </button>
</div>

    <style>
      
      @media (min-width:1px)  {
        .render-jsx-107-12 .bul {  padding:0 0 0 .45rem;  display:flex;  flex-wrap:wrap;  } 
.render-jsx-107-12 .tul {  padding:0 0 0 .45rem;  display:flex;  flex-wrap:wrap;  } 
.render-jsx-107-12 .btn {  color:white;  font-size:.36rem;  border-radius:60px;  background-image:linear-gradient(#e55119,#d01c1a);  height:.9rem;  padding:0 0 0 0;  margin:.3rem 0 0;  width:6.4rem;  } 
.render-jsx-107-12 .codebtn {  color:white;  font-size:.28rem;  border-radius:60px;  background-color:#b81c25;  top:0;  height:100%;  text-align:center;  padding:0 .3rem;  margin:0 0 0 0;  right:-0.2em;  position:absolute;  } 
.render-jsx-107-12 .text2 {  padding:0 0 0 .45rem;  margin:0.5rem 0 0.35rem;  color:#122b88;  font-weight:bold;  font-size:.36rem;  position:relative;  text-align:left;  } 
.render-jsx-107-12 .text1 {  color:#2a3a6e;  font-weight:bold;  font-size:0.42rem;  text-align:center;  padding:0 0 0 0;  margin:0 0 0.2rem;  } 
.render-jsx-107-12 .phone {  font-size:.28rem;  border-radius:60px;  background-color:white;  height:.9rem;  text-align:left;  border:.01rem solid #192e79;  padding:0 0 0 .8rem;  margin:0 auto;  display:block;  line-height:.9rem;  width:100%;  } 
.render-jsx-107-12 .text3 {  padding:0 0 0 .45rem;  margin:0.5rem 0 0.35rem;  color:#122b88;  font-weight:bold;  font-size:.36rem;  position:relative;  text-align:left;  } 
.render-jsx-107-12 .code {  font-size:.28rem;  border-radius:60px;  background-color:white;  height:.9rem;  text-align:left;  border:.01rem solid #192e79;  padding:0 0 0 .8rem;  margin:.3rem auto 0;  display:block;  line-height:.9rem;  width:100%;  position:relative;  } 
.render-jsx-107-12 .img {  margin:0 auto .35rem;  display:block;  width:6.1rem;  } 
.render-jsx-107-12 .container {  padding:0;  margin:0 auto;  } 
.render-jsx-107-12 .textbefore {  border-radius:.5rem;  transform:translateY(-50%);  top:50%;  left:.25rem;  background:#122b88;  display:block;  width:.08rem;  position:absolute;  content:"";  height:.26rem;  } 
.render-jsx-107-12 .li {  cursor:pointer;  padding:0 0 0 .4rem;  background-repeat:no-repeat;  margin:0 0 .3rem;  background-size:.28rem auto;  color:#696969;  letter-spacing:.02rem;  width:43%;  font-size:.26rem;  background-image:url(https://img.acadsoc.com.cn/web/lps/acc/sem/baidu/pz/cr/img/select.png);  background-position:left center;  text-align:left;  } 
.render-jsx-107-12  {  z-index:3;  background-image:linear-gradient(#eef5ff,#fff 95%,transparent);  padding:0.74rem 0.6rem;  margin:0 0 0 0;  } 

      }
    </style>
<style>
  
  .render-jsx-107-12 .text2::after,
  .render-jsx-107-12 .text3::after{
  			 border-radius:.5rem;  transform:translateY(-50%);  top:50%;  left:.25rem;  background:#122b88;  display:block;  width:.08rem;  position:absolute;  content:"";  height:.26rem; 
      }
  
  .render-jsx-107-12 .li.active {
  	font-weight: 600;
    background: url(https://img.acadsoc.com.cn/web/lps/acc/sem/baidu/pz/cr/img/selected.png) no-repeat left center;
    background-size: .28rem auto;
    color: #b51b2e;
  }
  
</style>

<div class="render-jsx-107-12">
  <div class="container">
    <p class="text1">在线学英语 要花<span style="color:#b81c25;font-size:0.46rem;">多少钱?</span></p>
    <p class="text2">请选择你的英语水平:</p>
    
    <ul class="tul">
    
    	<li class="li">0基础</li>
    
    	<li class="li">认识少量单词</li>
    
    	<li class="li">四级以上</li>
    
    	<li class="li">不清楚自身水平</li>
      
    </ul>
    
    
    
    <p class="text3">请选择你的学习目标(可多选):</p>
      <ul class="bul">
    
    	<li class="li">个人储备</li>
    
    	<li class="li">商务交流</li>
    
    	<li class="li">提升口语</li>
    
    	<li class="li">出国</li>
    
    	<li class="li">英语考研</li>
    
    	<li class="li">雅思托福</li>
    
    	<li class="li">四级六级</li>
    
    	<li class="li">其他</li>
      
    </ul>
    <img src="">
    
      <div class="input__div">
       <input placeholder="请输入手机号码,接收评估结果信息" type="tel" maxlength="11" name="TxtPhone" class="TxtPhone phone">
    </div>
    
    <div class="input__div">
       <input placeholder="请输入短信验证码" type="tel" maxlength="11" name="TxtCode" class="TxtCode code">
    <button class="codebtn btnGetSMS" name="btnGetSMS">获取验证码</button>
        
    </div>
      
    <button class="btn" name="registerSubmit">免费评估</button>
  </div>
</div>

<script>
  $(function(){
  
  	$('.render-jsx-107-12 .tul li').click(function(){
			$('.render-jsx-107-12 .tul li').removeClass('active');
  		$(this).addClass('active');
		})
  
  	$('.render-jsx-107-12 .bul li').click(function(){
  		$(this).hasClass('active') ? $(this).removeClass('active')  : $(this).addClass('active');
		})
  
  })
</script>

    <style>
      
      @media (min-width:1px)  {
        .render-jsx-106-13 .btn {  color:white;  font-size:.36rem;  background-color:#b81c25;  border-radius:60px;  height:.9rem;  padding:0 0 0 0;  margin:.3rem 0 0;  width:6.4rem;  } 
.render-jsx-106-13 .codebtn {  color:white;  font-size:.28rem;  border-radius:60px;  background-color:#b81c25;  top:0;  height:100%;  text-align:center;  padding:0 .3rem;  margin:0 0 0 0;  right:0;  position:absolute;  } 
.render-jsx-106-13 .phone {  font-size:.28rem;  border-radius:60px;  background-color:white;  height:.9rem;  text-align:left;  border:.01rem solid #192e79;  padding:0 0 0 .8rem;  margin:0 auto;  display:block;  line-height:.9rem;  width:100%;  } 
.render-jsx-106-13 .code {  font-size:.28rem;  border-radius:60px;  background-color:white;  height:.9rem;  text-align:left;  border:.01rem solid #192e79;  padding:0 0 0 .8rem;  margin:.3rem auto 0;  display:block;  line-height:.9rem;  width:100%;  position:relative;  } 
.render-jsx-106-13 .img {  padding:0 0 0 0;  margin:0 auto .25rem;  display:block;  width:6.9rem;  } 
.render-jsx-106-13 .container {  margin:0 auto;  } 
.render-jsx-106-13  {  background-size:100% auto;  background-repeat:no-repeat;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/11/21/wptatyc5wnkgplth9yr5924fwedm2yba.png);  text-align:center;  padding:0.74rem 0.3rem;  margin:0 0 0 0;  background-position:center top;  } 

      }
    </style>
<style>
/* PC端 */

/* 手机端 */
@media (min-width:1px)  {

}
</style>

<div class="render-jsx-106-13">
  <div class="container">
    <img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/how.png" class="img">
      <div class="input__div">
       <input placeholder="请输入您的手机号" type="tel" maxlength="11" name="TxtPhone" class="TxtPhone phone">
    </div>
    
    <div class="input__div">
       <input placeholder="请输入短信验证码" type="tel" maxlength="11" name="TxtCode" class="TxtCode code">
    <button class="codebtn btnGetSMS" name="btnGetSMS">获取验证码</button>
        
    </div>
      
    <button class="btn" name="registerSubmit">免费报名</button>
  </div>
</div>

<style>
  /* PC端 */
  
  /* 手机端 */
  @media (min-width:1px)  {
  .render-jsx-14-14 {
   background-color:white;  text-align:center;  padding:0.74rem  0 0 0;  margin:0 0 0 0; 
  }

  .render-jsx-14-14 >p{
   color:#2a3a6e;  font-weight:bold;  font-size:0.42rem;  text-align:center;  padding:0 0 0 0;  margin:0 0 0 0;  display:inline-block;  line-height:1;  width:auto; 
  }
  }
</style>


<div class="render-jsx-14-14">
  <p><span style="font-size: 0.46rem;color: #b81c25;">大品牌</span>  更值得信赖</p>
</div>

<style>
  
  /* PC端 */
  
  
  /* 手机端 */
  @media (min-width:1px)  {
    .render-swiper-64-15 {  background-color:white;  padding:.74rem 0 .74rem 0;  margin:0 0 0 0;  position:relative;   position:relative;}
    .render-swiper-64-15 .container {   }
    .render-swiper-64-15 .swiper-slide {  border-radius:10px;  background-color:#122b88;  text-align:center;  padding:.15rem .15rem .15rem .15rem;  margin:0 0 0 0;  width:60%; }
    .render-swiper-64-15 .img {  }
    .render-swiper-64-15 .text {  color:white;  font-size:.26rem;  height:0.5rem;  padding:0 0 0 0;  margin:.2rem 0 .2rem 0;  display:flex;  line-height:1.4;  justify-content:center;  align-items:center;  }
  }
  .render-swiper-64-15 .swiper-pagination-bullet {
  	margin: 0 .12rem;
    width: .16rem;
    height: .16rem;
	}
  
  .render-swiper-64-15 .swiper-slide-active,
  .render-swiper-64-15 .swiper-pagination-bullet-active{
  	background-color:rgba(195, 13, 35, 1) !important;
  }
</style>

<div class="render-swiper-64-15">
  <div class="container">
    <div class="swiper-container scale-swiper">
      <div class="swiper-wrapper">
					
<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/c63p5nyz9kn9w1d4h84ceng7k7ftxwa8.png" class="img">
<p class="text">2017中国品牌影响力<br>外语教育机构</p>
</div>


<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/7lexfjn9ef9m3xc9n1d1dltaknfkxzcj.png" class="img">
<p class="text">雅思考试合作伙伴项目<br>铜级合作伙伴</p>
</div>


<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/wab878da7nzgndbtmdb1dfh91dn395jz.png" class="img">
<p class="text">2018年度影响力<br>外语教育品牌</p>
</div>


<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/473rh43ad9lewa634fcg84nlr2r4j1d8.png" class="img">
<p class="text">2016中国行业领先教育集团</p>
</div>


<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/trbytkmadzkgfyhj6cm29k7kl1dxhm6a.png" class="img">
<p class="text">国家级高新技术企业</p>
</div>


      </div>
    </div>
  </div>
  <div class="swiper-pagination" style="z-index:2;bottom: 0;width:100%;"></div>
</div>

<script>
  $(function(){
  new Swiper('.render-swiper-64-15 .swiper-container',{
  	loop:true,
  slidesPerView: HtmlWidth <= 768 ? 'auto' : 3,
  centeredSlides: true,
  pagination: {
    el: '.render-swiper-64-15 .swiper-pagination',
  },
  autoplay: {
    delay: 6000,
    disableOnInteraction: false,
    }
  })
 })
  
</script>

<style>
  /* PC端 */
  
  /* 手机端 */
  @media (min-width:1px)  {
  .render-jsx-14-16 {
   background-color:white;  text-align:center;  padding:0.4rem 0 0 0;  margin:0 0 0 0; 
  }

  .render-jsx-14-16 >p{
   color:#666;  font-size:.28rem;  text-align:center;  padding:0 0 0 0;  margin:0 0 0 0;  display:inline-block;  line-height:1;  width:auto; 
  }
  }
</style>


<div class="render-jsx-14-16">
  <p>*以上数据均为内部统计数据</p>
</div>

<style>
  .fixed{left:initial;  }
/* PC端 */

/* 手机端 */
@media (min-width:1px)  {
  .render-jsx-71-17 {  }
  
  .render-jsx-71-17 {  height:auto;  padding:0 0 0 0;  margin:-.5rem 0 0 0;  }
}
</style>
<div class="render-jsx-71-17-top"></div>

<img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/fixedBottom.png" class="render-jsx-71-17" data-popup-id="108" data-params-code="输入验证码" data-params-phone="输入手机号码,免费领取学习资料包" data-params-text="价值388元,新人必备!" data-params-title="<span style=&quot;color:#c30d23&quot;>免费领!</span>英语学习资料包" data-params-codebtn="获取验证码" data-params-btn="立即领取" data-params-close="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/icons-close.png">



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

  function bottomShow() {
    // 定位元素
    let fixedBottom = $('.render-jsx-71-17');
    // 头部元素
    let headerFixedElement = $('body>div').eq(0);
    // 底部元素
    let removeFixedElement = $('.render-jsx-71-17-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:1px)  {
  .render-jsx-77-undefined {  background-color:rgba(0,0,0,0.5);  top:0;  left:0;  bottom:0;  position:fixed;  right:0;  }
  .render-jsx-77-undefined .con {  transform:translate(-50%,-50%);  top:50%;  left:50%;  width:6.5rem;  position:absolute;  }
  .render-jsx-77-undefined .img {  width:100%;  }
  .render-jsx-77-undefined .div {  padding:0 .7rem;  bottom:.4rem;  display:flex;  width:100%;  position:absolute;  align-items:center;  }
  .render-jsx-77-undefined .leftbtn {  border-radius:60px;  padding:.26rem 0;  box-shadow:rgb(186, 2, 33) 0px 0.06rem 0px 0px;  color:#FFB9B9;  flex:1;  letter-spacing:2px;  font-size:.35rem;  background-image:linear-gradient(0deg, #FF4D6A, #FF3232);  }
  .render-jsx-77-undefined .rightbtn {  color:#FF1200;  font-size:.35rem;  border-radius:60px;  box-shadow:rgb(186, 2, 33) 0px 0.06rem 0px 0px;  flex:1;  background-image:linear-gradient(0deg, #FDAA03, #FEEF55);  padding:.26rem 0;  margin:0 0 0 .2rem;  letter-spacing:2px;  }
}
</style>

<div class="render-jsx-77-undefined" id="loading-popup-77">
  <div class="con">
    <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/30/31d56wz2lny5p8lpnjmg3d45knbf6w9t.png" class="img">
    
    <div class="div">
      <button class="leftbtn close-popup">残忍放弃</button>
        <button class="rightbtn close-popup" data-popup-id="108" data-params-code="输入验证码" data-params-phone="输入手机号码,免费领取学习资料包" data-params-text="价值388元,新人必备!" data-params-title="<span style=&quot;color:#c30d23&quot;>免费领!</span>英语学习资料包" data-params-codebtn="获取验证码" data-params-btn="立即领取" data-params-close="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/icons-close.png">免费领取</button>
    </div>
  </div>
</div>
    <style>
      
      @media (min-width:1px)  {
        .render-jsx-111-undefined .btn {  border-radius:.4rem;  background-color:#1aad19;  margin:.3rem auto 0;  color:#fff;  display:block;  width:60%;  font-size:.24rem;  line-height:2.6;  text-align:center;  } 
.render-jsx-111-undefined .codetext {  color:#333;  font-size:.24rem;  text-align:center;  } 
.render-jsx-111-undefined .closebtn {  transform:translateX(-50%);  left:50%;  bottom:-.8rem;  display:block;  width:.5rem;  position:absolute;  height:auto;  } 
.render-jsx-111-undefined .codeimg {  border:.12rem solid #96d955;  margin:0 auto .4rem;  display:block;  width:50%;  } 
.render-jsx-111-undefined .p2 {  padding:.15rem 0 .2rem;  color:#444;  font-weight:bold;  font-size:.24rem;  line-height:1;  text-align:center;  } 
.render-jsx-111-undefined .img {  display:block;  width:100%;  } 
.render-jsx-111-undefined .p1 {  color:#666;  font-size:.20rem;  line-height:1;  text-align:center;  } 
.render-jsx-111-undefined .absolute {  transform:translateX(-50%);  top:2.2rem;  left:50%;  width:84%;  position:absolute;  } 
.render-jsx-111-undefined .relative {  width:100%;  position:relative;  } 
.render-jsx-111-undefined  {  background-color:rgba(0,0,0,.5);  top:0;  left:0;  width:100%;  position:fixed;  height:100%;  } 
.render-jsx-111-undefined .container {  transform:translate(-50%,-50%);  top:45%;  left:50%;  width:7rem;  position:absolute;  } 

      }
    </style>
<div class="render-jsx-111-undefined" id="success-popup-111" style="display:none;">
  <div class="container">
    <div class="relative">
    	<img src="https://img.acadsoc.com.cn/web/lps/sem/img/modal-ribbon-bg.png" class="img">
      <img src="https://img.acadsoc.com.cn/web/img/temp/om-shequn-close2.png" class="closebtn close-popup">
      <div class="absolute">
      	<img src="https://img.acadsoc.com.cn/web/lps/sem/img/code-chgcxc.png" class="codeimg">
        <p class="p1">添加微信(请备注手机号)加入学员知识互动社群</p>
        <p class="p2">更有<span style="color:#1aad19;">外教课/现金红包</span>双重好礼等你来拿!</p>
        <p class="codetext">微信号:chgcxc</p>
        <button type="button" data-copy-wx="chgcxc" class="btn">复制微信号</button>
      </div>
    </div>
  </div>
</div>
    <style>
      
      @media (min-width:1px)  {
        .render-jsx-108-1 .close {  cursor:pointer;  transform:translateX(-50%);  height:.5rem;  padding:0 0 0 0;  margin:0 0 0 0;  bottom:-.75rem;  left:50%;  width:.5rem;  position:absolute;  } 
.render-jsx-108-1 .btn {  color:white;  font-size:.36rem;  border-radius:60px;  background-color:#b81c25;  text-align:center;  height:.9rem;  padding:0 0 0 0;  margin:.2rem 0 0;  letter-spacing:2px;  width:100%;  } 
.render-jsx-108-1 .codebtn {  color:white;  font-size:.28rem;  background-color:#b81c25;  border-radius:60px;  top:0;  text-align:center;  height:100%;  padding:0 .46rem;  margin:0 0 0 0;  right:0;  position:absolute;  } 
.render-jsx-108-1 .title {  color:#192e79;  font-weight:bold;  font-size:.48rem;  text-align:center;  padding:0 0 0 0;  margin:0 0 0 0;  } 
.render-jsx-108-1 .text {  color:rgba(195, 13, 35, 1);  font-weight:bold;  font-size:.30rem;  text-align:center;  padding:0 0 0 0;  margin:.3rem auto .2rem;  } 
.render-jsx-108-1 .phone {  color:#999;  font-size:.28rem;  background-color:white;  border-radius:60px;  text-align:left;  height:.9rem;  border:.01rem solid #192e79;  padding:0 0 0 .4rem;  margin:.15rem 0 0;  line-height:.9rem;  } 
.render-jsx-108-1 .code {  color:#999;  font-size:.28rem;  background-color:white;  border-radius:60px;  text-align:left;  height:.9rem;  border:.01rem solid #192e79;  padding:0 0 0 .4rem;  margin:.2rem 0 0;  line-height:.9rem;  position:relative;  } 
.render-jsx-108-1 .con {  background-size:100% 100%;  transform:translate(-50%,-50%);  top:50%;  background-image:url(https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/register-bg.png);  padding:2.4rem .5rem .35rem;  margin:0 0 0 0;  left:50%;  width:6.84rem;  position:absolute;  } 
.render-jsx-108-1  {  background-color:rgba(0,0,0,0.5);  top:0;  left:0;  bottom:0;  position:fixed;  right:0;  } 

      }
    </style>
<div class="render-jsx-108-1" id="register-popup-108" style="display:none;">
  <div class="con">
    
    <p class="title"><span style="color:#c30d23">免费领!</span>英语学习资料包</p>
    <p class="text">价值388元,新人必备!</p>
    
    <div class="input__div phonei">
      <input placeholder="输入手机号码,免费领取学习资料包" type="tel" maxlength="11" name="TxtPhone" class="TxtPhone phone">
    </div>
    
    <div class="input__div codei">
      <input placeholder="输入验证码" type="tel" maxlength="6" name="TxtCode" class="TxtCode code">
      <button class="btnGetSMS codebtn" name="btnGetSMS">获取验证码</button>
    </div>
    <button class="registerSubmit btn" name="registerSubmit">
      立即领取
    </button>
    <img src="https://img.acadsoc.com.cn/web/lps/lxhd/omnew/img/1015/icons-close.png" class="close close-popup">
    
  </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>

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

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

    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 = 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;
            }
            // 根据标签名修改
            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>