<!doctype html><html><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<title>阿卡索外教网_在线英语培训_外教口语一对一培训</title>
<meta name="description" content="阿卡索外教网提供在线英语口语培训，全程外教一对一教学模式，是专业的在线英语培训网站，阿卡索外教老师均毕业于国际知名的一流学府，拥有标准的英语口语以及最纯正的教学知识。您值得拥有">
<meta name="keywords" content="在线英语口语培训，在线英语培训，外教一对一，英语外教一对一，英语网络教学">
<!-- 分享配置 -->
<meta itemprop="name" content="阿卡索外教网_在线英语培训_外教口语一对一培训">
<meta itemprop="image" content="https://img.acadsoc.com.cn/share/share-default.png">
<meta name="description" itemprop="description" content="阿卡索外教网提供在线英语口语培训，全程外教一对一教学模式，是专业的在线英语培训网站，阿卡索外教老师均毕业于国际知名的一流学府，拥有标准的英语口语以及最纯正的教学知识。您值得拥有">
<!--<link rel="stylesheet" href="https://img.acadsoc.com.cn/css/bootstrap.min.css">-->
<link href="https://img.acadsoc.com.cn/js/editor/swiper.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://img.acadsoc.com.cn/web/css/header-footer.css">
<link rel="stylesheet" href="https://img.acadsoc.com.cn/web/css/editor.init.css">
<link rel="icon" href="https://www.acadsoc.com.cn/favicon.ico" type="image/x-icon">
<script type="text/javascript" src="https://img.acadsoc.com.cn/web/lps/recommend/js/jquery.min.js"></script>
<script type="text/javascript" src="https://img.acadsoc.com.cn/js/editor/global.js"></script>
<script type="text/javascript">
var html = document.documentElement;
var htmlClientWidth = 0;
var rejustRootSize = function () {
var oh = 750;
html.getBoundingClientRect().width > oh ? htmlClientWidth = oh : htmlClientWidth = html.getBoundingClientRect().width;
html.style.fontSize = htmlClientWidth / (oh / 100) + 'px';
};
rejustRootSize();
window.onresize = rejustRootSize;
</script>
<script src="https://img.acadsoc.com.cn/web/js/bootstrap.min.js"></script>
<script src="https://img.acadsoc.com.cn/web/lps/activity/js/lp.js"></script>
<!--IpRecord-->
<script type="text/javascript" src="https://www.acadsoc.com.cn/ajax/Web.UI.Fun.IpRecord.aspx"></script>
<script src="https://img.acadsoc.com.cn/web/js/IdentificationSystem.js"></script>
<script src="https://img.acadsoc.com.cn/web/lps/activity/js/Record.js"></script>
<!--微信分享-->
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="https://img.acadsoc.com.cn/web/lps/activity/js/wxShare.js"></script>
<script>
wxShare.init();
</script>
<!--[if lt IE 9]>
<script src="https://img.acadsoc.com.cn/web/js/vendor/html5shiv.js"></script>
<script src="https://img.acadsoc.com.cn/web/js/vendor/respond.min.js"></script>
<![endif]-->
<script>
window.HtmlWidth = 0;
$(function(){
window.HtmlWidth = document.body.clientWidth || document.documentElement.clientWidth;
})
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return "";
}
</script>
<style>
body{
background-color:white;
}
</style>
<!-- customize code header -->
<script src="https://img.acadsoc.com.cn/web/lps/activity/js/BaiDuStatistics.js"></script>
<script src="https://img.acadsoc.com.cn/web/SenSors/sensorsheadother.js"></script>
<script src="https://www.acadsoc.com.cn/OCPC/js/ocpc.js"></script>
</head><body>
<!-- js统计 -->
<script src="https://img.acadsoc.com.cn/web/js/monitor/apm.web.js"></script>
<style>
@media (min-width:769px) {
.render-swiper-248-0 .options { loop:true; }
.render-swiper-248-0 .img { display:none; }
.render-swiper-248-0 .slide2 { background-repeat:no-repeat; background-size:cover; background-position:center; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/19/7ptrmg1d2x4wjxe63wjbjp1d861d3ecl.png); }
.render-swiper-248-0 .img { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; }
.render-swiper-248-0 .slide1 { background-repeat:no-repeat; background-size:cover; background-position:center; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/19/dgbcr7rtmaybh8ptm1d936npw6l98rdf.png); }
.render-swiper-248-0 .swiper { z-index:2; width:100%; position:absolute; height:100%; }
.render-swiper-248-0 .tips { border-radius:0 0 0 0; padding:0 0 0 0; margin:.15rem auto 0 auto; display:block; }
.render-swiper-248-0 .timetips { padding:.1rem 0 0 0; background-repeat:no-repeat; margin:-.12rem auto .1rem auto; background-size:auto 100%; color:#fff; width:2.1rem; font-size:16px; background-image:url(https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/img/reg-top.png); text-align:center; height:.6rem; }
.render-swiper-248-0 .regcodebtn { background-color:#c30d23; border-radius:60px; padding:0 .3rem 0 .3rem; top:0; color:white; font-size:.16rem; position:absolute; right:0; height:100%; }
.render-swiper-248-0 .code { border-radius:60px 60px 60px 60px; background-color:#EEEEEE; padding:0 0 0 .3rem; margin:0 0 0 0; width:100%; font-size:.16rem; height:.5rem; }
.render-swiper-248-0 .regcode3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.16rem auto 0 auto; width:100%; position:relative; }
.render-swiper-248-0 .text2 { color:#666; font-size:.14rem; line-height:1.6; text-align:center; }
.render-swiper-248-0 .phone { border-radius:60px 60px 60px 60px; background-color:#EEEEEE; padding:0 .3rem 0 .3rem; margin:0 0 0 0; width:100%; font-size:.16rem; height:.5rem; }
.render-swiper-248-0 .regphone2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.15rem auto 0 auto; width:100%; }
.render-swiper-248-0 .text1 { color:rgba(20, 43, 136, 1); font-weight:bold; font-size:24px; line-height:1.4; text-align:center; }
.render-swiper-248-0 .regbtn4 { border-radius:60px 60px 60px 60px; background-color:#c30d23; padding:0 0 0 0; margin:.16rem auto 0 auto; color:white; font-weight:bold; display:block; width:100%; font-size:.16rem; height:.5rem; }
.render-swiper-248-0 .com { background-color:#fff; border-radius:.1rem .1rem .1rem .1rem; padding:0 .25rem .3rem .25rem; z-index:3; transform:translateY(-50%); top:50%; width:3.5rem; position:absolute; right:0; }
.render-swiper-248-0 .container { margin:0 auto 0 auto; position:relative; height:100%; }
.render-swiper-248-0 { padding:0 0 0 0; margin:0 0 0 0; position:relative; height:600px; }
}
@media (max-width:768px) {
.render-swiper-248-0 .options { loop:true; }
.render-swiper-248-0 .img { width:100%; }
.render-swiper-248-0 .slide2 { }
.render-swiper-248-0 .img { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:100%; }
.render-swiper-248-0 .slide1 { }
.render-swiper-248-0 .swiper { width:100%; }
.render-swiper-248-0 .tips { border-radius:0 0 0 0; padding:0 0 0 0; margin:.24rem auto 0 auto; display:block; }
.render-swiper-248-0 .timetips { padding:.14rem 0 0 0; background-size:auto 100%; color:#fff; font-size:.24rem; line-height:1.3; background-repeat:no-repeat; transform:translateX(-50%); top:-.18rem; left:50%; width:2.95rem; background-image:url(https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/img/reg-top.png); position:absolute; text-align:center; height:.9rem; }
.render-swiper-248-0 .regcodebtn { background-color:#c30d23; border-radius:60px; padding:0 .3rem 0 .3rem; top:0; color:white; font-size:.28rem; position:absolute; right:0; height:100%; }
.render-swiper-248-0 .code { border-radius:60px 60px 60px 60px; background-color:#EEEEEE; padding:0 0 0 .3rem; margin:0 0 0 0; width:100%; font-size:.28rem; height:.9rem; }
.render-swiper-248-0 .regcode3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.3rem auto 0 auto; width:100%; position:relative; }
.render-swiper-248-0 .text2 { color:#666; font-size:.28rem; line-height:1.6; text-align:center; }
.render-swiper-248-0 .phone { border-radius:60px 60px 60px 60px; background-color:#EEEEEE; padding:0 .3rem 0 .3rem; margin:0 0 0 0; width:100%; font-size:.28rem; height:.9rem; }
.render-swiper-248-0 .regphone2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.3rem auto 0 auto; top:.3rem; width:100%; }
.render-swiper-248-0 .text1 { color:rgba(20, 43, 136, 1); font-weight:bold; font-size:.38rem; line-height:1.4; text-align:center; }
.render-swiper-248-0 .regbtn4 { border-radius:60px 60px 60px 60px; background-color:#c30d23; padding:0 0 0 0; margin:.3rem auto 0 auto; color:white; font-weight:bold; display:block; width:100%; font-size:.32rem; height:.9rem; }
.render-swiper-248-0 .com { background-color:#fff; border-radius:.1rem .1rem .1rem .1rem; padding:.9rem .3rem .3rem .3rem; box-shadow:0 0 .1rem .1rem rgba(0,40,162,.1); transform:translateY(0); margin:-.7rem auto 0 auto; z-index:2; top:initial; width:92%; position:relative; right:initial; }
.render-swiper-248-0 .container { margin:0 auto 0 auto; position:relative; }
.render-swiper-248-0 { background-color:#fff; padding:0 0 .2rem 0; margin:0 0 0 0; position:relative; }
}
</style>
<style>
/* PC端 */
@media (min-width:769px) {
}
/* 手机端 */
@media (max-width:768px) {
}
</style>
<div class="render-swiper-248-0">
<div class="swiper swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide slide1">
<img class="img" src="https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/LHY2SEM/img/banner.png">
</div>
<div class="swiper-slide slide2">
<img class="img" src="https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/LHY2SEM/img/banner2.png">
</div>
</div>
</div>
<div class="container">
<div class="com">
<div class="timetips">距结束还剩:<b style="display:block;color:#fff;">00:00:00</b></div>
<p class="text1"><b style="color:#c30d23;">免费领</b> 53节精品外教课</p>
<p class="text2">*每个ID限领一次</p>
<div class="regphone2">
<input placeholder="请输入手机号" type="tel" name="TxtPhone" class="phone">
</div>
<div class="regcode3">
<input placeholder="请输入验证码" type="tel" name="TxtCode" class="code">
<button name="btnGetSMS" class="regcodebtn">获取验证码</button>
</div>
<button name="registerSubmit" class="regbtn4">立即领取</button>
<img class="tips" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/20/wbp3ae8zgj6n4kfta4gb21dtzl72r3mr.png">
</div>
</div>
</div>
<script type="text/javascript" src="https://img.acadsoc.com.cn/web/lps/js/time-util.js"></script>
<script>
$(function(){
getTomorrowCountDown(function (res) {
$('.render-swiper-248-0 .timetips b').text(`${res.hourse}:${res.minutes}:${res.seconds}`);
});
new Swiper('.render-swiper-248-0 .swiper-container',HtmlWidth >= 768 ? {"loop":true,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false}} : {"loop":true,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false}} )
})
</script>
<style>
@media (min-width:769px) {
.render-swiper-323-1 .btn { padding:0 0 0 0; margin:0 auto 0 auto; color:#fff; display:block; font-size:24px; line-height:60px; border-radius:50px 50px 50px 50px; background-color:#b81c25; box-shadow:0 .1rem .1rem rgba(195,13,35,.2); outline:none; width:480px; text-align:center; }
.render-swiper-323-1 .options { loop:false; initialSlide:0; centeredSlides:false; slidesPerView:2; spaceBetween:0; }
.render-swiper-323-1 .list { border-radius:0 0 0 0; padding:.5rem 0 .5rem 0; margin:0 auto 0 auto; width:100%; }
.render-swiper-323-1 .title { border:none; color:#333; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; }
.render-swiper-323-1 .subtitle { margin:.3rem 0 0 0; color:#666; font-size:.22rem; line-height:1.6; text-align:center; }
.render-swiper-323-1 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }
.render-swiper-323-1 .item { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }
.render-swiper-323-1 .img { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; display:block; width:85%; }
.render-swiper-323-1 { background-color:#fff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; }
}
@media (max-width:768px) {
.render-swiper-323-1 .btn { padding:0 0 0 0; margin:0 auto 0 auto; color:#fff; display:block; font-size:.32rem; line-height:.88rem; border-radius:.5rem .5rem .5rem .5rem; background-color:#b81c25; box-shadow:0 .1rem .1rem rgba(195,13,35,.2); outline:none; width:92%; text-align:center; }
.render-swiper-323-1 .options { loop:true; initialSlide:0; centeredSlides:false; slidesPerView:1; spaceBetween:0; }
.render-swiper-323-1 .list { border-radius:0 0 0 0; padding:.4rem 0 .4rem 0; margin:0 auto .4rem auto; width:100%; }
.render-swiper-323-1 .title { border:none; color:#333; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; }
.render-swiper-323-1 .subtitle { margin:.25rem 0 0 0; color:#666; font-size:.28rem; line-height:1.6; text-align:center; }
.render-swiper-323-1 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }
.render-swiper-323-1 .item { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }
.render-swiper-323-1 .img { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; display:block; width:88%; }
.render-swiper-323-1 { background-color:#fff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; }
}
</style>
<style>
.render-swiper-323-1 .swiper-pagination{
bottom:0;
}
.render-swiper-323-1 .swiper-pagination-bullet{
width:.1rem;height:.1rem;
}
.render-swiper-323-1 .swiper-pagination-bullet-active{
background:#0e3180;
}
/* PC端 */
@media (min-width:769px) {
.render-swiper-323-1 .swiper-pagination{
display:none;
}
}
/* 手机端 */
@media (max-width:768px) {
.render-swiper-323-1 .swiper-pagination-bullet{
margin:0 3px !important;
}
}
</style>
<div class="render-swiper-323-1">
<div class="container">
<h2 class="title">我特别为大家申请了<b style="color:#ce0e2d;">试听课程礼品~</b></h2>
<p class="subtitle">精美英语礼盒 | 或畅销书《说出美国人的每一天》<br>限量随课赠送（全国包邮）</p>
<div class="swiper-container list">
<div class="swiper-wrapper">
<div class="swiper-slide item key">
<img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/23/9r5rcj75hzandbfc2ctcedgxzwdl7an4.png">
</div>
<div class="swiper-slide item key">
<img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/23/t51djn1dhwcy5b7j2etcm2tyc47l1dyt.png">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<button class="btn" data-popup-id="175" data-popup-hash-4hbu3a="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-s6f2id="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-rldowj="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-zty1bo="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-popup-hash-08rsha="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-t97bij="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-zmkuk5="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC">立即试听</button>
</div>
</div>
<script>
$(function(){
new Swiper ('.render-swiper-323-1 .swiper-container',
HtmlWidth >= 768 ? {"loop":false,"initialSlide":0,"centeredSlides":false,"slidesPerView":2,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false},"spaceBetween":0,"pagination":{"el":".render-swiper-323-1 .swiper-pagination","clickable":true}} : {"loop":true,"initialSlide":0,"centeredSlides":false,"slidesPerView":1,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false},"spaceBetween":0,"pagination":{"el":".render-swiper-323-1 .swiper-pagination","clickable":true}}
);
})
</script>
<style>
@media (min-width:769px) {
.render-swiper-172-2 .btn { padding:0 0 0 0; margin:.4rem auto 0 auto; color:#fff; display:block; font-size:24px; border-radius:50px 50px 50px 50px; background-color:#b81c25; outline:none; width:420px; height:.6rem; text-align:center; }
.render-swiper-172-2 .list { margin:0 auto 0 auto; width:100%; }
.render-swiper-172-2 .title { color:#333; font-weight:bold; font-size:.38rem; line-height:1; text-align:center; }
.render-swiper-172-2 .tabs { margin:.4rem auto .4rem auto; flex-direction:row; display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; }
.render-swiper-172-2 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }
.render-swiper-172-2 .lefttitle { border-radius:.1rem .1rem .1rem .1rem; background-color:#fff; color:#c30d23; font-weight:bold; width:1.6rem; font-size:24px; line-height:.46rem; text-align:center; }
.render-swiper-172-2 .righttitle { border-radius:.1rem .1rem .1rem .1rem; background-color:#fff; color:#0e3180; font-weight:bold; width:1.6rem; font-size:24px; line-height:.46rem; text-align:center; }
.render-swiper-172-2 .item { padding:.2rem .4rem .2rem .4rem; background-repeat:no-repeat; flex-direction:row; background-size:100% 100%; display:flex; width:100%; justify-content:space-between; min-height:1.5rem; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/09/9pmafgtrmbnan3cgjt2wy81dfcytw2z4.png); background-position:center center; }
.render-swiper-172-2 .righttext { padding-top:.2rem; color:#fff; font-size:18px; line-height:1.4; }
.render-swiper-172-2 .tab { border-radius:40px 40px 40px 40px; border:1px solid #00269a; cursor:pointer; color:#00269a; width:14%; font-size:20px; line-height:40px; text-align:center; }
.render-swiper-172-2 .lefttext { padding-top:.2rem; color:#fff; font-size:18px; line-height:1.4; }
.render-swiper-172-2 .leftcontent { width:44%; }
.render-swiper-172-2 .slide { }
.render-swiper-172-2 .rightcontent { width:42%; }
.render-swiper-172-2 { background-color:#fff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; }
}
@media (max-width:768px) {
.render-swiper-172-2 .btn { padding:0 0 0 0; margin:.5rem auto 0 auto; color:#fff; display:block; font-size:.32rem; line-height:.88rem; border-radius:.5rem .5rem .5rem .5rem; background-color:#b81c25; outline:none; width:88%; height:.88rem; text-align:center; }
.render-swiper-172-2 .list { }
.render-swiper-172-2 .title { margin:0 0 .3rem 0; color:#333; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; }
.render-swiper-172-2 .tabs { margin:0 auto .4rem auto; flex-direction:row; display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; }
.render-swiper-172-2 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }
.render-swiper-172-2 .lefttitle { border-radius:.1rem .1rem .1rem .1rem; background-color:#fff; color:#c30d23; font-weight:bold; width:1.7rem; font-size:.28rem; line-height:.46rem; text-align:center; }
.render-swiper-172-2 .righttitle { border-radius:.1rem .1rem .1rem .1rem; background-color:#fff; color:#0e3180; font-weight:bold; width:1.7rem; font-size:.28rem; line-height:.46rem; text-align:center; }
.render-swiper-172-2 .item { padding:.4rem .3rem .4rem .3rem; background-repeat:no-repeat; flex-direction:row; background-size:100% 100%; display:flex; width:100%; justify-content:space-between; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/09/2m7y3j3bj2fm74ab2747hrjal969ah7k.png); background-position:center center; }
.render-swiper-172-2 .righttext { padding-top:.2rem; color:#fff; font-size:.24rem; line-height:1.4; }
.render-swiper-172-2 .tab { border-radius:.4rem .4rem .4rem .4rem; border:1px solid #00269a; cursor:pointer; margin:.3rem 0 0 0; color:#00269a; width:31%; font-size:.26rem; line-height:.6rem; text-align:center; }
.render-swiper-172-2 .lefttext { padding-top:.2rem; color:#fff; font-size:.24rem; line-height:1.4; }
.render-swiper-172-2 .leftcontent { width:40%; }
.render-swiper-172-2 .slide { }
.render-swiper-172-2 .rightcontent { width:37%; }
.render-swiper-172-2 { background-color:#fff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; }
}
</style>
<style>
.render-swiper-172-2 .active{
background-color:#c30d23;color:#fff;border-color:#c30d23;
}
/* PC端 */
@media (min-width:769px) {
}
/* 手机端 */
@media (max-width:768px) {
.render-swiper-172-2 .swiper-pagination{
display:none;
}
}
</style>
<div class="render-swiper-172-2">
<div class="container">
<h2 class="title"><b style="color:#c30d23;font-style:italic;font-size:.5rem;">请选择</b> 您的身份</h2>
<ol class="tabs">
<li class="tab active">零基础</li>
<li class="tab">上班族/白领</li>
<li class="tab">在校学生</li>
<li class="tab">自由职业</li>
<li class="tab">雅思/托福</li>
<li class="tab">出国旅游</li>
</ol>
<div class="swiper-container list">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="item">
<div class="leftcontent">
<h3 class="lefttitle">你可能面临</h3>
<p class="lefttext">英语基础弱，自学缺方法，发音不准不敢开口</p>
</div>
<div class="rightcontent">
<h3 class="righttitle">我们能做的</h3>
<p class="righttext">专业定制个性化学习方案，真人外教1对1 陪练</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<div class="leftcontent">
<h3 class="lefttitle">你可能面临</h3>
<p class="lefttext">工作繁忙、没时间，职场竞争压力大，普通课程无法满足需求</p>
</div>
<div class="rightcontent">
<h3 class="righttitle">我们能做的</h3>
<p class="righttext">每天25分钟，外教1对1高频互动，随时随地轻松高效</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<div class="leftcontent">
<h3 class="lefttitle">你可能面临</h3>
<p class="lefttext">盲目背单词记语法，学习枯燥、无人监督，没法坚持、效果差</p>
</div>
<div class="rightcontent">
<h3 class="righttitle">我们能做的</h3>
<p class="righttext">量需定制专属学习方案，沉浸式情景教学3对1全程跟进学习</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<div class="leftcontent">
<h3 class="lefttitle">你可能面临</h3>
<p class="lefttext">口语不流利，不懂社交用语，想学但不知如何起步</p>
</div>
<div class="rightcontent">
<h3 class="righttitle">我们能做的</h3>
<p class="righttext">8大类176种课程，1对1量身定制，轻松学好英语</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<div class="leftcontent">
<h3 class="lefttitle">你可能面临</h3>
<p class="lefttext">缺乏纯英文学习环境,口语提升困难，找不到好方法</p>
</div>
<div class="rightcontent">
<h3 class="righttitle">我们能做的</h3>
<p class="righttext">真人外教1对1，真实场景实战演练，口语地道学得快</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<div class="leftcontent">
<h3 class="lefttitle">你可能面临</h3>
<p class="lefttext">英语基础弱，哑巴英语，不敢开口说，出国语言不通</p>
</div>
<div class="rightcontent">
<h3 class="righttitle">我们能做的</h3>
<p class="righttext">定制化教材，外教1对1，模拟真实生活场景,教你地道口语</p>
</div>
</div>
</div>
</div>
</div>
<button class="btn" data-popup-id="175" data-popup-hash-4hbu3a="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-s6f2id="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-rldowj="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-zty1bo="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-popup-hash-08rsha="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-t97bij="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-zmkuk5="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC">定制我的学习计划</button>
</div>
</div>
<script>
$(function(){
const mySwiper = new Swiper ('.render-swiper-172-2 .swiper-container', {
slidesPerView: 1,
centeredSlides: true,
initialSlide: 0,
spaceBetween: 0,
autoplay: {
delay: 3000,
stopOnLastSlide: false,
disableOnInteraction: false,
},
pagination: {
el:'.render-swiper-172-2 .swiper-pagination',
clickable :true,
},
on: {
slideChangeTransitionStart: function(){
const index = this.activeIndex;
$('.render-swiper-172-2 .tabs li').each(function(i,v){
$('.render-swiper-172-2 .tabs li').eq(index).addClass('active').siblings('li').removeClass('active')
})
},
},
});
$('.render-swiper-172-2 .tabs li').click(function(){
const index = $(this).index();
$(this).addClass('active').siblings('li').removeClass('active');
mySwiper.slideTo(index, 300, false);
})
})
</script>
<style>
@media (min-width:769px) {
.auto-element-253-3>.container>.img4 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; }
.auto-element-253-3>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#333; font-weight:bold; font-size:.4rem; text-align:center; }
.auto-element-253-3>.container>.p2 { color:#666; font-size:.32rem; border-radius:0 0 0 0; text-align:center; padding:0 0 0 0; margin:.1rem 0 0 0; }
.auto-element-253-3>.container>.img5 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem 0 0 0; }
.auto-element-253-3>.container>.p5 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem 0 0 0; color:#666; font-size:.18rem; text-align:center; }
.auto-element-253-3>.container>.button7 { border-radius:60px 60px 60px 60px; background-color:rgba(195, 13, 35, 1); padding:0 0 0 0; box-shadow:0px 4px 10px rgba(195,13,35,0.4); margin:.4rem auto 0 auto; color:white; display:block; width:4rem; font-size:.24rem; text-align:center; height:.6rem; }
.auto-element-253-3>.container { min-height:100px; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }
.auto-element-253-3 { background-color:#F5F5F5; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; }
}
@media (max-width:768px) {
.auto-element-253-3>.container>.img4 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem 0 0 0; }
.auto-element-253-3>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#333; font-weight:bold; font-size:.4rem; text-align:center; }
.auto-element-253-3>.container>.p2 { color:#666; font-size:.32rem; border-radius:0 0 0 0; text-align:center; padding:0 0 0 0; margin:.2rem 0 0 0; }
.auto-element-253-3>.container>.img5 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; }
.auto-element-253-3>.container>.p5 { color:#666; font-size:.28rem; border-radius:0 0 0 0; text-align:center; padding:0 0 0 0; margin:.2rem 0 0 0; }
.auto-element-253-3>.container>.button7 { border-radius:60px 60px 60px 60px; background-color:rgba(195, 13, 35, 1); padding:0 0 0 0; box-shadow:0px 4px 10px rgba(195,13,35,0.4); margin:.4rem auto 0 auto; color:white; display:block; width:6rem; font-size:.32rem; text-align:center; height:.9rem; }
.auto-element-253-3>.container { border-radius:0 0 0 0; padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; min-height:100px; }
.auto-element-253-3 { background-color:white; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; }
}
</style>
<div class="auto-element-253-3">
<div class="container">
<p class="p1"><b style="color:rgba(195, 13, 35, 1);font-style:italic;font-size:1.2em;">外教 1对 1</b> 快速提升口语水平</p>
<p class="p2">均持证教学省心更放心</p>
<img class="img4" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/l7yekerelz9hrbtmj1dy91dbcatebz4h.png">
<img class="img5" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/l7kh578g95nmcr9frtcjyjywzyw7lj4t.png">
<p class="p5">*因授课外教众多，仅展示部分外教</p>
<button data-popup-id="175" data-popup-hash-4hbu3a="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-s6f2id="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-rldowj="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-zty1bo="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-popup-hash-08rsha="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-t97bij="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-zmkuk5="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" class="button7">0元免费试听</button>
</div>
</div>
<style>
@media (min-width:769px) {
.auto-element-252-4>.container>.p1 { color:#333; font-weight:bold; font-size:.4rem; border-radius:0 0 0 0; text-align:center; padding:0 0 0 0; margin:0 0 0 0; }
.auto-element-252-4>.container>.div2>.div4>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.3rem 0 0 0; color:#666; font-size:.14rem; text-align:center; }
.auto-element-252-4>.container>.div2>.div4>.div1>.p2 { border:1px solid rgba(195, 13, 35, 1); padding:.05rem 0 .05rem 0; margin:0 0 0 0; color:rgba(195, 13, 35, 1); bottom:0; display:block; font-size:.2rem; border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); transform:translate(-50%,50%); left:50%; width:60%; position:absolute; text-align:center; }
.auto-element-252-4>.container>.div2>.div4>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }
.auto-element-252-4>.container>.div2>.div4>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; min-height:100px; position:relative; min-width:100px; }
.auto-element-252-4>.container>.div2>.div4 { border-radius:0 0 0 0; padding:0 .1rem 0 .1rem; margin:0 0 0 0; flex:1; min-height:100px; min-width:100px; }
.auto-element-252-4>.container>.div2>.div3>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.3rem 0 0 0; color:#666; font-size:.14rem; text-align:center; }
.auto-element-252-4>.container>.div2>.div3>.div1>.p2 { border:1px solid rgba(195, 13, 35, 1); padding:.05rem 0 .05rem 0; margin:0 0 0 0; color:rgba(195, 13, 35, 1); bottom:0; display:block; font-size:.2rem; border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); transform:translate(-50%,50%); left:50%; width:60%; position:absolute; text-align:center; }
.auto-element-252-4>.container>.div2>.div3>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }
.auto-element-252-4>.container>.div2>.div3>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; min-height:100px; position:relative; min-width:100px; }
.auto-element-252-4>.container>.div2>.div3 { border-radius:0 0 0 0; padding:0 .1rem 0 .1rem; margin:0 0 0 0; flex:1; min-height:100px; min-width:100px; }
.auto-element-252-4>.container>.div2>.div2>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.3rem 0 0 0; color:#666; font-size:.14rem; text-align:center; }
.auto-element-252-4>.container>.div2>.div2>.div1>.p2 { border:1px solid rgba(195, 13, 35, 1); padding:.05rem 0 .05rem 0; margin:0 0 0 0; color:rgba(195, 13, 35, 1); bottom:0; display:block; font-size:.2rem; border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); transform:translate(-50%,50%); left:50%; width:60%; position:absolute; text-align:center; }
.auto-element-252-4>.container>.div2>.div2>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }
.auto-element-252-4>.container>.div2>.div2>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; min-height:100px; position:relative; min-width:100px; }
.auto-element-252-4>.container>.div2>.div2 { border-radius:0 0 0 0; padding:0 .1rem 0 .1rem; margin:0 0 0 0; flex:1; min-height:100px; min-width:100px; }
.auto-element-252-4>.container>.div2>.div1>.p2 { color:#666; font-size:.14rem; border-radius:0 0 0 0; text-align:center; padding:0 0 0 0; margin:.3rem 0 0 0; }
.auto-element-252-4>.container>.div2>.div1>.div1>.p2 { border:1px solid rgba(195, 13, 35, 1); padding:.05rem 0 .05rem 0; margin:0 0 0 0; color:rgba(195, 13, 35, 1); bottom:0; display:block; font-size:.2rem; border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); transform:translate(-50%,50%); left:50%; width:60%; position:absolute; text-align:center; }
.auto-element-252-4>.container>.div2>.div1>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }
.auto-element-252-4>.container>.div2>.div1>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; min-height:100px; position:relative; min-width:100px; }
.auto-element-252-4>.container>.div2>.div1 { border-radius:0 0 0 0; padding:0 .1rem 0 .1rem; margin:0 0 0 0; flex:1; min-height:100px; min-width:100px; }
.auto-element-252-4>.container>.div2 { border-radius:0 0 0 0; padding:.4rem 0 0 0; margin:0 0 0 0; display:flex; min-height:100px; min-width:100px; }
.auto-element-252-4>.container { min-height:100px; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }
.auto-element-252-4 { min-height:100px; background-color:white; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; }
}
@media (max-width:768px) {
.auto-element-252-4>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#333; font-weight:bold; font-size:.4rem; text-align:center; }
.auto-element-252-4>.container>.div2>.div4>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.6rem 0 0 0; color:#666; font-size:.24rem; text-align:center; }
.auto-element-252-4>.container>.div2>.div4>.div1>.p2 { border:1px solid rgb(195, 13, 35); padding:0.1rem 0 0.1rem 0; margin:0px 0px 0px 0px; color:rgb(195, 13, 35); font-weight:bold; bottom:0px; display:block; font-size:0.32rem; border-radius:60px 60px 60px 60px; background-color:rgb(255, 255, 255); transform:translate(-50%, 50%); left:50%; width:2.4rem; position:absolute; text-align:center; }
.auto-element-252-4>.container>.div2>.div4>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }
.auto-element-252-4>.container>.div2>.div4>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; min-height:100px; position:relative; min-width:100px; }
.auto-element-252-4>.container>.div2>.div4 { border-radius:0 0 0 0; padding:0 .2rem .4rem .2rem; margin:0 0 0 0; width:50%; min-height:100px; min-width:100px; }
.auto-element-252-4>.container>.div2>.div3>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.6rem 0 0 0; color:#666; font-size:.24rem; text-align:center; }
.auto-element-252-4>.container>.div2>.div3>.div1>.p2 { border:1px solid rgb(195, 13, 35); padding:0.1rem 0 0.1rem 0; margin:0px 0px 0px 0px; color:rgb(195, 13, 35); font-weight:bold; bottom:0px; display:block; font-size:0.32rem; border-radius:60px 60px 60px 60px; background-color:rgb(255, 255, 255); transform:translate(-50%, 50%); left:50%; width:2.4rem; position:absolute; text-align:center; }
.auto-element-252-4>.container>.div2>.div3>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }
.auto-element-252-4>.container>.div2>.div3>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; min-height:100px; position:relative; min-width:100px; }
.auto-element-252-4>.container>.div2>.div3 { border-radius:0 0 0 0; padding:0 .2rem .4rem .2rem; margin:0 0 0 0; width:50%; min-height:100px; min-width:100px; }
.auto-element-252-4>.container>.div2>.div2>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.6rem 0 0 0; color:#666; font-size:.24rem; text-align:center; }
.auto-element-252-4>.container>.div2>.div2>.div1>.p2 { border:1px solid rgb(195, 13, 35); padding:0.1rem 0 0.1rem 0; margin:0px 0px 0px 0px; color:rgb(195, 13, 35); font-weight:bold; bottom:0px; display:block; font-size:0.32rem; border-radius:60px 60px 60px 60px; background-color:rgb(255, 255, 255); transform:translate(-50%, 50%); left:50%; width:2.4rem; position:absolute; text-align:center; }
.auto-element-252-4>.container>.div2>.div2>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }
.auto-element-252-4>.container>.div2>.div2>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; min-height:100px; position:relative; min-width:100px; }
.auto-element-252-4>.container>.div2>.div2 { border-radius:0 0 0 0; padding:0 .2rem .4rem .2rem; margin:0 0 0 0; width:50%; min-height:100px; min-width:100px; }
.auto-element-252-4>.container>.div2>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.6rem 0 0 0; color:#666; font-size:.24rem; text-align:center; }
.auto-element-252-4>.container>.div2>.div1>.div1>.p2 { border:1px solid rgb(195, 13, 35); padding:0.1rem 0 0.1rem 0; margin:0px 0px 0px 0px; color:rgb(195, 13, 35); font-weight:bold; bottom:0px; display:block; font-size:0.32rem; border-radius:60px 60px 60px 60px; background-color:rgb(255, 255, 255); transform:translate(-50%, 50%); left:50%; width:2.4rem; position:absolute; text-align:center; }
.auto-element-252-4>.container>.div2>.div1>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }
.auto-element-252-4>.container>.div2>.div1>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; min-height:100px; position:relative; min-width:100px; }
.auto-element-252-4>.container>.div2>.div1 { border-radius:0 0 0 0; padding:0 .2rem .4rem .2rem; margin:0 0 0 0; width:50%; min-height:100px; min-width:100px; }
.auto-element-252-4>.container>.div2 { border-radius:0 0 0 0; padding:.4rem 0 0 0; margin:0 0 0 0; display:flex; min-height:100px; flex-wrap:wrap; min-width:100px; }
.auto-element-252-4>.container { min-height:100px; border-radius:0 0 0 0; padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; }
.auto-element-252-4 { background-color:white; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; }
}
</style>
<div class="auto-element-252-4">
<div class="container">
<p class="p1">阿卡索 <b style="color:rgba(195, 13, 35, 1);font-style:italic;font-size:1.2em">4大优势</b> 助力高效课堂</p>
<div class="div2">
<div class="div1">
<div class="div1">
<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/eme9hc5p86fekx3p2989dkz7wrn21dc2.png">
<p class="p2">1对1纯外教</p>
</div>
<p class="p2">外教均持TESOL等证</p>
</div>
<div class="div2">
<div class="div1">
<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/63c8mwl2ft6cmegj3ldjd6r35mlzm1d4.png">
<p class="p2">定制学习计划</p>
</div>
<p class="p2">量身定制个性化学习方案</p>
</div>
<div class="div3">
<div class="div1">
<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/7gzl83mgk6t9yz3rh9r4zfycp237trb4.png">
<p class="p2">随时随地上课</p>
</div>
<p class="p2">有效利用碎片化时间</p>
</div>
<div class="div4">
<div class="div1">
<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/ncmw5mnp6ndl8rpzmc5wf65a3r5d42mb.png">
<p class="p2">高性价比</p>
</div>
<p class="p2">-节外教课低至13.8元</p>
</div>
</div>
</div>
</div>
<style>
@media (min-width:769px) {
.render-swiper-176-5 .list { border-radius:0 0 0 0; padding:.1rem .1rem .1rem .1rem; margin:0 0 0 0; width:100%; }
.render-swiper-176-5 .tabs { padding:.2rem 0 .2rem 0; margin:0 auto 0 auto; flex-direction:row; display:flex; width:96%; justify-content:space-between; }
.render-swiper-176-5 .content { flex-direction:row; display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; }
.render-swiper-176-5 .btn { padding:0 0 0 0; margin:.4rem auto 0 auto; color:#fff; display:block; font-size:.24rem; border-radius:50px 50px 50px 50px; background-color:#b81c25; box-shadow:0 .1rem .1rem rgba(195,13,35,.2); outline:none; width:420px; height:.6rem; text-align:center; }
.render-swiper-176-5 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .3rem 0; color:#333; font-weight:bold; font-size:.38rem; line-height:1; text-align:center; }
.render-swiper-176-5 .container { margin:0 auto 0 auto; }
.render-swiper-176-5 .item { border-radius:5px 5px 5px 5px; background-color:#fff; padding:.15rem .15rem .15rem .15rem; box-shadow:0 0 .15rem .06rem rgba(150,150,150,.1); margin:0 auto 0 auto; width:92%; }
.render-swiper-176-5 .tab { border-radius:40px 40px 40px 40px; border:1px solid #c30d23; cursor:pointer; color:#c30d23; width:14%; font-size:20px; line-height:40px; text-align:center; }
.render-swiper-176-5 .text { border-radius:0 0 0 0; padding:.2rem .4rem 0 .4rem; margin:0 0 0 0; color:#444; font-size:18px; line-height:1.4; text-align:center; }
.render-swiper-176-5 .slide { }
.render-swiper-176-5 .img { display:block; width:100%; }
.render-swiper-176-5 { background-color:#F5F5F5; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; }
}
@media (max-width:768px) {
.render-swiper-176-5 .list { border-radius:.1rem .1rem .1rem .1rem; padding:.2rem .2rem .2rem .2rem; box-shadow:0 0 .1rem .1rem rgba(200,200,200,.1); margin:0 0 0 0; flex:1; height:5.2rem; }
.render-swiper-176-5 .tabs { flex-direction:column; display:flex; width:2rem; justify-content:space-between; }
.render-swiper-176-5 .content { flex-direction:row; display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; }
.render-swiper-176-5 .btn { padding:0 0 0 0; margin:.6rem auto 0 auto; color:#fff; display:block; font-size:.32rem; line-height:.88rem; border-radius:.5rem .5rem .5rem .5rem; background-color:#b81c25; box-shadow:0 .1rem .1rem rgba(195,13,35,.2); outline:none; width:88%; height:.88rem; text-align:center; }
.render-swiper-176-5 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .6rem 0; color:#333; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; }
.render-swiper-176-5 .container { margin:0 auto 0 auto; }
.render-swiper-176-5 .item { width:100%; }
.render-swiper-176-5 .tab { border-radius:.4rem .4rem .4rem .4rem; border:1px solid #c30d23; cursor:pointer; color:#c30d23; width:90%; font-size:.26rem; line-height:.6rem; text-align:center; }
.render-swiper-176-5 .text { border-radius:0 0 0 0; padding:.2rem .4rem 0 .4rem; margin:0 0 0 0; color:#444; font-size:.24rem; line-height:1.4; text-align:center; }
.render-swiper-176-5 .slide { }
.render-swiper-176-5 .img { display:block; width:100%; }
.render-swiper-176-5 { background-color:#fff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; }
}
</style>
<style>
.render-swiper-176-5 .active{
background-color:#c30d23;color:#fff;border-color:#c30d23;
}
/* PC端 */
@media (min-width:769px) {
}
/* 手机端 */
@media (max-width:768px) {
}
</style>
<div class="render-swiper-176-5">
<div class="container">
<h2 class="title"><b style="color:rgba(195, 13, 35, 1);font-style:italic;font-size:1.2em">个性化</b> 定制课程 满足多种需求</h2>
<div class="content">
<ol class="tabs">
<li class="tab active">0基础</li>
<li class="tab">日常口语</li>
<li class="tab">综合英语</li>
<li class="tab">英语速成</li>
<li class="tab">等级考试</li>
<li class="tab">出国旅游</li>
</ol>
<div class="swiper-container list">
<div class="swiper-wrapper">
<div class="swiper-slide slide">
<div class="item">
<img class="img" src="https://img.acadsoc.com.cn/web/lps/lxhd/shaoer0808/img/zs2.jpg">
<p class="text">沉浸式趣味教学，零基础也能轻松入门。</p>
</div>
</div>
<div class="swiper-slide slide">
<div class="item">
<img class="img" src="https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/img/sec4-4.png">
<p class="text">模拟真实生活场景，一对一对话练习。</p>
</div>
</div>
<div class="swiper-slide slide">
<div class="item">
<img class="img" src="https://img.acadsoc.com.cn/web/lps/sem/baidu/jingming/ty/om/img/s4-3p.png">
<p class="text">着眼听说读写，全面提升英语综合能力。</p>
</div>
</div>
<div class="swiper-slide slide">
<div class="item">
<img class="img" src="https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/img/sec4-5.png">
<p class="text">纯英文语言环境，让“说英语”成为习惯。</p>
</div>
</div>
<div class="swiper-slide slide">
<div class="item">
<img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/cr/hy/cryyty/v-b-m/img/s4-3.png">
<p class="text">掌握应试技巧，高效提升英语成绩。</p>
</div>
</div>
<div class="swiper-slide slide">
<div class="item">
<img class="img" src="https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/img/sec4-6.png">
<p class="text">严选持证好外教，教你地道用语，交流无碍。</p>
</div>
</div>
</div>
</div>
</div>
<button class="btn" data-popup-id="175" data-popup-hash-4hbu3a="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-s6f2id="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-rldowj="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-zty1bo="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-popup-hash-08rsha="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-t97bij="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-zmkuk5="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC">马上试听</button>
</div>
</div>
<script>
$(function(){
const mySwiper = new Swiper ('.render-swiper-176-5 .swiper-container', {
slidesPerView: HtmlWidth >= 768 ? 3 : 1,
centeredSlides: HtmlWidth >= 768 ? true : false,
initialSlide: 0,
spaceBetween: HtmlWidth >= 768 ? 0 : 20,
autoplay: {
delay: 3000,
stopOnLastSlide: false,
disableOnInteraction: false,
},
direction: HtmlWidth >= 768 ? 'horizontal' : 'vertical',
on: {
slideChangeTransitionStart: function(){
const index = this.activeIndex;
$('.render-swiper-176-5 .tabs li').each(function(i,v){
$('.render-swiper-176-5 .tabs li').eq(index).addClass('active').siblings('li').removeClass('active')
})
},
},
});
$('.render-swiper-176-5 .tabs li').click(function(){
const index = $(this).index();
$(this).addClass('active').siblings('li').removeClass('active');
mySwiper.slideTo(index, 300, false);
})
})
</script>
<style>
@media (min-width:769px) {
.auto-element-256-6>.container>.div2>.div3>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 .3rem; color:rgba(195, 13, 35, 1); font-size:.24rem; text-align:center; }
.auto-element-256-6>.container>.div2>.div3>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; font-size:.24rem; text-align:center; }
.auto-element-256-6>.container>.div2>.div3>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 .2rem 0 0; }
.auto-element-256-6>.container>.div2>.div3>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; align-items:center; }
.auto-element-256-6>.container>.div2>.div3 { border-radius:0 0 0 0; padding:.1rem 0 .1rem 0; margin:0 0 0 0; display:flex; justify-content:space-between; align-items:center; }
.auto-element-256-6>.container>.div2>.div2>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 .3rem; color:rgba(195, 13, 35, 1); font-size:.24rem; text-align:center; }
.auto-element-256-6>.container>.div2>.div2>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; font-size:.24rem; text-align:center; }
.auto-element-256-6>.container>.div2>.div2>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 .2rem 0 0; }
.auto-element-256-6>.container>.div2>.div2>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; align-items:center; }
.auto-element-256-6>.container>.div2>.div2 { border-radius:0 0 0 0; padding:.1rem 0 .1rem 0; margin:0 0 0 0; display:flex; justify-content:space-between; align-items:center; }
.auto-element-256-6>.container>.div2>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 .3rem; color:rgba(195, 13, 35, 1); font-size:.24rem; text-align:center; }
.auto-element-256-6>.container>.div2>.div1>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; font-size:.24rem; text-align:center; }
.auto-element-256-6>.container>.div2>.div1>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 .2rem 0 0; }
.auto-element-256-6>.container>.div2>.div1>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; align-items:center; }
.auto-element-256-6>.container>.div2>.div1 { border-radius:0 0 0 0; padding:.1rem 0 .1rem 0; margin:0 0 0 0; display:flex; justify-content:space-between; align-items:center; }
.auto-element-256-6>.container>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }
.auto-element-256-6>.container>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 .2rem 0 .2rem; font-weight:bold; font-size:.4rem; text-align:center; }
.auto-element-256-6>.container>.div1>.div3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:2.4rem; min-height:1px; border-bottom:2px dashed #ccc; }
.auto-element-256-6>.container>.div1>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:2.4rem; border-bottom:3px dashed #ccc; height:1px; }
.auto-element-256-6>.container>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; min-height:100px; justify-content:center; align-items:center; min-width:100px; }
.auto-element-256-6>.container { min-height:100px; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }
.auto-element-256-6 { min-height:100px; background-color:white; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; }
}
@media (max-width:768px) {
.auto-element-256-6>.container>.div2>.div3>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 .4rem; color:rgba(195, 13, 35, 1); font-size:.24rem; text-align:center; }
.auto-element-256-6>.container>.div2>.div3>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; font-size:.28rem; text-align:center; }
.auto-element-256-6>.container>.div2>.div3>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 .2rem 0 0; width:.8rem; }
.auto-element-256-6>.container>.div2>.div3>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; align-items:center; }
.auto-element-256-6>.container>.div2>.div3 { border-radius:0 0 0 0; padding:.2rem 0 .2rem 0; margin:0 0 0 0; display:flex; justify-content:space-between; align-items:center; }
.auto-element-256-6>.container>.div2>.div2>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 .4rem; color:rgba(195, 13, 35, 1); font-size:.24rem; text-align:center; }
.auto-element-256-6>.container>.div2>.div2>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; font-size:.28rem; text-align:center; }
.auto-element-256-6>.container>.div2>.div2>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 .2rem 0 0; width:.8rem; }
.auto-element-256-6>.container>.div2>.div2>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; align-items:center; }
.auto-element-256-6>.container>.div2>.div2 { border-radius:0 0 0 0; padding:.2rem 0 .2rem 0; margin:0 0 0 0; display:flex; justify-content:space-between; align-items:center; }
.auto-element-256-6>.container>.div2>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 .4rem; color:rgba(195, 13, 35, 1); font-size:.24rem; text-align:center; }
.auto-element-256-6>.container>.div2>.div1>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; font-size:.28rem; text-align:center; }
.auto-element-256-6>.container>.div2>.div1>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 .2rem 0 0; width:.8rem; }
.auto-element-256-6>.container>.div2>.div1>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; align-items:center; }
.auto-element-256-6>.container>.div2>.div1 { border-radius:0 0 0 0; padding:.2rem 0 .2rem 0; margin:0 0 0 0; display:flex; justify-content:space-between; align-items:center; }
.auto-element-256-6>.container>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.4rem 0 0 0; }
.auto-element-256-6>.container>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 .2rem 0 .2rem; font-weight:bold; font-size:.4rem; text-align:center; }
.auto-element-256-6>.container>.div1>.div3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:2.5rem; border-bottom:2px dashed #ccc; height:1px; }
.auto-element-256-6>.container>.div1>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:2.5rem; border-bottom:2px dashed #ccc; height:1px; }
.auto-element-256-6>.container>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; justify-content:center; align-items:center; }
.auto-element-256-6>.container { border-radius:0 0 0 0; padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; min-height:100px; }
.auto-element-256-6 { background-color:white; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; }
}
</style>
<div class="auto-element-256-6">
<div class="container">
<div class="div1">
<div class="div1">
</div>
<p class="p2">问大家</p>
<div class="div3">
</div>
</div>
<div class="div2">
<div class="div1">
<div class="div1">
<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/xzamd45r9yckgnfxdg925wxnag7zjh53.png">
<p class="p2">买过的来说下，课程值得购买吗?</p>
</div>
<p class="p2">2个回答</p>
</div>
<div class="div2">
<div class="div1">
<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/xzamd45r9yckgnfxdg925wxnag7zjh53.png">
<p class="p2">大家觉得外教讲的怎么样?</p>
</div>
<p class="p2">2个回答</p>
</div>
<div class="div3">
<div class="div1">
<img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/xzamd45r9yckgnfxdg925wxnag7zjh53.png">
<p class="p2">上课方便吗?</p>
</div>
<p class="p2">2个回答</p>
</div>
</div>
</div>
</div>
<style>
@media (min-width:769px) {
.auto-element-230-7>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#666; font-size:.24rem; text-align:center; }
.auto-element-230-7>.container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }
.auto-element-230-7 { background-color:white; border-radius:0 0 0 0; padding:.3rem 0 .3rem 0; margin:0 0 0 0; }
}
@media (max-width:768px) {
.auto-element-230-7>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#666; font-size:.24rem; text-align:center; }
.auto-element-230-7>.container { border-radius:0 0 0 0; padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; }
.auto-element-230-7 { background-color:white; border-radius:0 0 0 0; padding:.3rem 0 .3rem 0; margin:0 0 0 0; }
}
</style>
<div class="auto-element-230-7">
<div class="container">
<p class="p1">*以上数据均为内部统计数据</p>
</div>
</div>
<style>
.fixed{position:fixed;bottom:0;left:0; z-index: 6;}
.render-jsx-46-8 { font-size:0; }
/* PC端 */
@media (min-width:769px) {
.render-jsx-46-8 { padding:0 0 0 0; margin:0 0 0 0; text-align:center; }
.render-jsx-46-8 img {pointer-events: none; border-radius:0 0 0 0; padding:0 0 0 0; margin:-5% 0 0 0; width:100%; height:auto; }
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-46-8 { padding:0 0 0 0; margin:0 0 0 0; text-align:center; }
.render-jsx-46-8 img {pointer-events: none; border-radius:0 0 0 0; padding:0 0 0 0; margin:-11% 0 0 0; width:100%; height:auto; }
}
</style>
<div class="render-jsx-46-8-top"></div>
<div class="render-jsx-46-8" data-popup-id="175" data-popup-hash-4hbu3a="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-s6f2id="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-rldowj="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-zty1bo="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-popup-hash-08rsha="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-t97bij="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-zmkuk5="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC">
<a>
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/mfbfl5r1dz4kgjdbcr7rnak2z8n4cpz8.png" class="pc--show">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/nyl84b8lamke4yax9xzb1d4adjg1dncw.png" class="mobile--show">
</a>
</div>
<script>
$(function () {
bottomShow();
})
function bottomShow() {
// 定位元素
let fixedBottom = $('.render-jsx-46-8');
// 头部元素
let headerFixedElement = $('body>div').eq(0);
// 底部元素
let removeFixedElement = $('.render-jsx-46-8-top');
let bTop = removeFixedElement.offset().top - 10 - $(window).height() + removeFixedElement.height();
let rTop = headerFixedElement.offset().top + headerFixedElement.height();
$(window).scroll(function () {
let sTop = $(this).scrollTop();
if (sTop > rTop) {
fixedBottom.fadeIn(300);
if (sTop >= bTop) {
fixedBottom.removeClass('fixed');
} else {
fixedBottom.addClass('fixed');
}
} else {
fixedBottom.fadeOut(300);
}
})
}
</script>
<style>
/* PC端 */
@media (min-width:769px) {
.render-jsx-23-undefined { border-radius:0 0 0 0; top:0; padding:0 0 0 0; margin:0 0 0 0; bottom:0; display:flex; right:0; left:0; justify-content:center; position:fixed; align-items:center; }
.render-jsx-23-undefined>.content { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; width:400px; position:relative; height:auto; }
.render-jsx-23-undefined>.content>.img { width:100%; }
.render-jsx-23-undefined>.content>.close-img { border-radius:0 0 0 0; top:20px; height:auto; padding:0 0 0 0; margin:0 0 0 0; right:40px; width:20px; position:absolute; }
.render-jsx-23-undefined>.content>.el { top:28%; left:0; width:100%; position:absolute; text-align:center; }
.render-jsx-23-undefined>.content>.el>.qrcode { border-radius:0 0 0 0; border:5px solid #bc0a1d; padding:0 0 0 0; margin:0 0 0 0; width:40%; }
.render-jsx-23-undefined>.content>.el>.wx { border-radius:0 0 0 0; padding:0 0 0 0; margin:5px 0 5px 0; color:#fff; font-size:14px; }
.render-jsx-23-undefined>.content>.el>.btn-img { margin:0 0 0 0; width:40%; }
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-23-undefined { padding:0 0 0 0; margin:0 0 0 0; bottom:0; display:flex; right:0; border-radius:0 0 0 0; top:0; left:0; justify-content:center; position:fixed; align-items:center; }
.render-jsx-23-undefined>.content { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; width:80%; position:relative; height:auto; }
.render-jsx-23-undefined>.content>.img { width:100%; }
.render-jsx-23-undefined>.content>.close-img { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; top:20px; width:20px; position:absolute; right:40px; height:auto; }
.render-jsx-23-undefined>.content>.el { top:28%; left:0; width:100%; position:absolute; text-align:center; }
.render-jsx-23-undefined>.content>.el>.qrcode { border-radius:0 0 0 0; border:5px solid #bc0a1d; padding:0 0 0 0; margin:0 0 0 0; width:40%; }
.render-jsx-23-undefined>.content>.el>.wx { border-radius:0 0 0 0; padding:0 0 0 0; margin:0px 0 5px 0; color:#fff; font-size:14px; }
.render-jsx-23-undefined>.content>.el>.btn-img { margin:0 0 0 0; width:40%; }
}
.render-jsx-23-undefined { background-color:rgba(0,0,0,.5); }
</style>
<div class="render-jsx-23-undefined" id="success-popup-23" style="display:none;">
<div class="content">
<img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/25/ef25rc51dhn8b9hzf8b4le1dwcwgxwg3.png">
<img class="close-img" src="https://img.acadsoc.com.cn/web/lps/lp2019/lp-LHY/img/close-btn.png">
<div class="el">
<img class="qrcode" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/25/wkr37jpw6kx31d46p86j3fdeh8pyn8m8.png">
<p class="wx">微信号：vip19850205</p>
<img class="btn-img to-wx" src="https://img.acadsoc.com.cn/web/lps/kj/ty/img/cp-btn.png" style="cursor: pointer;" data-wx="vip19850205">
</div>
</div>
</div>
<script>
$(function(){
$('.render-jsx-23-undefined .close-img').click(function(){
$('.render-jsx-23-undefined').hide();
})
$('.to-wx').click(function(){
const element = document.createElement('input');
element.value = $(this).attr('data-wx');
document.body.append(element);
element.select();
document.execCommand('Copy'); // 原生copy方法执行浏览器复制命令
document.body.removeChild(element);
alert('复制成功!');
const aele = document.createElement('a');
aele.href ='weixin://';
aele.click();
});
})
</script>
<style>
@media (min-width:769px) {
.render-jsx-175-model>.con>.regbtn { border-radius:60px; background-color:#c30d23; margin:0 auto; color:white; font-weight:bold; display:block; width:4rem; font-size:16px; height:.55rem; }
.render-jsx-175-model>.con>.img { margin:-.75rem 0 0; width:100%; }
.render-jsx-175-model>.con>.regphone>.phone { border:1px solid #A0A0A0; border-radius:60px; padding:0 0 0 .3rem; width:100%; font-size:16px; height:.5rem; }
.render-jsx-175-model>.con>.regphone { margin:.2rem auto 0 auto; width:4rem; }
.render-jsx-175-model>.con>.closeimg { top:.16rem; width:.23rem; right:.16rem; position:absolute; }
.render-jsx-175-model>.con>.regcode>.code { border:1px solid #A0A0A0; border-radius:60px; padding:0 0 0 .3rem; width:100%; font-size:16px; line-height:.5rem; height:.5rem; }
.render-jsx-175-model>.con>.regcode>.regcodebtn { background-color:#c30d23; border-radius:60px; padding:0 30px 0 30px; top:0; color:white; font-size:16px; position:absolute; right:0; height:100%; }
.render-jsx-175-model>.con>.regcode { margin:.2rem auto .2rem auto; width:4rem; position:relative; }
.render-jsx-175-model>.con>.title { margin:.2rem 0; color:rgba(195, 13, 35, 1); font-weight:bold; font-size:.32rem; text-align:center; }
.render-jsx-175-model>.con { background-color:white; border-radius:20px; padding:0 0 .4rem 0; margin:0 auto 0 auto; transform:translate(-50%,-50%); top:50%; left:50%; width:4.5rem; position:absolute; }
.render-jsx-175-model { background-color:rgba(0,0,0,0.5); padding:0 0 0 0; margin:0 0 0 0; top:0; left:0; bottom:0; position:fixed; right:0; }
}
@media (max-width:768px) {
.render-jsx-175-model>.con>.regbtn { border-radius:60px; background-color:#c30d23; margin:0 auto; color:white; font-weight:bold; display:block; width:6rem; font-size:.32rem; height:.9rem; }
.render-jsx-175-model>.con>.img { margin:-1.18rem 0 0; width:100%; }
.render-jsx-175-model>.con>.regphone>.phone { border:1px solid #A0A0A0; border-radius:60px; padding:0 0 0 .3rem; width:100%; font-size:.28rem; height:.9rem; }
.render-jsx-175-model>.con>.regphone { margin:.2rem auto 0 auto; top:.3rem; width:6rem; }
.render-jsx-175-model>.con>.closeimg { top:.3rem; width:.4rem; right:.3rem; position:absolute; }
.render-jsx-175-model>.con>.regcode>.code { border:1px solid #A0A0A0; border-radius:60px; padding:0 0 0 .3rem; width:100%; font-size:.28rem; height:.9rem; }
.render-jsx-175-model>.con>.regcode>.regcodebtn { background-color:#c30d23; border-radius:60px; padding:0 .3rem 0 .3rem; top:0; color:white; font-size:.3rem; position:absolute; right:0; height:100%; }
.render-jsx-175-model>.con>.regcode { margin:.3rem auto .3rem auto; width:6rem; position:relative; }
.render-jsx-175-model>.con>.title { margin:.2rem 0; color:rgba(195, 13, 35, 1); font-weight:bold; font-size:.32rem; text-align:center; }
.render-jsx-175-model>.con { background-color:white; border-radius:13px; padding:0 0 .4rem 0; margin:0 auto 0 auto; transform:translate(-50%,-50%); top:50%; left:50%; width:7rem; position:absolute; }
.render-jsx-175-model { background-color:rgba(0,0,0,0.5); padding:0 0 0 0; margin:0 0 0 0; top:0; left:0; bottom:0; position:fixed; right:0; }
}
</style>
<div class="render-jsx-175-model" id="register-popup-175" style="display:none">
<div class="con">
<img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-modal-hash="s6f2id">
<p class="title" data-modal-hash="zmkuk5"><b style="color:rgba(20, 43, 136, 1)">好课</b>免费试听</p>
<img class="close-popup closeimg" src="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-modal-hash="zty1bo">
<div class="regphone">
<input placeholder="填写您的手机号" type="tel" name="TxtPhone" class="phone" data-modal-hash="rldowj">
</div>
<div class="regcode">
<input placeholder="请输入验证码" type="tel" name="TxtCode" class="code" data-modal-hash="08rsha">
<button name="btnGetSMS" class="regcodebtn" data-modal-hash="t97bij">获取验证码</button>
</div>
<button name="registerSubmit" class="regbtn" data-modal-hash="4hbu3a">0元试课</button>
</div>
</div>
<!--滑动验证生成-->
<div id="captcha"></div>
<!--滑动验证生成end-->
<div class="loading" style="position:fixed;top:50%;left:50%;margin-top:-25px;margin-left:-25px;display:none;z-index:1040;">
<img src="https://img.acadsoc.com.cn/web/img/loading1.gif" style="z-index:1050;position:relative;">
<div class="modal-backdrop in" style="background-color:#fff;opacity: .8;"></div>
</div>
<script type="text/javascript" src="https://img.acadsoc.com.cn/js/register_new_double-editor.js"></script>
<script type="text/javascript" src="https://img.acadsoc.com.cn/js/gt.js"></script>
<script type="text/javascript" src="https://img.acadsoc.com.cn/js/Captcha.js"></script>
<!-- 新验证1909 End -->
<script type="text/javascript" src="https://www.acadsoc.com.cn/Ajax/Web.UI.Fun.User.aspx"></script>
<!-- abtest -->
<script src="https://img.acadsoc.com.cn/web/js/abtest.min.js"></script>
<script type="text/javascript" src="https://img.acadsoc.com.cn/js/editor/swiper-4.5.3.min.js"></script>
<script type="text/javascript" src="https://img.acadsoc.com.cn/js/editor/comm-handle.js"></script>
<script>
window.onload = function(){
addFixedEls();
}
function addFixedEls(){
// 头部元素
const headerFixedElement = $('body>div').eq(0);
$('.fixed__el').each((i,v) => {
// 定位元素
const fixedEl = $(v);
// 移除元素
const removeFixedElement = fixedEl.prev();
let bTop = removeFixedElement.offset().top - 10 - $(window).height() + removeFixedElement.height();
let rTop = headerFixedElement.offset().top + headerFixedElement.height();
$(window).scroll(function () {
let sTop = $(this).scrollTop();
if (sTop > rTop) {
fixedEl.fadeIn(300);
if (sTop >= bTop) {
fixedEl.removeClass('fixed');
} else {
fixedEl.addClass('fixed');
}
} else {
fixedEl.fadeOut(300);
}
})
})
}
const date = new Date();
const curruYear = date.getFullYear();
const currMonth = date.getMonth() + 1;
const currDate = date.getDate();
// 替换时间文字
document.querySelectorAll('.time').forEach(function(v){
v.innerHTML = getToday(v.innerHTML);
})
function getToday(str) {
return str.replace(/year/gi,curruYear).replace(/month/gi,currMonth).replace(/date/gi,currDate);
}
function copyWx(wx,text='复制成功!'){
const element = document.createElement('input');
element.value = wx;
document.body.append(element);
element.select();
document.execCommand('Copy');
document.body.removeChild(element);
alert(text);
}
$(function () {
$('[data-copy-wx]').click(function(){
copyWx($(this).attr('data-copy-wx'),$(this).attr('data-wx-alter'))
})
$('[data-to-wx]').click(function(){
copyWx($(this).attr('data-to-wx'),$(this).attr('data-wx-alter'))
const aele = document.createElement('a');
aele.href ='weixin://';
aele.click();
});
// 返回弹窗
if (document.querySelector('[id*=back-popup]')) {
$('[id*=back-popup]').hide();
$('[id*=back-popup] [class*=close]').click(function () {
$('[id*=back-popup]').fadeOut();
// 取消返回,需要默认back一次
window.removeEventListener('popstate', holdBack);
history.back();
})
// 阻止返回
function holdBack() {
$('[id*=back-popup]').fadeIn();
history.pushState(null, null, document.URL);
}
// 防止页面后退 监听
history.pushState(null, null, document.URL);
window.addEventListener('popstate', holdBack);
}
// 关闭弹窗
$('.close-popup').click(function(){
$(this).parents('[id*=-popup]').fadeOut();
})
// 关闭注册弹窗
$('.register-close').click(function(){
$(this).parents('[id*=register-popup]').fadeOut();
})
// 打开弹窗
$('[data-popup-id]').click(function(){
openModal(this);
})
function openModal(dom, selector){
const id = $(dom).attr('data-popup-id');
const popup = $('#register-popup-' + id);
const attrs = dom.attributes;
// 更改字符
for (let i = 0; i < attrs.length; i++) {
const name = attrs[i].name;
const value = decodeURI(attrs[i].value);
if(name.indexOf('data-popup-hash-') !== -1){
const ele = popup.find('[data-modal-hash=' + name.split('data-popup-hash-')[1] + ']');
if (!value) continue;
if(value === 'false') {
ele.hide();
continue;
} else if(value === 'true') {
ele.show();
continue;
}
if(!ele[0]) continue;
setDomParams(ele[0], value);
}
}
popup.fadeIn();
}
function setDomParams(dom, value){
var ele = $(dom);
switch (dom.nodeName) {
case 'IMG':
if (ele.attr('src') !== value) {
ele.attr('src', value);
}
break;
case 'INPUT':
if (ele.attr('placeholder') !== value) {
ele.attr('placeholder', value);
}
break;
default:
if (ele.html() !== value) {
ele.html(getToday(value));
}
break;
}
}
// 单链接跳转
$('[data-href]').click(function(){
location.href = $(this).attr('data-href');
})
// 分端跳转
$('[data-pm-href]').click(function(){
var parameter = window.location.search;
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
location.href = $(this).attr('data-mobile-href');
} else if (bIsIpad) {
location.href = $(this).attr('data-ipad-href');
} else {
location.href = $(this).attr('data-pc-href');
}
})
// 跳转注册
$('[data-form]').click(function(){
$('body,html').stop().animate({ 'scrollTop': 0 },
{
duration: 1000,
easing: "swing"
});
})
// dynamic data
const imgIds = [];
const bgImgIds = [];
const textIds = [];
$('[data-img-id]').each(function (i, item) {
const id = $(item).attr('data-img-id');
if (imgIds.indexOf(id) === -1) {
imgIds.push(id);
}
})
$('[data-text-id]').each(function (i, item) {
const id = $(item).attr('data-text-id');
if (textIds.indexOf(id) === -1) {
textIds.push(id);
}
})
$('[data-bg-img-id]').each(function (i, item) {
const id = $(item).attr('data-bg-img-id');
if (bgImgIds.indexOf(id) === -1) {
bgImgIds.push(id);
}
})
$.ajax({
url: 'https://dmpaio.acadsoc.com.cn/api-landingpage/PageResources/selectAllResources',
method: "POST",
dataType: "json",
headers: { 'Content-Type': 'application/json' },
data: JSON.stringify({ bgImgIds, imgIds, textIds }),
success: function (res) {
const _bgImgIds = res.data.bgImgIds;
const _imgIds = res.data.imgIds;
const _textIds = res.data.textIds;
// 背景图
_bgImgIds.forEach(function (v) {
const ele = $(`[data-bg-img-id=${v.id}]`);
// 手机banner
if (ele.hasClass('mobile-banner')) {
ele.attr('src', v.url);
} else {
ele.css('background-image', `url(${v.url})`);
}
});
_imgIds.forEach(function (v) {
const ele = $(`[data-img-id=${v.id}]`);
if(ele[0].nodeName === 'IMG'){
ele.attr('src', v.url);
}else{
ele.css('background-image', `url(${v.url})`);
}
});
_textIds.forEach(function (v) {
const ele = $(`[data-text-id=${v.id}]`);
ele.html(v.name);
});
}
})
})
// 注册
register.init({
successTxt: false, // 值为false时不执行
successLocation: false, // 值为false时不执行
successFn: function () {
ABRecord.registNotice();
//百度ocpc提交成功埋码
window._agl && window._agl.push(['track', ['success', { t: 3 }]])
var urlval = getQueryString("search");
$(".loading").hide();
// customize register code
var successPopup = document.querySelector('[id^=success-popup]');
if(successPopup){
$(successPopup).fadeIn();
}else{
alert("领取成功，稍后将有学习顾问联系您！");
window.location = '/WebNew/user/Personal/UserInfo.aspx';
}
return false;
},
type: 'code', //注册类型：normal（常规）,code（验证码注册）,uid（带推荐人uid）
});
</script>
<!-- 53客服 -->
<!-- customize footer code -->
</body></html>