index.html

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

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

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

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

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

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

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

<style>
body{
  background-color:white;

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

</head>

<!-- :  -->
<body>

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

  <header class="top header-children">
    <div class="header-wrap">
        <a class="header-logo" href="javascript:;"></a>
        <div class="header-text">省时 · 省钱 · 专业 · 贴心 · 有保障</div>
        <div class="header-tel"></div>
    </div>
</header>


<style>
  /* PC端 */
  @media (min-width:769px) {
  .render-jsx-22-0 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  background-size:auto 100%;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/08/x8cj1d4acg2hynj3c2bhfmgfc1dfwlm8.png);  background-position:center center;  height:547px;  }
  .render-jsx-22-0 mbanner {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:100%;  }
  .render-jsx-22-0 .container {  border-radius:0 0 0 0;  height:100%;  padding:0 0 0 0;  margin:0 auto 0 auto;  position:relative;  }
  .render-jsx-22-0 .con{  border-radius:10px 10px 10px 10px;  background-color:white;  padding:35px 40px 35px 40px;  transform:translateY(-50%);  margin:0 0 0 100px;  top:50%;  width:400px;  right:-2%;  position:absolute;  }
  .render-jsx-22-0 .text1{  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:10px 0 0 0;  color:#122A88;  font-weight:bold;  font-size:22px;  text-align:center;  }
  .render-jsx-22-0 .text2{  color:#333;  font-size:16px;  border-radius:0 0 0 0;  text-align:center;  padding:0 0 0 0;  margin:0 0 0 0;  }
  .render-jsx-22-0 .phone{  border-radius:4px 4px 4px 4px;  border:1px solid #999;  padding:0 0 0 16px;  margin:20px 0 0 0;  font-size:16px;  line-height:50px;  height:50px;  }
  .render-jsx-22-0 .code{  border-radius:4px 4px 4px 4px;  border:1px solid #999;  padding:0 0 0 16px;  margin:20px 0 0 0;  font-size:16px;  line-height:50px;  position:relative;  height:50px;  }
  .render-jsx-22-0 .codebtn{  background-color:#C30D23;  padding:0 15px 0 15px;  color:white;  top:0;  font-size:14px;  position:absolute;  right:0;  height:100%;  }
  .render-jsx-22-0 .btn{  background-color:#C30D23;  border-radius:4px 4px 4px 4px;  padding:0 0 0 0;  margin:10px 0 0 0;  color:white;  width:100%;  font-size:18px;  line-height:50px;  height:50px;  }
  .render-jsx-22-0 .img{  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:10px 0 0 0;  width:100%;  }

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


  .render-jsx-22-0 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }
  .render-jsx-22-0 mbanner {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:100%;  }
  .render-jsx-22-0 .container {  border-radius:0 0 0 0;  height:510px;  padding:0 0 0 0;  margin:0 0 0 0;  }
  .render-jsx-22-0 .con{  border-radius:10px 10px 10px 10px;  background-color:white;  padding:35px 40px 35px 40px;  box-shadow:0 .1rem .1rem rgba(29,52,132,.2);  margin:-90px auto 0 auto;  width:96%;  right:0;  position:relative;  }
  .render-jsx-22-0 .text1{  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:10px 0 0 0;  color:#122A88;  font-weight:bold;  font-size:22px;  text-align:center;  }
  .render-jsx-22-0 .text2{  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#333;  font-size:16px;  text-align:center;  }
  .render-jsx-22-0 .phone{  border-radius:4px 4px 4px 4px;  border:1px solid #999;  padding:0 0 0 16px;  margin:20px 0 0 0;  font-size:16px;  line-height:50px;  height:50px;  }
  .render-jsx-22-0 .code{  border-radius:4px 4px 4px 4px;  border:1px solid #999;  padding:0 0 0 16px;  margin:20px 0 0 0;  font-size:16px;  line-height:50px;  position:relative;  height:50px;  }
  .render-jsx-22-0 .codebtn{  background-color:#C30D23;  padding:0 15px 0 15px;  color:white;  top:0;  font-size:14px;  position:absolute;  right:0;  height:100%;  }
  .render-jsx-22-0 .btn{  background-color:#C30D23;  border-radius:4px 4px 4px 4px;  padding:0 0 0 0;  margin:10px 0 0 0;  color:white;  width:100%;  font-size:18px;  line-height:50px;  height:50px;  }
  .render-jsx-22-0 .img{  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:10px 0 0 0;  width:100%;  }


  }
</style>


<div class="render-jsx-22-0">
  <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/18/y6azxgtnz5zenpkya37yx7fecwb5mwk8.png" class="mobile--show mbanner">
  <div class="container">

    <div class="con">

      <p class="text1">免费领取<b style="color:rgba(195, 13, 35, 1)">388元</b>试听课礼包</p>
      <p class="text2 time">活动截止至month月date日</p>

      <div class="input__div">
        <input placeholder="请输入您的手机号码" type="tel" id="TxtPhone" name="TxtPhone" class="TxtPhone phone">
      </div>

      <div class="input__div duanxin" style="display:none;">
        <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="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/18/e6tz1dtk6jgb1db1de1d2d1dn9ep1dnj.png" class="img">

    </div>

  </div>
</div>

    <style>
      @media (min-width:769px) {
            .render-jsx-285-1>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#172d79;  font-weight:600;  font-size:.36rem;  line-height:1;  text-align:center;  }

            .render-jsx-285-1>.container>.button5 {  border-radius:6px 6px 6px 6px;  background-color:rgba(195, 13, 35, 1);  padding:0 0 0 0;  margin:.9rem auto 0 auto;  color:white;  display:none;  width:4.2rem;  font-size:.24rem;  text-align:center;  height:.6rem;  }

            .render-jsx-285-1>.container>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  font-weight:bold;  display:none;  font-size:.4rem;  text-align:center;  }

            .render-jsx-285-1>.container>.p3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem 0 .9rem 0;  color:#333;  font-weight:600;  font-size:.24rem;  line-height:1;  text-align:center;  }

            .render-jsx-285-1>.container>.div4>.div3>.div2>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#fff;  font-weight:bold;  font-size:.22rem;  line-height:1;  text-align:center;  }

            .render-jsx-285-1>.container>.div4>.div3>.div2>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.1rem 0 0 0;  color:#fff;  font-size:16px;  line-height:1.6;  text-align:center;  }

            .render-jsx-285-1>.container>.div4>.div3>.div2 {  padding:0 .2rem 0 .2rem;  margin:0 0 0 0;  z-index:3;  display:flex;  border-radius:50% 50% 50% 50%;  background-color:rgba(23,45,121,.7);  transform:translate(-50%,-50%);  flex-direction:column;  top:50%;  left:50%;  width:2.6rem;  justify-content:center;  position:absolute;  opacity:0;  min-width:100px;  height:2.6rem;  }

            .render-jsx-285-1>.container>.div4>.div3>.div1>.img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  z-index:2;  transform:translate(-50%,-50%);  top:50%;  left:50%;  display:block;  width:2.6rem;  position:absolute;  }

            .render-jsx-285-1>.container>.div4>.div3>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:block;  width:3rem;  position:relative;  }

            .render-jsx-285-1>.container>.div4>.div3>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  position:relative;  min-width:100px;  }

            .render-jsx-285-1>.container>.div4>.div3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:3rem;  position:relative;  min-width:100px;  }

            .render-jsx-285-1>.container>.div4>.div2>.div2>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#fff;  font-weight:bold;  font-size:.22rem;  line-height:1;  text-align:center;  }

            .render-jsx-285-1>.container>.div4>.div2>.div2>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.1rem 0 0 0;  color:#fff;  font-size:16px;  line-height:1.6;  text-align:center;  }

            .render-jsx-285-1>.container>.div4>.div2>.div2 {  padding:0 .2rem 0 .2rem;  margin:0 0 0 0;  z-index:3;  display:flex;  border-radius:50% 50% 50% 50%;  background-color:rgba(23,45,121,.7);  transform:translate(-50%,-50%);  flex-direction:column;  top:50%;  left:50%;  width:2.6rem;  justify-content:center;  position:absolute;  opacity:0;  min-width:100px;  height:2.6rem;  }

            .render-jsx-285-1>.container>.div4>.div2>.div1>.img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  z-index:2;  transform:translate(-50%,-50%);  top:50%;  left:50%;  display:block;  width:2.6rem;  position:absolute;  }

            .render-jsx-285-1>.container>.div4>.div2>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:block;  width:3rem;  position:relative;  }

            .render-jsx-285-1>.container>.div4>.div2>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  position:relative;  min-width:100px;  }

            .render-jsx-285-1>.container>.div4>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:3rem;  position:relative;  min-width:100px;  }

            .render-jsx-285-1>.container>.div4>.div1>.div2>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#fff;  font-weight:bold;  font-size:.22rem;  line-height:1;  text-align:center;  }

            .render-jsx-285-1>.container>.div4>.div1>.div2>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.1rem 0 0 0;  color:#fff;  font-size:16px;  line-height:1.6;  text-align:center;  }

            .render-jsx-285-1>.container>.div4>.div1>.div2 {  padding:0 .2rem 0 .2rem;  margin:0 0 0 0;  z-index:3;  display:flex;  border-radius:50% 50% 50% 50%;  background-color:rgba(23,45,121,.7);  transform:translate(-50%,-50%);  flex-direction:column;  top:50%;  left:50%;  width:2.6rem;  justify-content:center;  position:absolute;  opacity:0;  min-width:100px;  height:2.6rem;  }

            .render-jsx-285-1>.container>.div4>.div1>.div1>.img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  z-index:2;  transform:translate(-50%,-50%);  top:50%;  left:50%;  display:block;  width:2.6rem;  position:absolute;  }

            .render-jsx-285-1>.container>.div4>.div1>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:block;  width:3rem;  position:relative;  }

            .render-jsx-285-1>.container>.div4>.div1>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  position:relative;  min-width:100px;  }

            .render-jsx-285-1>.container>.div4>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:3rem;  position:relative;  min-width:100px;  }

            .render-jsx-285-1>.container>.div4 {  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;  }

            .render-jsx-285-1>.container {  min-height:100px;  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  }

            .render-jsx-285-1 {  min-height:100px;  background-color:rgba(255, 255, 255, 1);  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  }
             }
      @media (max-width:768px) {
            .render-jsx-285-1>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  font-weight:bold;  display:none;  font-size:.4rem;  text-align:center;  }

            .render-jsx-285-1>.container>.button5 {  border-radius:6px 6px 6px 6px;  background-color:rgba(195, 13, 35, 1);  padding:0 0 0 0;  margin:.6rem auto 0 auto;  color:white;  display:block;  width:90%;  font-size:.32rem;  text-align:center;  height:.9rem;  }

            .render-jsx-285-1>.container>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  background-repeat:no-repeat;  color:#162d79;  font-weight:900;  font-size:.4rem;  line-height:1.3;  text-align:center;  }

            .render-jsx-285-1>.container>.p3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem 0 .5rem 0;  color:#444;  font-size:.3rem;  line-height:1;  text-align:center;  }

            .render-jsx-285-1>.container>.div4>.div3>.div2>.p1 {  border-radius:0 0 0 0;  padding:.04rem .7rem .04rem 0;  margin:0 0 0 0;  color:#162d79;  font-weight:bold;  display:inline;  font-size:.32rem;  line-height:.4rem;  background-image:linear-gradient(to right,#f0f3fb, #e2e7f6,#f1f4ff);  }

            .render-jsx-285-1>.container>.div4>.div3>.div2>.p2 {  border-radius:0 0 0 0;  padding:0 .2rem 0 0;  margin:.1rem 0 0 0;  color:#444;  font-size:.28rem;  line-height:1.4;  }

            .render-jsx-285-1>.container>.div4>.div3>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 .2rem;  margin:0 0 0 0;  flex:1;  min-width:100px;  }

            .render-jsx-285-1>.container>.div4>.div3>.div1>.img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  transform:translate(-50%,-50%);  top:50%;  left:50%;  display:block;  width:1.8rem;  position:absolute;  }

            .render-jsx-285-1>.container>.div4>.div3>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }

            .render-jsx-285-1>.container>.div4>.div3>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:2.2rem;  position:relative;  min-width:100px;  }

            .render-jsx-285-1>.container>.div4>.div3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  background-repeat:no-repeat;  background-size:100% 95%;  display:flex;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/18/ymf48n2n3x7x634fzwcl42fw9ly7z1d5.png);  align-items:center;  background-position:center center;  min-width:100px;  }

            .render-jsx-285-1>.container>.div4>.div2>.div2>.p1 {  border-radius:0 0 0 0;  padding:.04rem 0 .04rem .7rem;  margin:0 0 0 0;  color:#162d79;  font-weight:bold;  display:inline;  font-size:.32rem;  line-height:.4rem;  background-image:linear-gradient(to right,#f0f3fb, #e2e7f6,#f1f4ff);  }

            .render-jsx-285-1>.container>.div4>.div2>.div2>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 .3rem;  margin:.1rem 0 0 0;  color:#444;  font-size:.28rem;  line-height:1.4;  }

            .render-jsx-285-1>.container>.div4>.div2>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 .2rem 0 0;  flex:1;  min-width:100px;  text-align:right;  }

            .render-jsx-285-1>.container>.div4>.div2>.div1>.img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  transform:translate(-50%,-50%);  top:50%;  left:50%;  display:block;  width:1.8rem;  position:absolute;  }

            .render-jsx-285-1>.container>.div4>.div2>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }

            .render-jsx-285-1>.container>.div4>.div2>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:2.2rem;  position:relative;  min-width:100px;  }

            .render-jsx-285-1>.container>.div4>.div2 {  padding:0 0 0 0;  margin:0 0 .24rem 0;  background-size:100% 95%;  display:flex;  background-position:center center;  border-radius:0 0 0 0;  background-repeat:no-repeat;  flex-direction:row-reverse;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/18/ymf48n2n3x7x634fzwcl42fw9ly7z1d5.png);  align-items:center;  min-width:100px;  }

            .render-jsx-285-1>.container>.div4>.div1>.div2>.p1 {  border-radius:0 0 0 0;  padding:.04rem .7rem .04rem 0;  margin:0 0 0 0;  color:#162d79;  font-weight:bold;  display:inline;  font-size:.32rem;  line-height:1;  background-image:linear-gradient(to right,#f0f3fb, #e2e7f6,#f1f4ff);  }

            .render-jsx-285-1>.container>.div4>.div1>.div2>.p2 {  border-radius:0 0 0 0;  padding:0 .2rem 0 0;  margin:.1rem 0 0 0;  color:#444;  font-size:.28rem;  line-height:1.4;  }

            .render-jsx-285-1>.container>.div4>.div1>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 .2rem;  margin:0 0 0 0;  flex:1;  min-width:100px;  }

            .render-jsx-285-1>.container>.div4>.div1>.div1>.img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  transform:translate(-50%,-50%);  top:50%;  left:50%;  display:block;  width:1.8rem;  position:absolute;  }

            .render-jsx-285-1>.container>.div4>.div1>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }

            .render-jsx-285-1>.container>.div4>.div1>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:2.2rem;  position:relative;  min-width:100px;  }

            .render-jsx-285-1>.container>.div4>.div1 {  padding:0 0 0 0;  margin:0 0 .24rem 0;  background-size:100% 95%;  display:flex;  background-position:center center;  border-radius:0 0 0 0;  background-repeat:no-repeat;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/18/ymf48n2n3x7x634fzwcl42fw9ly7z1d5.png);  align-items:center;  min-width:100px;  }

            .render-jsx-285-1>.container>.div4 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  justify-content:space-between;  flex-wrap:wrap;  min-width:100px;  }

            .render-jsx-285-1>.container {  border-radius:0 0 0 0;  background-color:rgba(255, 255, 255, 1);  padding:0 .3rem 0 .3rem;  margin:0 auto 0 auto;  min-height:100px;  }

            .render-jsx-285-1 {  background-color:rgba(255, 255, 255, 1);  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:-60px 0 0 0;  min-height:100px;  }
             }
    </style>
<style>
  @media(min-width:769px){
    .render-jsx-285-1 .item:hover .mask{
      opacity:1 !important;transition:0.3s;
    }
  }
</style>
<div class="render-jsx-285-1">
    <div class="container">

<p class="p1">0基础孩子也能#轻松学会#</p>

<p class="p2">0基础孩子也能#轻松学会#</p>

<p class="p3">国际外教1对1，趣味英语在线学</p>

    <div class="div4">

    <div class="div1 item">

    <div class="div1">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/11/13/7xrwdmpc63c4ymjw1dm4pnr8749cgxp3.png">

<img class="img2" src="https://img.acadsoc.com.cn/web/lps/shaoer1/img/stu1-new.png">

    </div>

    <div class="div2 mask">

<p class="p1">在线课堂</p>

<p class="p2">通过电脑/pad/手机,连线海外英语外教，让孩子在家就能获得国际留学体验</p>

    </div>

    </div>

    <div class="div2 item">

    <div class="div1">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/11/13/7xrwdmpc63c4ymjw1dm4pnr8749cgxp3.png">

<img class="img2" src="https://img.acadsoc.com.cn/web/lps/shaoer1/img/stu2-new.png">

    </div>

    <div class="div2 mask">

<p class="p1">量身打造</p>

<p class="p2">外教1对1课程，专为4-12岁孩子量身打造，更适合0基础的孩子学习提升</p>

    </div>

    </div>

    <div class="div3 item">

    <div class="div1">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/11/13/7xrwdmpc63c4ymjw1dm4pnr8749cgxp3.png">

<img class="img2" src="https://img.acadsoc.com.cn/web/lps/shaoer1/img/stu3-new.png">

    </div>

    <div class="div2 mask">

<p class="p1">趣味课堂</p>

<p class="p2">游戏化英语课堂，好玩又实效，有效激发孩子学习兴趣，让孩子爱学更敢说</p>

    </div>

    </div>

    </div>

<button data-popup-id="343" data-popup-hash-ynph5g="%E9%A9%AC%E4%B8%8A%3Cb%20style=%22color:#c30d23;%22%3E%E5%85%8D%E8%B4%B9%E4%BD%93%E9%AA%8C%3C/b%3E" data-popup-hash-tsos6k="%E5%85%8D%E8%B4%B9%E4%BD%93%E9%AA%8C" data-popup-hash-9pbuvk="%E8%AF%B7%E8%BE%93%E5%85%A5%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-sh87kz="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-yauwdf="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-da4scc="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/20/j4kwal5p35p9zfw4ntfhwk7d5zndf4mn.png" class="button5">马上免费体验</button>

    </div>
    </div>

    <style>
      @media (min-width:769px) {
            .auto-element-283-2>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:rgba(255, 255, 255, 1);  font-weight:600;  font-size:.36rem;  line-height:1;  text-align:center;  }

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

            .auto-element-283-2>.container>.img6 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:none;  }

            .auto-element-283-2>.container>.p3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem 0 .3rem 0;  color:rgba(255, 255, 255, 1);  font-size:.24rem;  line-height:1;  text-align:center;  }

            .auto-element-283-2>.container>.p4 {  border-radius:.6rem .8rem .8rem .1rem;  background-color:rgba(255, 255, 255, 1);  padding:.2rem .5rem .2rem .5rem;  margin:0 auto 0 auto;  color:#444;  width:88%;  font-size:18px;  line-height:1.6;  text-align:left;  }

            .auto-element-283-2>.container>.button7 {  border-radius:6px 6px 6px 6px;  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:.22rem;  text-align:center;  height:.6rem;  }

            .auto-element-283-2>.container>.div5>.div2>.div5>.p2 {  border-radius:.4rem .4rem .4rem .4rem;  background-color:rgba(255, 255, 255, 0.22);  padding:0 .39rem 0 .39rem;  margin:0 0 0 .3rem;  color:rgba(255, 255, 255, 1);  font-size:.22rem;  line-height:.36rem;  background-image:linear-gradient(to right,rgba(22, 45, 141,1),  rgba(255, 255, 255, .1));  text-align:center;  }

            .auto-element-283-2>.container>.div5>.div2>.div5>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:block;  width:.36rem;  height:100%;  }

            .auto-element-283-2>.container>.div5>.div2>.div5 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  min-width:100px;  }

            .auto-element-283-2>.container>.div5>.div2>.div4>.p2 {  border-radius:.4rem .4rem .4rem .4rem;  background-color:rgba(255, 255, 255, 0.22);  padding:0 .39rem 0 .39rem;  margin:0 0 0 .3rem;  color:rgba(255, 255, 255, 1);  font-size:.22rem;  line-height:.36rem;  background-image:linear-gradient(to right,rgba(22, 45, 141,1),  rgba(255, 255, 255, .1));  text-align:center;  }

            .auto-element-283-2>.container>.div5>.div2>.div4>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:block;  width:.36rem;  height:100%;  }

            .auto-element-283-2>.container>.div5>.div2>.div4 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  min-width:100px;  }

            .auto-element-283-2>.container>.div5>.div2>.div3>.p2 {  border-radius:.4rem .4rem .4rem .4rem;  background-color:rgba(255, 255, 255, 0.22);  padding:0 .39rem 0 .39rem;  margin:0 0 0 .3rem;  color:rgba(255, 255, 255, 1);  font-size:.22rem;  line-height:.36rem;  background-image:linear-gradient(to right,rgba(22, 45, 141,1),  rgba(255, 255, 255, .1));  text-align:center;  }

            .auto-element-283-2>.container>.div5>.div2>.div3>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:block;  width:.36rem;  height:100%;  }

            .auto-element-283-2>.container>.div5>.div2>.div3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  min-width:100px;  }

            .auto-element-283-2>.container>.div5>.div2>.div2>.p2 {  border-radius:.4rem .4rem .4rem .4rem;  background-color:rgba(255, 255, 255, 0.22);  padding:0 .39rem 0 .39rem;  margin:0 0 0 .3rem;  color:rgba(255, 255, 255, 1);  font-size:.22rem;  line-height:.36rem;  background-image:linear-gradient(to right,rgba(22, 45, 141,1),  rgba(255, 255, 255, .1));  text-align:center;  }

            .auto-element-283-2>.container>.div5>.div2>.div2>.img1 {  border-radius:0 0 0 0;  background-color:rgba(255, 255, 255, 0);  padding:0 0 0 0;  margin:0 0 0 0;  display:block;  width:.36rem;  height:100%;  }

            .auto-element-283-2>.container>.div5>.div2>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  min-width:100px;  }

            .auto-element-283-2>.container>.div5>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  flex-direction:column;  display:flex;  width:60%;  justify-content:space-between;  min-width:100px;  }

            .auto-element-283-2>.container>.div5>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  max-width:100%;  display:block;  }

            .auto-element-283-2>.container>.div5>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:40%;  min-height:100px;  min-width:100px;  }

            .auto-element-283-2>.container>.div5 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.5rem auto .6rem auto;  display:flex;  width:88%;  justify-content:space-between;  min-width:100px;  }

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

            .auto-element-283-2 {  background-color:rgba(20, 43, 136, 1);  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  min-height:100px;  text-align:left;  }
             }
      @media (max-width:768px) {
            .auto-element-283-2>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:none;  font-size:.4rem;  line-height:1.3;  text-align:center;  }

            .auto-element-283-2>.container>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:rgba(255, 255, 255, 1);  font-weight:900;  font-size:.4rem;  line-height:1.3;  text-align:center;  }

            .auto-element-283-2>.container>.img6 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.5rem auto .6rem auto;  }

            .auto-element-283-2>.container>.p3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem 0 .3rem 0;  color:rgba(255, 255, 255, 1);  font-size:.3rem;  line-height:1;  text-align:center;  }

            .auto-element-283-2>.container>.p4 {  border-radius:.8rem 1rem 1rem .1rem;  background-color:rgba(255, 255, 255, 1);  padding:.25rem .3rem .25rem .3rem;  margin:0 0 0 0;  color:#333;  max-width:100%;  font-size:.24rem;  line-height:1.5;  }

            .auto-element-283-2>.container>.button7 {  border-radius:6px 6px 6px 6px;  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-283-2>.container>.div5>.div2>.div5>.p2 {  border-radius:.3rem .3rem .3rem .3rem;  background-color:#f0f2ff;  padding:2px .04rem 2px .04rem;  margin:0 0 0 .1rem;  color:#333;  font-size:.24rem;  line-height:.3rem;  }

            .auto-element-283-2>.container>.div5>.div2>.div5>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  flex:0;  display:block;  width:.25rem;  height:100%;  }

            .auto-element-283-2>.container>.div5>.div2>.div5 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  justify-content:space-betwwen;  align-items:center;  min-width:100px;  }

            .auto-element-283-2>.container>.div5>.div2>.div4>.p2 {  border-radius:.3rem .3rem .3rem .3rem;  background-color:#f0f2ff;  padding:2px .04rem 2px .04rem;  margin:0 0 0 .1rem;  color:#333;  font-size:.24rem;  line-height:.3rem;  }

            .auto-element-283-2>.container>.div5>.div2>.div4>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  flex:0;  display:block;  width:.25rem;  height:100%;  }

            .auto-element-283-2>.container>.div5>.div2>.div4 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  justify-content:space-betwwen;  align-items:center;  min-width:100px;  }

            .auto-element-283-2>.container>.div5>.div2>.div3>.p2 {  border-radius:.3rem .3rem .3rem .3rem;  background-color:#f0f2ff;  padding:2px .04rem 2px .04rem;  margin:0 0 0 .1rem;  color:#333;  font-size:.24rem;  line-height:.3rem;  }

            .auto-element-283-2>.container>.div5>.div2>.div3>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  flex:0;  display:block;  width:.25rem;  height:100%;  }

            .auto-element-283-2>.container>.div5>.div2>.div3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  justify-content:space-betwwen;  align-items:center;  min-width:100px;  }

            .auto-element-283-2>.container>.div5>.div2>.div2>.p2 {  border-radius:.3rem .3rem .3rem .3rem;  background-color:#f0f2ff;  padding:2px .04rem 2px .04rem;  margin:0 0 0 .1rem;  color:#333;  font-size:.24rem;  line-height:.3rem;  }

            .auto-element-283-2>.container>.div5>.div2>.div2>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  flex:0;  display:block;  width:.25rem;  height:100%;  }

            .auto-element-283-2>.container>.div5>.div2>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:flex;  justify-content:space-betwwen;  align-items:center;  min-width:100px;  }

            .auto-element-283-2>.container>.div5>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 .1rem;  flex-direction:column;  flex:1;  display:flex;  justify-content:space-between;  min-width:100px;  }

            .auto-element-283-2>.container>.div5>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:block;  width:1.5rem;  }

            .auto-element-283-2>.container>.div5>.div1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  min-width:100px;  }

            .auto-element-283-2>.container>.div5 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.5rem 0 .6rem 0;  display:none;  justify-content:space-between;  min-width:100px;  }

            .auto-element-283-2>.container {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  width:90%;  min-height:90px;  }

            .auto-element-283-2 {  background-color:rgba(20, 43, 136, 1);  border-radius:0 0 0 0;  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  min-height:100px;  }
             }
    </style>
<div class="auto-element-283-2">
    <div class="container">

<p class="p1">让孩子起步  则与世界同步</p>

<p class="p2">欧美原版教材科学撰写<br>让孩子对接国际教育标准</p>

<p class="p3">引进欧美原版教材，对接国际教育标准</p>

<p class="p4">阿卡索少儿英语，是以欧洲共同语言框架体系（CEFR）为基础的，结合4-12孩子英语学习规律，全新开发的少儿专属英语课程。</p>

    <div class="div5">

    <div class="div1">

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

    </div>

    <div class="div2">

    <div class="div2">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/08/6x91dme2pcmrk92njzfw9m1dge8zxder.png">

<p class="p2">培养英语语感，内容新颖，注重趣味性</p>

    </div>

    <div class="div3">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/08/6x91dme2pcmrk92njzfw9m1dge8zxder.png">

<p class="p2">激发自主学习兴趣，培养应用口语习惯</p>

    </div>

    <div class="div4">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/08/6x91dme2pcmrk92njzfw9m1dge8zxder.png">

<p class="p2">学习和实践相结合，熟练掌握所学知识</p>

    </div>

    <div class="div5">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/08/6x91dme2pcmrk92njzfw9m1dge8zxder.png">

<p class="p2">对接K12人群，针对性教学，减轻压力</p>

    </div>

    </div>

    </div>

<img class="img6" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/18/8n2ymf29fpclt1db5f25ztbm67fc1dzm.png">

<button data-popup-id="343" data-popup-hash-ynph5g="%E8%8E%B7%E5%8F%96%3Cb%20style=%22color:#c30d23;%22%3E%E5%8E%9F%E7%89%88%E6%95%99%E6%9D%90%3C/b%3E" data-popup-hash-tsos6k="%E7%AB%8B%E5%8D%B3%E8%8E%B7%E5%8F%96" data-popup-hash-9pbuvk="%E8%AF%B7%E8%BE%93%E5%85%A5%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-sh87kz="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-yauwdf="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-da4scc="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/20/j4kwal5p35p9zfw4ntfhwk7d5zndf4mn.png" class="button7">获取原版教材</button>

    </div>
    </div>

    <style>
      @media (min-width:769px) {
            .auto-element-299-3>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:rgba(195, 13, 35, 1);  font-weight:600;  font-size:.36rem;  text-align:center;  }

            .auto-element-299-3>.container>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0.2rem 0 0.2rem 0;  font-weight:600;  font-size:.26rem;  text-align:center;  }

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

            .auto-element-299-3>.container>.div4>.div2>.div3>.div2>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:rgba(195, 13, 35, 1);  font-weight:600;  font-size:.24rem;  text-align:left;  }

            .auto-element-299-3>.container>.div4>.div2>.div3>.div2>.p2 {  border-radius:0 0 0 0;  padding:.1rem 0 0 0;  margin:0 0 0 0;  color:#333;  font-size:.16rem;  text-align:left;  }

            .auto-element-299-3>.container>.div4>.div2>.div3>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 .4rem;  flex:1;  }

            .auto-element-299-3>.container>.div4>.div2>.div3>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:block;  }

            .auto-element-299-3>.container>.div4>.div2>.div3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.4rem 0 0 0;  display:flex;  align-items:center;  }

            .auto-element-299-3>.container>.div4>.div2>.div2>.div2>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:rgba(195, 13, 35, 1);  font-weight:600;  font-size:.24rem;  text-align:left;  }

            .auto-element-299-3>.container>.div4>.div2>.div2>.div2>.p2 {  border-radius:0 0 0 0;  padding:.1rem 0 0 0;  margin:0 0 0 0;  color:#333;  font-size:.16rem;  text-align:left;  }

            .auto-element-299-3>.container>.div4>.div2>.div2>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 .4rem;  flex:1;  }

            .auto-element-299-3>.container>.div4>.div2>.div2>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:block;  }

            .auto-element-299-3>.container>.div4>.div2>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.4rem 0 0 0;  display:flex;  align-items:center;  }

            .auto-element-299-3>.container>.div4>.div2>.div1>.div2>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:rgba(195, 13, 35, 1);  font-weight:600;  font-size:.24rem;  text-align:left;  }

            .auto-element-299-3>.container>.div4>.div2>.div1>.div2>.p2 {  border-radius:0 0 0 0;  padding:.1rem 0 0 0;  margin:0 0 0 0;  color:#333;  font-size:.16rem;  text-align:left;  }

            .auto-element-299-3>.container>.div4>.div2>.div1>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 .4rem;  flex:1;  }

            .auto-element-299-3>.container>.div4>.div2>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:block;  }

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

            .auto-element-299-3>.container>.div4>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 .5rem;  flex:1;  }

            .auto-element-299-3>.container>.div4>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:inline-block;  }

            .auto-element-299-3>.container>.div4 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem 0 0 0;  display:flex;  align-items:center;  }

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

            .auto-element-299-3 {  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-299-3>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:rgba(195, 13, 35, 1);  font-weight:900;  font-size:.4rem;  text-align:center;  }

            .auto-element-299-3>.container>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0.2rem 0 0.2rem 0;  font-size:.3rem;  text-align:center;  }

            .auto-element-299-3>.container>.p3 {  border-radius:0 0 0 0;  padding:0 20px 0 20px;  margin:0 0 0 0;  color:#666;  letter-spacing:1px;  width:100%;  font-size:.24rem;  text-align:center;  }

            .auto-element-299-3>.container>.div4>.div2>.div3>.div2>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:rgba(195, 13, 35, 1);  font-weight:bold;  font-size:.3rem;  text-align:left;  }

            .auto-element-299-3>.container>.div4>.div2>.div3>.div2>.p2 {  border-radius:0 0 0 0;  padding:.1rem 0 0 0;  margin:0 0 0 0;  font-size:.24rem;  text-align:left;  }

            .auto-element-299-3>.container>.div4>.div2>.div3>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 .3rem;  }

            .auto-element-299-3>.container>.div4>.div2>.div3>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:1rem;  }

            .auto-element-299-3>.container>.div4>.div2>.div3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem 0 0 0;  display:flex;  align-items:center;  }

            .auto-element-299-3>.container>.div4>.div2>.div2>.div2>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:rgba(195, 13, 35, 1);  font-weight:bold;  font-size:.3rem;  text-align:left;  }

            .auto-element-299-3>.container>.div4>.div2>.div2>.div2>.p2 {  border-radius:0 0 0 0;  padding:.1rem 0 0 0;  margin:0 0 0 0;  font-size:.24rem;  text-align:left;  }

            .auto-element-299-3>.container>.div4>.div2>.div2>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 .3rem;  }

            .auto-element-299-3>.container>.div4>.div2>.div2>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:1rem;  }

            .auto-element-299-3>.container>.div4>.div2>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem 0 0 0;  display:flex;  align-items:center;  }

            .auto-element-299-3>.container>.div4>.div2>.div1>.div2>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:rgba(195, 13, 35, 1);  font-weight:bold;  font-size:.3rem;  text-align:left;  }

            .auto-element-299-3>.container>.div4>.div2>.div1>.div2>.p2 {  border-radius:0 0 0 0;  padding:.1rem 0 0 0;  margin:0 0 0 0;  font-size:.24rem;  text-align:left;  }

            .auto-element-299-3>.container>.div4>.div2>.div1>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 .3rem;  }

            .auto-element-299-3>.container>.div4>.div2>.div1>.img1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:1rem;  }

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

            .auto-element-299-3>.container>.div4>.div2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }

            .auto-element-299-3>.container>.div4>.img1 {  border-radius:0 0 0 0;  padding:0 0 .5rem 0;  margin:0 0 0 0;  }

            .auto-element-299-3>.container>.div4 {  border-radius:0 0 0 0;  padding:0 .2rem 0 .2rem;  margin:.4rem 0 0 0;  }

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

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

<p class="p1">外教在线上课  孩子在家 “留学”</p>

<p class="p2">孩子更省力，家长更省心</p>

<p class="p3">阿卡索少儿在线英语课堂，打破时间与空间的限制，让孩子足不出户，也能享受到高品质英语教育。</p>

    <div class="div4">

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

    <div class="div2">

    <div class="div1">

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

    <div class="div2">

<p class="p1">碎片化教学时间</p>

<p class="p2">每天坚持25分钟，学习效果看得见</p>

    </div>

    </div>

    <div class="div2">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/09/12/d23e52bjk1d1dytba25jzwzjymkmc2hl.png">

    <div class="div2">

<p class="p1">超高的性价比</p>

<p class="p2">每节外教课低至13.8元，人人负担的起</p>

    </div>

    </div>

    <div class="div3">

<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/09/12/t9fxz8jfc8hcz5t7r7r4zw7g4wf5la8d.png">

    <div class="div2">

<p class="p1">3对1的服务</p>

<p class="p2">学习顾问+贴心客服+专属外教，周到服务</p>

    </div>

    </div>

    </div>

    </div>

    </div>
    </div>

<style>
/* PC端 */
@media (min-width:769px) {
  .render-swiper-26-4 {  background-size:100% 100%;  font-weight:300;  background-color:rgba(195, 13, 35, 1);  border-radius:0 0 0 0;  background-repeat:no-repeat;  padding:.8rem 0 .4rem 0;  margin:0 0 0 0;  background-position:center center;  }
  .render-swiper-26-4 .container {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 40px auto;  }
  .render-swiper-26-4 .title1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:white;  font-weight:600;  font-size:.36rem;  text-align:center;  }
  .render-swiper-26-4 .title2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.3rem 0 0 0;  color:white;  font-weight:600;  font-size:0.26rem;  text-align:center;  }
  .render-swiper-26-4 .swiper-container {  padding:0.8rem 0 0 0;  }
  .render-swiper-26-4 .swiper-slide {  border-radius:0 0 0 0;  padding:0 .2rem 0 .2rem;  margin:0 0 0 0;  width:70%;  }
  .render-swiper-26-4  .item{  background-color:white;  border-radius:.1rem .1rem .1rem .1rem;  padding:0 .2rem .2rem .2rem;  margin:0 0 0 0;  width:100%;  position:relative;  text-align:center;  }
  .render-swiper-26-4 .topimg {  border-radius:0 0 0 0;  padding:0 0 0 0;  transform:translate(-50%, -50%);  margin:0 0 0 0;  top:0;  left:50%;  width:1.1rem;  position:absolute;  }
  .render-swiper-26-4 .img {  border-radius:0 0 0 0;  padding:.7rem 0 0 0;  margin:0 0 0 0;  width:100%;  }
  .render-swiper-26-4 .text1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0.06rem 0 0 0;  color:rgba(20, 43, 136, 1);  font-weight:900;  font-size:.18rem;  }
  .render-swiper-26-4 .line {  background-color:rgba(164, 7, 26, 1);  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0.04rem 0.04rem 0.04rem 0.04rem;  display:inline-block;  width:.32rem;  height:.03rem;  }
  .render-swiper-26-4 .text2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.06rem 0 0 0;  color:rgba(102, 102, 102, 1);  font-weight:400;  font-size:0.16rem;  }
  .scale-swiper .swiper-slide:not(.swiper-slide-active){
  	transform: scale(1);
  }
}
/* 手机端 */
@media (max-width:768px) {
  .render-swiper-26-4 {  background-color:white;  border-radius:0 0 0 0;  padding:1.2rem 0 1.4rem 0;  background-repeat:no-repeat;  margin:0 0 0 0;  background-size:100% 100%;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/18/rxm9j1djct7y21dpc9halbw2pda2ejd3.png);  background-position:center center;  }
  .render-swiper-26-4 .container {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  }
  .render-swiper-26-4 .title1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:-20px 0 10px 0;  color:white;  font-weight:900;  font-size:.4rem;  text-align:center;  }
  .render-swiper-26-4 .title2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:white;  font-size:0.32rem;  text-align:center;  }
  .render-swiper-26-4 .swiper-container {  padding:0.8rem 0 0 0;  }
  .render-swiper-26-4 .swiper-slide {  border-radius:0 0 0 0;  padding:0 .2rem 0 .2rem;  margin:0 0 0 0;  width:70%;  }
  .render-swiper-26-4  .item{  background-color:rgba(255, 255, 255, 1);  border-radius:.1rem .1rem .1rem .1rem;  padding:0 .4rem .4rem .4rem;  margin:0 0 0 0;  width:100%;  position:relative;  text-align:center;  }
  .render-swiper-26-4 .topimg {  border-radius:0 0 0 0;  padding:0 0 0 0;  transform:translate(-50%, -50%);  margin:0 0 0 0;  top:0;  left:50%;  width:1.4rem;  position:absolute;  }
  .render-swiper-26-4 .img {  border-radius:0 0 0 0;  padding:.8rem 0 0 0;  margin:0 0 0 0;  width:100%;  }
  .render-swiper-26-4 .text1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0.12rem 0 0 0;  color:rgba(20, 43, 136, 1);  font-weight:900;  font-size:.36rem;  }
  .render-swiper-26-4 .line {  background-color:rgba(195, 13, 35, 1);  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0.08rem 0.08rem 0.08rem 0.08rem;  display:inline-block;  width:.64rem;  height:.03rem;  }
  .render-swiper-26-4 .text2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.12rem 0 0 0;  color:rgba(102, 102, 102, 1);  font-size:0.32rem;  }
}
</style>
<div class="render-swiper-26-4">
	<div class="container">
    <p class="title1">懂孩子的老师才是好老师</p>
    <p class="title2">熟知少儿心理，更懂教好小孩</p>
    <div class="swiper-container scale-swiper">
      <div class="swiper-wrapper">

<div class="swiper-slide">
  <div class="item">
    <img class="topimg" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/18/knlagf1dk4rw7wt6r1dn2m2b7k1d2prh.png">
    <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/18/3gt96z1d6h8epcwznxjkxat2klh5k73e.png">
    <p class="text1">全球优质少儿外教</p>
    <div class="line"></div>
    <p class="text2">所有外教长期生活工作在母语或官方语言为英语的国家，口音地道。</p>
  </div>
</div>

<div class="swiper-slide">
  <div class="item">
    <img class="topimg" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/18/wgjybypy4x5mag4m53mzaplek263xpzw.png">
    <img class="img" src="https://img.acadsoc.com.cn/web/lps/shaoer1/img/p3-n.png">
    <p class="text1">筛选与培训机制</p>
    <div class="line"></div>
    <p class="text2">所有外教都需经过层层严格筛选机制及不定期考核，并采用淘汰制。 </p>
  </div>
</div>

<div class="swiper-slide">
  <div class="item">
    <img class="topimg" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/18/b7tr7pdrp8rnbj4hztc83jwpgr8fl1da.png">
    <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/18/ant8r4g8t3jcrx42y478hpfmy4z6agmy.png">
    <p class="text1">丰富的授课经验</p>
    <div class="line"></div>
    <p class="text2">外教们拥有丰富的青少儿授课经验，有独特的教学技巧。</p>
  </div>
</div>

      </div>
    </div>
  </div>
</div>
<script>
  $(function(){
  	new Swiper('.render-swiper-26-4 .swiper-container',{
  		initialSlide:1,
      observeParents: true,
      observer: true,
      slideToClickedSlide: true,
      centeredSlides: true,
      slidesPerView: HtmlWidth > 768 ? 3 : 'auto',
    })
  })
</script>

    <style>
      @media (min-width:769px) {
            .auto-element-267-5>.container>.button4 {  color:white;  font-size:.24rem;  border-radius:4px 4px 4px 4px;  background-color:rgba(195, 13, 35, 1);  text-align:center;  height:.6rem;  padding:0 0 0 0;  margin:.5rem auto 0 auto;  display:block;  width:4.2rem;  }

            .auto-element-267-5>.container>.p1 {  color:rgba(20, 43, 136, 1);  font-weight:600;  font-size:.36rem;  border-radius:0 0 0 0;  text-align:center;  padding:0 0 0 0;  margin:0 0 .5rem 0;  line-height:1;  }

            .auto-element-267-5>.container>.img3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:none;  }

            .auto-element-267-5>.container>.img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  display:block;  max-width:100%;  }

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

            .auto-element-267-5 {  background-color:#fff;  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-267-5>.container>.button4 {  color:white;  font-size:.32rem;  border-radius:4px 4px 4px 4px;  background-color:rgba(195, 13, 35, 1);  text-align:center;  height:.9rem;  padding:0 0 0 0;  margin:.5rem auto 0 auto;  display:block;  width:90%;  }

            .auto-element-267-5>.container>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 .5rem 0;  color:rgba(20, 43, 136, 1);  font-weight:900;  font-size:.4rem;  line-height:1.3;  text-align:center;  }

            .auto-element-267-5>.container>.img3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:block;  width:100%;  }

            .auto-element-267-5>.container>.img2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  display:none;  }

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

            .auto-element-267-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-267-5">
    <div class="container">

<p class="p1">外教一对一助力突破学习障碍</p>

<img class="img2" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/19/babkakxzy1dabe8prt57xtzm7rcnhy8a.png">

<img class="img3" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/19/dzekapehrp24w2xk32g32ykd3kf2z3bc.png">

<button data-popup-id="343" data-popup-hash-ynph5g="%E6%9F%A5%E7%9C%8B%3Cb%20style=%22color:#c30d23;%22%3E%E5%A4%96%E6%95%99%E7%AE%80%E4%BB%8B%3C/b%3E" data-popup-hash-tsos6k="%E7%AB%8B%E5%8D%B3%E6%9F%A5%E7%9C%8B" data-popup-hash-9pbuvk="%E8%AF%B7%E8%BE%93%E5%85%A5%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-sh87kz="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-yauwdf="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-da4scc="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/20/j4kwal5p35p9zfw4ntfhwk7d5zndf4mn.png" class="button4">查看外教简介</button>

    </div>
    </div>

<style>
  /* PC端 */
  @media (min-width:769px) {
    .render-jsx-100-6 {  background-color:rgba(195, 13, 35, 0);  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }
    .render-jsx-100-6 .container {  border-radius:0 0 0 0;  background-color:rgba(195, 13, 35, 0);  padding:0 0 0 0;  margin:0 auto 38px auto;  line-height:1;  text-align:center;  }
    .render-jsx-100-6 .container {  }
    .render-jsx-100-6 .title{  color:rgba(102, 102, 102, 1);  font-weight:400;  font-size:.22rem;  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  vertical-align:middle;  dispay:inline-block;  }
    .render-jsx-100-6 .iconleft{  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 .12rem 0 .12rem;  display:none;  vertical-align:middle;  width:auto;  height:.22rem;  }
    .render-jsx-100-6 .iconright{  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 .12rem 0 .12rem;  display:none;  vertical-align:middle;  width:auto;  height:.22rem;  }
  }
  /* 手机端 */
  @media (max-width:768px) {
    .render-jsx-100-6 {  background-color:#fff;  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  }
    .render-jsx-100-6 .container {  border-radius:0 0 0 0;  background-color:rgba(185, 28, 39, 0);  padding:0 0 0 0;  margin:0 auto 16px auto;  line-height:1;  text-align:center;  }
    .render-jsx-100-6 .container {  }
    .render-jsx-100-6 .title{  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:rgba(102, 102, 102, 1);  font-weight:400;  vertical-align:middle;  dispay:inline-block;  font-size:.28rem;  }
    .render-jsx-100-6 .iconleft{  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 .12rem 0 .12rem;  display:none;  vertical-align:middle;  width:auto;  height:.32rem;  }
    .render-jsx-100-6 .iconright{  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 .12rem 0 .12rem;  display:none;  vertical-align:middle;  width:auto;  height:.32rem;  }
  }
</style>

<div class="render-jsx-100-6">
  <div class="container">
    <img class="iconleft icon" src="https://img.acadsoc.com.cn/web/lps/sem/ty/en1-m/img/zs.png">
    <strong class="title">*以上数据均为内部统计数据</strong>
    <img class="iconright icon" src="https://img.acadsoc.com.cn/web/lps/sem/ty/en1-m/img/zs.png">
  </div>
</div>

    <style>
      @media (min-width:769px) {
          .render-jsx-300-7 .btn {  padding:0 0 0 0;  margin:0 0 0 0;  color:#fff;  font-size:.2rem;  right:0;  border-radius:4px 4px 4px 4px;  background-color:#c30d23;  transform:translateY(-50%);  top:50%;  width:2.3rem;  position:absolute;  height:.44rem;  text-align:center;  }

          .render-jsx-300-7 .text {  border-radius:0 0 0 0;  padding:0 0 0 0;  transform:translateY(-50%);  margin:0 0 0 0;  color:#fff;  top:50%;  left:2rem;  font-size:.3rem;  line-height:1;  position:absolute;  }

          .render-jsx-300-7 .img {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  left:0;  bottom:0;  display:block;  width:1.8rem;  position:absolute;  background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/08/abp4nrb3bdf9r3pb9e2yna2py1d6g5dy.png);  }

          .render-jsx-300-7 .container {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  position:relative;  height:.7rem;  }

          .render-jsx-300-7  {  background-color:rgba(0,0,0,.6);  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  width:100%;  }
           }
      @media (max-width:768px) {
          .render-jsx-300-7 .btn {  padding:0 0 0 0;  margin:0 0 0 0;  color:#fff;  font-size:.32rem;  line-height:10px;  right:0;  background-color:#c30d23;  border-radius:60px 60px 60px 60px;  transform:translateY(-50%);  top:50%;  width:2rem;  position:absolute;  height:70%;  text-align:center;  }

          .render-jsx-300-7 .text {  border-radius:0 0 0 0;  padding:0 0 0 0;  transform:translateY(-50%);  margin:0 0 0 0;  color:#fff;  top:50%;  left:2.2rem;  font-size:.3rem;  line-height:1.2;  position:absolute;  }

          .render-jsx-300-7 .img {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  left:0;  bottom:0;  display:block;  width:2.1rem;  position:absolute;  }

          .render-jsx-300-7 .container {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 auto 0 auto;  position:relative;  height:1rem;  }

          .render-jsx-300-7  {  background-color:rgba(0,0,0,.6);  border-radius:0 0 0 0;  padding:0 16px 0 0;  margin:0 0 0 0;  width:100%;  }
           }
    </style>
<style>
/* PC端 */
@media (min-width:769px) {
	.render-jsx-300-7 .text>br{
    display:none;
  }
}
/* 手机端 */
@media (max-width:768px) {

}
</style>
<div class="render-jsx-300-7-top"></div>
<div class="render-jsx-300-7 fixed__el">
  <div class="container">
    <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/08/abp4nrb3bdf9r3pb9e2yna2py1d6g5dy.png" class="img">
    <p class="text">注册领取<br><span style="color:#ffdd8c;">388元</span>试听课礼包</p>
    <button data-popup-id="288" data-popup-hash-smzjkv="%E6%B3%A8%E5%86%8C%E9%A2%86%E5%8F%96%3Cb%20style=%22color:#c30d23;font-weight:bold;%22%3E388%E5%85%83%3C/b%3E%E8%AF%95%E5%90%AC%E8%AF%BE%E7%A4%BC%E5%8C%85" data-popup-hash-d9zqdc="%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-4fja5r="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-ox8c5j="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/18/k4r9wrpexzxl9t26y7r8gr4gbzn27jbn.png" data-popup-hash-si2nms="(%E4%BB%85%E9%99%90%E4%BB%8A%E6%97%A5%EF%BC%9Amonth%E6%9C%88date%E6%97%A5)" data-popup-hash-39fihm="%E8%AF%B7%E8%BE%93%E5%85%A5%E6%89%8B%E6%9C%BA%E5%8F%B7%E7%A0%81" data-popup-hash-gnzvxd="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-popup-hash-4cllco="%E7%AB%8B%E5%8D%B3%E5%85%8D%E8%B4%B9%E9%A2%86%E5%8F%96" class="btn">免费领取</button>
  </div>
</div>

    <style>
      @media (min-width:769px) {
            .render-jsx-288-model>.div1>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  font-weight:bold;  font-size:.3rem;  text-align:center;  }

            .render-jsx-288-model>.div1>.regcode5>.code {  border:1px solid #A0A0A0;  border-radius:4px 4px 4px 4px;  padding:0 0 0 .2rem;  margin:0 0 0 0;  width:100%;  font-size:.16rem;  height:.5rem;  }

            .render-jsx-288-model>.div1>.regcode5>.regcodebtn {  background-color:#c30d23;  border-radius:0 4px 4px 0;  padding:0 .3rem 0 .3rem;  margin:0 0 0 0;  top:0;  color:white;  font-size:.16rem;  position:absolute;  right:0;  height:100%;  }

            .render-jsx-288-model>.div1>.regcode5 {  margin:.2rem auto 0 auto;  width:4rem;  position:relative;  }

            .render-jsx-288-model>.div1>.img3 {  border-radius:0 0 0 0;  padding:.2rem .5rem .1rem .5rem;  margin:0 0 0 0;  display:block;  }

            .render-jsx-288-model>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#666;  font-size:.16rem;  text-align:center;  }

            .render-jsx-288-model>.div1>.regphone4>.phone {  border:1px solid #A0A0A0;  border-radius:4px 4px 4px 4px;  padding:0 .3rem 0 .2rem;  margin:0 0 0 0;  width:100%;  font-size:.16rem;  height:.5rem;  }

            .render-jsx-288-model>.div1>.regphone4 {  margin:.2rem auto 0 auto;  width:4rem;  }

            .render-jsx-288-model>.div1>.img7 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  top:.15rem;  position:absolute;  right:.15rem;  }

            .render-jsx-288-model>.div1>.regbtn6 {  border-radius:4px 4px 4px 4px;  background-color:#c30d23;  padding:0 0 0 0;  margin:.2rem auto 0 auto;  color:white;  display:block;  width:4.2rem;  font-size:.22rem;  height:.6rem;  }

            .render-jsx-288-model>.div1 {  background-size:100%;  min-height:100px;  border-radius:.14rem .14rem .14rem .14rem;  background-color:white;  transform:translate(-50%, -50%);  background-repeat:no-repeat;  top:50%;  padding:.4rem 0 .4rem 0;  margin:0 0 0 0;  left:50%;  width:4.5rem;  position:absolute;  min-width:100px;  }

            .render-jsx-288-model {  background-color:rgba(0,0,0,0.7);  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  top:0;  left:0;  bottom:0;  position:fixed;  right:0;  }
             }
      @media (max-width:768px) {
            .render-jsx-288-model>.div1>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  font-weight:bold;  font-size:.4rem;  text-align:center;  }

            .render-jsx-288-model>.div1>.regcode5>.code {  border:1px solid #A0A0A0;  border-radius:4px 4px 4px 4px;  padding:0 0 0 .3rem;  margin:0 0 0 0;  width:96%;  font-size:.28rem;  height:.9rem;  }

            .render-jsx-288-model>.div1>.regcode5>.regcodebtn {  background-color:#c30d23;  border-radius:0 4px 4px 0;  padding:0 .3rem 0 .3rem;  margin:0 6px 0 0;  top:0;  color:white;  font-size:.28rem;  position:absolute;  right:0;  height:100%;  }

            .render-jsx-288-model>.div1>.regcode5 {  margin:.2rem auto 0 auto;  width:6rem;  position:relative;  }

            .render-jsx-288-model>.div1>.img3 {  border-radius:0 0 0 0;  padding:.3rem 0 .2rem 0;  margin:0 auto 0 auto;  display:block;  width:80%;  }

            .render-jsx-288-model>.div1>.p2 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  color:#666;  font-size:.24rem;  text-align:center;  }

            .render-jsx-288-model>.div1>.regphone4>.phone {  border:1px solid #A0A0A0;  border-radius:4px 4px 4px 4px;  padding:0 .3rem 0 .3rem;  margin:0 0 0 0;  width:96%;  font-size:.28rem;  height:.9rem;  }

            .render-jsx-288-model>.div1>.regphone4 {  margin:.2rem auto 0 auto;  top:.3rem;  width:6rem;  }

            .render-jsx-288-model>.div1>.img7 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  top:.2rem;  width:.4rem;  position:absolute;  right:.2rem;  }

            .render-jsx-288-model>.div1>.regbtn6 {  border-radius:4px 4px 4px 4px;  background-color:#c30d23;  padding:0 0 0 0;  margin:.2rem auto 0 auto;  color:white;  display:block;  width:90%;  font-size:.32rem;  height:.9rem;  }

            .render-jsx-288-model>.div1 {  padding:.6rem 0 .6rem 0;  margin:0 0 0 0;  background-size:100%;  min-height:100px;  border-radius:.1rem .1rem .1rem .1rem;  background-color:white;  transform:translate(-50%, -50%);  background-repeat:no-repeat;  top:50%;  left:50%;  width:6.5rem;  position:absolute;  min-width:100px;  }

            .render-jsx-288-model {  background-color:rgba(0,0,0,0.7);  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  top:0;  left:0;  bottom:0;  position:fixed;  right:0;  }
             }
    </style>
<div id="register-popup-288" style="display:none;" class="render-jsx-288-model">
    <div class="div1">

<p class="p1" data-modal-hash="smzjkv">注册领取<b style="color:#c30d23;font-weight:bold;">388元</b>试听课礼包</p>

<p class="p2 time" data-modal-hash="si2nms">(仅限今日：month月date日)</p>

<img class="img3" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/18/k4r9wrpexzxl9t26y7r8gr4gbzn27jbn.png" data-modal-hash="ox8c5j">

    <div class="regphone4">

  <input name="TxtPhone" class="phone" placeholder="请输入手机号码" type="tel" data-modal-hash="39fihm">

    </div>

    <div class="regcode5">

  <input name="TxtCode" class="code" placeholder="验证码" type="tel" data-modal-hash="d9zqdc">

<button name="btnGetSMS" class="regcodebtn" data-modal-hash="4fja5r">获取验证码</button>

    </div>

<button name="registerSubmit" class="regbtn6" data-modal-hash="4cllco">立即免费领取</button>

<img class="img7 close-popup" src="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-modal-hash="gnzvxd">

    </div>
    </div>

    <style>
      @media (min-width:769px) {
            .auto-element-343-model>.div1>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  font-weight:bold;  font-size:.3rem;  text-align:center;  }

            .auto-element-343-model>.div1>.regbtn4 {  border-radius:4px 4px 4px 4px;  background-color:#c30d23;  padding:0 0 0 0;  margin:.2rem auto 0 auto;  color:white;  display:block;  width:4rem;  font-size:.24rem;  height:.55rem;  }

            .auto-element-343-model>.div1>.regphone2>.phone {  border:1px solid #A0A0A0;  border-radius:4px 4px 4px 4px;  padding:0 .3rem 0 .3rem;  margin:0 0 0 0;  width:100%;  font-size:.16rem;  height:.5rem;  }

            .auto-element-343-model>.div1>.regphone2 {  margin:.2rem auto 0 auto;  width:4rem;  }

            .auto-element-343-model>.div1>.regcode3>.code {  border:1px solid #A0A0A0;  border-radius:4px 4px 4px 4px;  padding:0 0 0 .3rem;  margin:0 0 0 0;  width:100%;  font-size:.16rem;  height:.5rem;  }

            .auto-element-343-model>.div1>.regcode3>.regcodebtn {  background-color:#c30d23;  border-radius:4px 4px 4px 4px;  padding:0 .3rem 0 .3rem;  margin:0 0 0 0;  top:0;  color:white;  font-size:.16rem;  position:absolute;  right:0;  height:100%;  }

            .auto-element-343-model>.div1>.regcode3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.2rem auto 0 auto;  width:4rem;  position:relative;  }

            .auto-element-343-model>.div1>.close5 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  top:.2rem;  width:.2rem;  position:absolute;  right:.2rem;  }

            .auto-element-343-model>.div1 {  background-size:100%;  min-height:100px;  border-radius:4px 4px 4px 4px;  background-color:white;  transform:translate(-50%, -50%);  background-repeat:no-repeat;  top:50%;  padding:.4rem 0 .4rem 0;  margin:0 0 0 0;  left:50%;  width:4.5rem;  position:absolute;  min-width:100px;  }

            .auto-element-343-model {  background-color:rgba(0,0,0,0.7);  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  top:0;  left:0;  bottom:0;  position:fixed;  right:0;  }
             }
      @media (max-width:768px) {
            .auto-element-343-model>.div1>.p1 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  font-weight:bold;  font-size:.4rem;  text-align:center;  }

            .auto-element-343-model>.div1>.regbtn4 {  border-radius:4px 4px 4px 4px;  background-color:#c30d23;  padding:0 0 0 0;  margin:.2rem auto 0 auto;  color:white;  display:block;  width:90%;  font-size:.32rem;  height:.9rem;  }

            .auto-element-343-model>.div1>.regphone2>.phone {  border:1px solid #A0A0A0;  border-radius:4px 4px 4px 4px;  padding:0 .3rem 0 .3rem;  margin:0 0 0 0;  width:100%;  font-size:.28rem;  height:.9rem;  }

            .auto-element-343-model>.div1>.regphone2 {  margin:.2rem auto 0 auto;  top:.3rem;  width:6rem;  }

            .auto-element-343-model>.div1>.regcode3>.code {  border:1px solid #A0A0A0;  border-radius:4px 4px 4px 4px;  padding:0 0 0 .3rem;  margin:0 0 0 0;  width:100%;  font-size:.28rem;  height:.9rem;  }

            .auto-element-343-model>.div1>.regcode3>.regcodebtn {  background-color:#c30d23;  border-radius:4px 4px 4px 4px;  padding:0 .3rem 0 .3rem;  margin:0 0 0 0;  top:0;  color:white;  font-size:.28rem;  position:absolute;  right:0;  height:100%;  }

            .auto-element-343-model>.div1>.regcode3 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:.2rem auto 0 auto;  width:6rem;  position:relative;  }

            .auto-element-343-model>.div1>.close5 {  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  top:0.2rem;  width:.32rem;  position:absolute;  right:.2rem;  }

            .auto-element-343-model>.div1 {  padding:.4rem 0 .4rem 0;  margin:0 0 0 0;  background-size:100%;  min-height:100px;  border-radius:2px 2px 2px 2px;  background-color:white;  transform:translate(-50%, -50%);  background-repeat:no-repeat;  top:50%;  left:50%;  width:6.5rem;  position:absolute;  min-width:100px;  }

            .auto-element-343-model {  background-color:rgba(0,0,0,0.7);  border-radius:0 0 0 0;  padding:0 0 0 0;  margin:0 0 0 0;  top:0;  left:0;  bottom:0;  position:fixed;  right:0;  }
             }
    </style>
<div id="register-popup-343" style="display:none;" class="auto-element-343-model">
    <div class="div1">

<p class="p1" data-modal-hash="ynph5g">马上<b style="color:#c30d23;">免费体验</b></p>

    <div class="regphone2">

  <input name="TxtPhone" class="phone" placeholder="请输入手机号" type="tel" data-modal-hash="9pbuvk">

    </div>

    <div class="regcode3">

  <input name="TxtCode" class="code" placeholder="请输入验证码" type="tel" data-modal-hash="sh87kz">

<button name="btnGetSMS" class="regcodebtn" data-modal-hash="yauwdf">获取验证码</button>

    </div>

<button name="registerSubmit" class="regbtn4" data-modal-hash="tsos6k">免费体验</button>

<img class="close-popup close5" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/20/j4kwal5p35p9zfw4ntfhwk7d5zndf4mn.png" data-modal-hash="da4scc">

    </div>
    </div>


  <footer class="footer footer-children">
    <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/js/editor/swiper-4.5.3.min.js"></script>
  <script type="text/javascript" src="https://img.acadsoc.com.cn/js/editor/comm-handle.js"></script>

  <script>
    // 支付配置
    var defaultPay = {
      sort: '',
      value: '',
    }
    var payConfig = {
      sort: '',
      value: '',
    };
    var paytype = 'wechat'; // wechat | alipay

    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);
    })
    // dynamic data
    const imgIds = [];
    const bgImgIds = [];
    const textIds = [];

    $(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();
        })

        // 防止页面后退 监听
        history.pushState({ title: 'title', url: '#back' }, 'title', '#back');
        window.addEventListener('popstate', holdBack);
      }

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

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

      // 打开弹窗
      $('[data-popup-id]').click(function(){
        window.payConfig.sort = this.getAttribute('data-pay-sort');
        window.payConfig.value = this.getAttribute('data-pay-value');
        openModal(this);
      })


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

      $('[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);
          });
        }
      })

      if ($('[data-pay-sort]').length > 0){
        $('[data-paytype]').click(function () {
          window.paytype = this.getAttribute('data-paytype');
        });
      }


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

          return false;
        },
        type: 'code', //注册类型：normal（常规）,code（验证码注册）,uid（带推荐人uid）

      });


    })


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

  <!-- customize footer code -->


</body></html>