<!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;
window.pageEquipment = HtmlWidth > 768 ? 'pc' : 'mobile';
})
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/SenSors/sensorsheadother.js"></script>
</head>
<!-- page: 673 -->
<body class="body--PM">
<!-- js统计 -->
<script src="https://img.acadsoc.com.cn/web/js/monitor/apm.web.js"></script>
<style>
/* auto generate style */
@media (min-width:769px) {
.auto-element-96HhNm-0>.container { min-height:100px;border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ;border-style:none none none none; }.auto-element-96HhNm-0>.container>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-96HhNm-0 { min-height:100px;background-color:#ddd;border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ;display:none;max-width:750px;border-style:none none none none; }.auto-element-GUl6dJ-1>.container { min-height:100px;border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ;width:100%;border-style:none none none none; }.auto-element-GUl6dJ-1>.container>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-GUl6dJ-1 { min-height:100px;background-color:rgba(255, 255, 255, 1);border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;width:100%;border-style:none none none none; }.auto-element-96HhNm-2>.container { min-height:100px;border-radius:.2rem .2rem .2rem .2rem ;padding:0 0 .3rem 0 ;margin:0 auto 0 auto ;max-width:876px;background-size:auto auto;background-attachment:scroll;background-repeat:no-repeat;background-imageProps:[object Object];background-position:auto auto;background-image:linear-gradient(207.2deg, #00269A 6.07%, #0D1B46 97.49%);background-clip:border-box;border-width:2px 2px 2px 2px;border-color:rgba(211, 151, 91, 1) rgba(211, 151, 91, 1) rgba(211, 151, 91, 1) rgba(211, 151, 91, 1);border-style:solid solid solid solid; }.auto-element-96HhNm-2>.container>.div1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;position:relative;min-width:100px;border-style:none none none none; }.auto-element-96HhNm-2>.container>.div1>.registerForm4 { border-radius:0 0 0 0 ;padding:.1rem 0 0 0 ;margin:0 0 0 0 ;display:inline-block;width:50%;position:relative;border-style:none none none none; }.auto-element-96HhNm-2>.container>.div1>.registerForm4>.regbtn3 { color:white;font-weight:bold;font-size:.2rem;border-radius:60px 60px 60px 60px ;background-color:#c30d23;height:.4rem;text-align:center;padding:0 0 0 0 ;margin:.2rem auto 0 auto ;display:block;width:1.5rem;background-size:auto auto;background-attachment:scroll;background-repeat:no-repeat;background-imageProps:[object Object];background-position:auto auto;background-image:linear-gradient(196.89deg, #FEDDBC -6.03%, #D3975B 100.13%);background-clip:border-box;border-style:none none none none;box-shadow: 0px 4px 10px rgba(195,13,35,0.4); }.auto-element-96HhNm-2>.container>.div1>.registerForm4>.regcode2 { margin:.2rem auto 0 auto ;width:4rem;position:relative; }.auto-element-96HhNm-2>.container>.div1>.registerForm4>.regcode2>.code { font-size:.16rem;border-radius:10px 10px 10px 10px ;background-color:rgba(255, 255, 255, 1);height:.5rem;padding:0 0 0 .3rem ;margin:0 0 0 0 ;width:100%;border-width:1px 1px 1px 1px;border-color:#A0A0A0 #A0A0A0 #A0A0A0 #A0A0A0;border-style:solid solid solid solid; }.auto-element-96HhNm-2>.container>.div1>.registerForm4>.regcode2>.regcodebtn { color:white;font-size:.16rem;background-color:#c30d23;border-radius:10px 10px 10px 10px ;top:0;height:100%;padding:0 .3rem 0 .3rem ;margin:0 0 0 0 ;right:0;position:absolute;border-style:none none none none; }.auto-element-96HhNm-2>.container>.div1>.registerForm4>.regphone1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ;width:4rem;border-style:none none none none; }.auto-element-96HhNm-2>.container>.div1>.registerForm4>.regphone1>.phone { font-size:.16rem;border-radius:10px 10px 10px 10px ;background-color:rgba(255, 255, 255, 1);height:.5rem;padding:0 .3rem 0 .3rem ;margin:0 0 0 0 ;width:100%;border-width:1px 1px 1px 1px;border-color:#A0A0A0 #A0A0A0 #A0A0A0 #A0A0A0;border-style:solid solid solid solid; }.auto-element-96HhNm-2>.container>.div1>.div3 { min-height:100px;border-radius:0 0 0 0 ;text-align:center;padding:0 0 0 .1rem ;margin:-.5rem auto 0 auto ;display:inline-block;width:50%;position:relative;min-width:100px;border-style:none none none none; }.auto-element-96HhNm-2>.container>.div1>.div3>.img2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-96HhNm-2>.container>.div1>.div3>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 .2rem 0 ;position:relative;border-style:none none none none; }.auto-element-96HhNm-2 { min-height:100px;border-radius:0 0 0 0 ;padding:0 0 0 .15rem ;margin:-.2rem auto 0 auto ;position:relative;border-style:none none none none; }.auto-element-EAtlzN-3>.img2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-EAtlzN-3>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-EAtlzN-3 { min-height:100px;background-color:#ddd;border-radius:0 0 0 0 ;padding:.6rem 0 .6rem 0 ;margin:0 0 0 0 ;display:none;border-style:none none none none; }.auto-element-EAtlzN-4>.img4 { z-index:1;border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;position:relative;border-style:none none none none; }.auto-element-EAtlzN-4>.img3 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-EAtlzN-4>.img5 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:-.8rem 0 0 0 ;position:relative;border-style:none none none none; }.auto-element-EAtlzN-4>.img2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-EAtlzN-4>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-EAtlzN-4 { min-height:100px;background-color:rgba(255, 255, 255, 1);border-radius:0 0 0 0 ;text-align:center;padding:.5rem 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }
}
@media (max-width:768px) {
.auto-element-96HhNm-0>.container { min-height:100px;border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ;border-style:none none none none; }.auto-element-96HhNm-0>.container>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-96HhNm-0 { min-height:100px;background-color:rgba(255, 255, 255, 1);border-radius:0 0 0 0 ;padding:0 0 .3rem 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-GUl6dJ-1>.container { min-height:100px;border-radius:0 0 0 0 ;padding:0 .3rem 0 .3rem ;margin:0 auto 0 auto ;border-style:none none none none; }.auto-element-GUl6dJ-1>.container>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-GUl6dJ-1 { min-height:100px;background-color:#ddd;border-radius:0 0 0 0 ;padding:.6rem 0 .6rem 0 ;margin:0 0 0 0 ;display:none;border-style:none none none none; }.auto-element-96HhNm-2>.container { min-height:100px;border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ;background-size:contain;background-attachment:scroll;background-repeat:no-repeat;background-imageProps:[object Object];background-position:auto auto;background-image:url(https://acadsoc-pro-hw.acadsoc.com.cn/landing-page/files/2021/12/11/lwrj8k7pktlj5mg687at1d7cpyzyt4wf.png);background-clip:border-box;border-style:none none none none; }.auto-element-96HhNm-2>.container>.div1 { min-height:100px;border-radius:0 0 0 0 ;padding:1rem .3rem 0 .3rem ;margin:0 0 0 0 ;width:100%;min-width:100px;border-style:none none none none; }.auto-element-96HhNm-2>.container>.div1>.registerForm4 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-96HhNm-2>.container>.div1>.registerForm4>.regbtn3 { color:white;font-size:.32rem;border-radius:60px 60px 60px 60px ;height:.9rem;text-align:center;padding:0 0 0 0 ;margin:.2rem auto 0 auto ;display:block;width:50%;background-size:auto auto;background-attachment:scroll;background-repeat:no-repeat;background-imageProps:[object Object];background-position:auto auto;background-image:linear-gradient(196.89deg, #FEDDBC -6.03%, #D3975B 100.13%);background-clip:border-box;border-style:none none none none;box-shadow: 0px 4px 10px rgba(195,13,35,0.4); }.auto-element-96HhNm-2>.container>.div1>.registerForm4>.regcode2 { margin:.2rem auto 0 auto ;width:6rem;position:relative; }.auto-element-96HhNm-2>.container>.div1>.registerForm4>.regcode2>.code { font-size:.28rem;border-radius:10px 10px 10px 10px ;background-color:rgba(255, 255, 255, 1);height:.9rem;padding:0 0 0 .3rem ;margin:0 0 0 0 ;width:100%;border-width:1px 1px 1px 1px;border-color:#A0A0A0 #A0A0A0 #A0A0A0 #A0A0A0;border-style:solid solid solid solid; }.auto-element-96HhNm-2>.container>.div1>.registerForm4>.regcode2>.regcodebtn { color:white;font-size:.28rem;background-color:#c30d23;border-radius:10px 10px 10px 10px ;top:0;height:100%;padding:0 .3rem 0 .3rem ;margin:0 0 0 0 ;right:0;position:absolute;border-color:rgba(255, 255, 255, 1) rgba(255, 255, 255, 1) rgba(255, 255, 255, 1) rgba(255, 255, 255, 1);border-style:none none none none; }.auto-element-96HhNm-2>.container>.div1>.registerForm4>.regphone1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ;width:6rem;border-style:none none none none; }.auto-element-96HhNm-2>.container>.div1>.registerForm4>.regphone1>.phone { font-size:.28rem;border-radius:10px 10px 10px 10px ;background-color:rgba(255, 255, 255, 1);height:.9rem;padding:0 .3rem 0 .3rem ;margin:0 0 0 0 ;width:100%;border-width:1px 1px 1px 1px;border-color:#A0A0A0 #A0A0A0 #A0A0A0 #A0A0A0;border-style:solid solid solid solid; }.auto-element-96HhNm-2>.container>.div1>.div3 { border-radius:0 0 0 0 ;padding:0 .3rem 0 .3rem ;margin:-.5rem 0 .5rem 0 ;min-width:100px;border-style:none none none none; }.auto-element-96HhNm-2>.container>.div1>.div3>.img2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-96HhNm-2>.container>.div1>.div3>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:-1.5rem 0 0 0 ;border-style:none none none none; }.auto-element-96HhNm-2 { 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 ;border-style:none none none none; }.auto-element-EAtlzN-3>.img2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-EAtlzN-3>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-EAtlzN-3 { min-height:100px;background-color:#ddd;border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-EAtlzN-4>.img4 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-EAtlzN-4>.img3 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-EAtlzN-4>.img5 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-EAtlzN-4>.img2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-EAtlzN-4>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.auto-element-EAtlzN-4 { min-height:100px;background-color:#ddd;border-radius:0 0 0 0 ;padding:.6rem 0 .6rem 0 ;margin:0 0 0 0 ;display:none;border-style:none none none none; }
}
</style>
<div class="auto-element-96HhNm-0 json">
<div class="container">
<img class="img1" src="https://acadsoc-pro-hw.acadsoc.com.cn/landing-page/files/2021/12/16/weadpnwb9fnt4g3g9xl4t5t5kldnyl5x.jpg">
</div>
</div>
<div class="auto-element-GUl6dJ-1 json">
<div class="container">
<img class="img1" src="https://acadsoc-pro-hw.acadsoc.com.cn/landing-page/files/2021/12/16/y9zg89a6n8jp5afe49k6b73l47jgp9c6.jpg">
</div>
</div>
<div class="auto-element-96HhNm-2 json">
<div class="container">
<div class="div1">
<div class="div3">
<img class="img1" src="https://acadsoc-pro-hw.acadsoc.com.cn/landing-page/files/2021/12/11/rz78btz7ecke2cr74ezykg6f6c47pykz.png">
<img class="img2" src="https://acadsoc-pro-hw.acadsoc.com.cn/landing-page/files/2021/12/17/xnderdf3cpacmkgzwhzc2xj65jt6nw4k.png">
</div>
<div class="registerForm4">
<div class="regphone1">
<input type="tel" name="TxtPhone" class="phone" placeholder="请输入手机号">
</div>
<div class="regcode2">
<input type="tel" name="TxtCode" class="code" placeholder="请输入验证码">
<button name="btnGetSMS" class="regcodebtn">获取验证码</button>
</div>
<button name="registerSubmit" class="regbtn3">立即报名</button>
</div>
</div>
</div>
</div>
<div class="auto-element-EAtlzN-3 json">
<img class="img1" src="https://acadsoc-pro-hw.acadsoc.com.cn/landing-page/files/2021/12/16/c2j427zkldaepaxchkncrj1d1d6t371d.jpg">
<img class="img2" src="https://acadsoc-pro-hw.acadsoc.com.cn/landing-page/files/2021/12/17/gzdeb298dkgtag585pf6wmdgb75pt353.jpg">
</div>
<div class="auto-element-EAtlzN-4 json">
<img class="img1" src="https://acadsoc-pro-hw.acadsoc.com.cn/landing-page/files/2021/12/16/mbtc6tx8glmj5ne8jzgm2tpk8cmlbm2m.jpg">
<img class="img2" src="https://acadsoc-pro-hw.acadsoc.com.cn/landing-page/files/2021/12/16/1dp262ahx7hbj5rmwzdzftx6h4pa5cke.jpg">
<img class="img3" src="https://acadsoc-pro-hw.acadsoc.com.cn/landing-page/files/2021/12/16/gh4h4zdm2t9m3lr3fafek6ra38f92hjb.jpg">
<img class="img4" src="https://acadsoc-pro-hw.acadsoc.com.cn/landing-page/files/2021/12/17/zlr3jzc9php9fcbnw32r7364rc1d2fx5.png">
<img class="img5" src="https://acadsoc-pro-hw.acadsoc.com.cn/landing-page/files/2021/12/15/39tpm1dp1df6g2nak8eha1dt1d8f4rat.jpg">
</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/editor/register-editor-customeform.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> -->
<script charset="UTF-8" type="text/javascript" src="https://cstaticdun.126.net/load.min.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 pageData = {
weChatGroupID: '',
};
// 支付配置
var defaultPay = {
sort: 'order',
value: '',
}
var payConfig = {
sort: '',
value: '',
};
var paytype = 'wechat'; // wechat | alipay
var _swiper = window.Swiper;
window.Swiper = function (selector, options, realOptions) {
var _options = { };
// 如果是pc or mobile
if (options.pc && options.mobile) {
options = options[pageEquipment];
}
// 自动轮播
switch (typeof options.autoplay) {
case 'object':
if (options.autoplay.delay == '0') {
_options.autoplay = false;
}
break;
case 'string':
case 'number':
if (options.autoplay == '0') {
_options.autoplay = false;
} else {
_options.autoplay = {
delay: Number(options.autoplay),
stopOnLastSlide: false,
disableOnInteraction: false,
}
}
break;
}
// 处理类型
for (const key in options) {
if (Object.hasOwnProperty.call(options, key)) {
const element = options[key];
if (!isNaN(Number(options[key])) && typeof element !== 'boolean'){
options[key] = Number(options[key]);
}
}
}
// 分页器
if (options.pagination === true) {
_options.pagination = {
el: `${selector} .swiper-pagination`,
clickable: true,
}
}
// 需要覆盖的
if (realOptions && typeof realOptions === 'object' && !Array.isArray(realOptions)) {
if (realOptions[pageEquipment] && typeof realOptions[pageEquipment] === 'object') {
Object.assign(_options, realOptions[pageEquipment]);
}
}
Object.assign(options, _options);
options.loop = !!options.loop;
if (options.pagination && options.pagination.el) {
if ($(options.pagination.el).length < 1) {
$('<div class="swiper-pagination"></div>').appendTo(selector);
}
}
return new _swiper(selector, options);
}
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);
}
})
})
}
/**
* 绑定事件
* @param selector {String} 选择器
* @param func {(event, thisElement) => void)} 选择器
* @param type {String} 事件类型 默认click
* @return void
*/
function onEvent(selector, func, type) {
if (!type) type = 'click';
$(document).on(type, selector, func);
}
// currDate
const date = new Date();
const curruYear = date.getFullYear();
const currMonth = date.getMonth() + 1;
const currDate = date.getDate();
// dynamic data
const imgIds = [];
const bgImgIds = [];
const textIds = [];
$(function () {
// 替换时间文字
document.querySelectorAll('.time').forEach(function(v) {
eachTransTime(v.childNodes);
})
function eachTransTime(children = []) {
if (!children || children.length === 0) return;
children.forEach(v => {
if (v.nodeName === '#text') {
v.nodeValue = getToday(v.nodeValue);
} else {
eachTransTime(v.childNodes);
}
})
}
// 复制去微信号
// data-copy-wx 微信 data-wx-alter 复制后提示文案
onEvent('[data-copy-wx]', function(){
copyWx($(this))
})
// .wx text
// 复制微信号并跳转微信 data-to-wx 微信 data-wx-alter 复制后提示文案
onEvent('[data-to-wx]', function(){
copyWx($(this))
toHref('weixin://');
});
// 返回弹窗
if (document.querySelector('[id*=back-popup]')) {
$('[id*=back-popup]').hide();
onEvent('[id*=back-popup] [class*=close]', function(){
$('[id*=back-popup]').fadeOut();
// 取消返回,需要默认back一次
window.removeEventListener('popstate', holdBack);
history.back();
});
// 防止页面后退 监听
history.pushState({ title: 'title', url: '#back' }, 'title', '#back');
window.addEventListener('popstate', holdBack);
}
// 关闭弹窗
onEvent('.close-popup', function(){
window.payConfig = {
sort: '',
value: ''
};
$(this).parents('[id*=-popup]').fadeOut();
});
// 关闭注册弹窗
onEvent('.register-close', function(){
$(this).parents('[id*=register-popup]').fadeOut();
});
// 事件执行的前后回调
function eventBeforeAfterCall (callFn) {
return function () {
// 回调
const beforeCall = this.getAttribute('data-model-beforecall');
const afterCall = this.getAttribute('data-model-aftercall');
if ((beforeCall && window[beforeCall](this)) || !beforeCall){
// 打开弹窗
callFn && callFn.call(this);
}
afterCall && window[afterCall]();
}
}
// 打开弹窗
onEvent('[data-popup-id]', eventBeforeAfterCall(function(){
window.payConfig.sort = this.getAttribute('data-pay-sort');
window.payConfig.value = this.getAttribute('data-pay-value');
// 打开弹窗
openModal(this);
}));
// 单链接跳转
onEvent('[data-href]', eventBeforeAfterCall(function(){
let href = $(this).attr('data-href');
if (this.getAttribute('data-take-query')) {
if (href.includes('?')) {
href += location.search.replace('?','&');
} else {
href += location.search;
}
}
toHref(href);
}));
// 分端跳转
onEvent('[data-pm-href]', eventBeforeAfterCall(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";
let href = $(this).attr('data-pc-href');
if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
href = $(this).attr('data-mobile-href');
} else if (bIsIpad) {
href = $(this).attr('data-ipad-href');
}
if (this.getAttribute('data-take-query')) {
const search = location.search;
if (href.includes('?')) {
href += search.replace('?','&');
} else {
href += search;
}
}
console.log(href);
toHref(href);
}));
// 跳转表单
onEvent('[data-form]', eventBeforeAfterCall(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);
// });
// }
// })
// 设置支付类型
onEvent('[data-paytype]', function(){
window.paytype = this.getAttribute('data-paytype');
});
// 注册
register.init({
successFn: function () {
ABRecord && ABRecord.registNotice();
$(".loading").hide();
// customize register code
Fn.User.AddUserTag("综合小班课",1)
window.registerCallback && window.registerCallback();
return false;
},
"successLocation":"","successTxt":"","defaultFnType":"","type":"code"
});
})
</script>
<!-- 53客服 -->
<!-- customize footer code -->
</body></html>