<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<title>阿卡索外教网_在线英语培训_外教口语一对一培训</title>
<meta name="description" content="阿卡索外教网提供在线英语口语培训，全程外教一对一教学模式，是专业的在线英语培训网站，阿卡索外教老师均毕业于国际知名的一流学府，拥有标准的英语口语以及最纯正的教学知识。您值得拥有">
<meta name="keywords" content="在线英语口语培训，在线英语培训，外教一对一，英语外教一对一，英语网络教学">
<!-- 分享配置 -->
<meta itemprop="name" content="阿卡索外教网_在线英语培训_外教口语一对一培训">
<meta itemprop="image" content="https://img.acadsoc.com.cn/share/share-default.png">
<meta name="description" itemprop="description" content="阿卡索外教网提供在线英语口语培训，全程外教一对一教学模式，是专业的在线英语培训网站，阿卡索外教老师均毕业于国际知名的一流学府，拥有标准的英语口语以及最纯正的教学知识。您值得拥有">
<!--<link rel="stylesheet" href="https://img.acadsoc.com.cn/css/bootstrap.min.css">-->
<link href="https://img.acadsoc.com.cn/web/WebNew/assets/global/css/swiper.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://img.acadsoc.com.cn/web/css/header-footer.css">
<link rel="icon" href="https://www.acadsoc.com.cn/favicon.ico" type="image/x-icon">
<!--神策代码-->
<script src="https://img.acadsoc.com.cn/web/SenSors/sensorsheadother.js"></script>
<script type="text/javascript" src="https://img.acadsoc.com.cn/web/lps/recommend/js/jquery.min.js"></script>
<script type="text/javascript">
var html = document.documentElement;
var htmlClientWidth = 0;
var rejustRootSize = function () {
var oh = 750;
html.getBoundingClientRect().width > oh ? htmlClientWidth = oh : htmlClientWidth = html.getBoundingClientRect().width;
html.style.fontSize = htmlClientWidth / (oh / 100) + 'px';
};
rejustRootSize();
window.onresize = rejustRootSize;
</script>
<script src="https://img.acadsoc.com.cn/web/js/bootstrap.min.js"></script>
<script src="https://img.acadsoc.com.cn/web/lps/activity/js/lp.js"></script>
<!--IpRecord-->
<script type="text/javascript" src="https://www.acadsoc.com.cn/ajax/Web.UI.Fun.IpRecord.aspx"></script>
<script src="https://img.acadsoc.com.cn/web/js/IdentificationSystem.js"></script>
<script src="https://img.acadsoc.com.cn/web/lps/activity/js/Record.js"></script>
<!--微信分享-->
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="https://img.acadsoc.com.cn/web/lps/activity/js/wxShare.js"></script>
<script>
wxShare.init();
</script>
<!--百度统计代码-->
<script src="https://img.acadsoc.com.cn/web/lps/activity/js/BaiDuStatistics.js"></script>
<!-- 百度ocpc基础代码 -->
<script src="https://www.acadsoc.com.cn/OCPC/js/ocpc.js"></script>
<!--[if lt IE 9]>
<script src="https://img.acadsoc.com.cn/web/js/vendor/html5shiv.js"></script>
<script src="https://img.acadsoc.com.cn/web/js/vendor/respond.min.js"></script>
<![endif]-->
<script>
window.HtmlWidth = 0;
$(function(){
window.HtmlWidth = document.body.clientWidth || document.documentElement.clientWidth;
})
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return "";
}
</script>
<style>
.fixed {
position: fixed;
bottom: 0;
left: 0;
z-index: 6;
font-size: 0;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 100%;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
* {
padding: 0;
margin: 0;
outline: 0;
border: 0;
box-sizing: border-box;
list-style: none;
background: none;
}
body {
background: none;
font-size: 0;
background-color: white;
}
img {
max-width: 100%;
}
/* 弹窗 */
[id*=register-popup],
[id*=loading-popup],
[id*=back-popup],
[id*=success-popup] {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.5);
z-index: 7 !important;
}
[id*=register-popup] {
z-index: 8 !important;
}
[id*=success-popup] {
z-index: 9 !important;
}
/* 输入框 */
.input__div {
position: relative;
width: 100%;
}
.input__div img {
position: absolute;
left: .2rem;
top: 50%;
transform: translateY(-50%);
}
.input__div img ~ input {
padding-left: .5rem;
}
.input__div > input {
font-size: inherit;
width: 100%;
line-height: inherit;
padding: initial;
color: initial;
display: block;
height: 100%;
}
.input__div > button {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
[data-popup-id] {
cursor: pointer;
}
/* 按钮 */
button {
max-width: 100%;
display: block;
cursor: pointer;
}
button:disabled {
background-color: #aeaeae !important;
cursor: no-drop !important;
}
input:-webkit-autofill {
box-shadow: 0 0 0px 1000px transparent inset !important;
}
input:-webkit-autofill:focus {
box-shadow: 0 0 0px 1000px transparent inset !important;
}
/* swiper */
/* .swiper-container{} */
/* .swiper-wrapper {} */
.swiper-slide > img {
width: 100%;
}
.scale-swiper .swiper-slide {
width: 70%;
}
.scale-swiper .swiper-slide:not(.swiper-slide-active) {
transform: scale(0.85);
}
.banner {
width: 100%;
position: relative;
background-repeat: no-repeat;
background-position: center center;
}
/* pc */
@media (min-width: 769px) {
.mobile--show {
display: none !important;
}
}
/* mobile */
@media (max-width: 768px) {
.pc--show {
display: none !important;
}
}
</style>
</head>
<body>
<!-- js统计 -->
<script src="https://img.acadsoc.com.cn/web/js/monitor/apm.web.js"></script>
<header class="top header-children">
<div class="header-wrap">
<a class="header-logo" href="javascript:;"></a>
<div class="header-text">省时 · 省钱 · 专业 · 贴心 · 有保障</div>
<div class="header-tel"></div>
</div>
</header>
<style>
@media (min-width:769px) {
.render-swiper-127-0 .swiperel {
z-index: 1;
top: 0;
height: 630px;
padding: 0 0 0 0;
margin: 0 0 0 0;
left: 0;
width: 100%;
position: absolute;
}
.render-swiper-127-0 .btn {
color: white;
font-weight: 500;
font-size: 18px;
background-color: rgb(195, 13, 35);
border-radius: 60px;
height: 0.5rem;
text-align: center;
padding: 0px;
margin: 0 0 0 0;
width: 100%;
}
.render-swiper-127-0 .codebtn {
background-color: rgb(195, 13, 35);
border-radius: 0px 60px 60px 0px;
padding: 0px 20px;
margin: 0px;
color: #fff;
top: 0;
font-size: 16px;
line-height: .5rem;
position: absolute;
right: 0;
height: .5rem;
}
.render-swiper-127-0 .free {
transform: translateX(-90%);
top: 0;
left: 0;
display: block;
width: 1.1rem;
position: absolute;
}
.render-swiper-127-0 .title {
color: #00269a;
font-weight: 600;
display: inline-block;
font-size: 36px;
line-height: 1;
position: relative;
}
.render-swiper-127-0 .count {
padding: 0.1rem 0.15rem 0.14rem;
background-repeat: no-repeat;
background-size: 100% 100%;
color: #fff;
top: -.3rem;
display: block;
font-size: 14px;
line-height: 1.1;
background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/aejm8p1de3tynxj1d2htzhykxjlkejdf.png);
position: absolute;
right: .05rem;
text-align: center;
}
.render-swiper-127-0 .phone {
border-radius: 60px;
background-color: rgb(238, 238, 238);
padding: 0 .2rem;
color: #a2a2a2;
width: 100%;
font-size: 16px;
line-height: 0.5rem;
position: relative;
text-align: left;
height: 0.5rem;
}
.render-swiper-127-0 .code {
border-radius: 60px;
background-color: rgb(238, 238, 238);
padding: 0 .2rem;
color: #a2a2a2;
width: 100%;
font-size: 16px;
line-height: 0.5rem;
position: relative;
text-align: left;
height: 0.5rem;
}
.render-swiper-127-0 .gift {
margin: .2rem auto .4rem;
display: block;
width: 100%;
}
.render-swiper-127-0 .content {
background-color: #fff;
border-radius: 0 0 10px 10px;
padding: 20px 20px 30px;
margin: -1px auto 0;
width: 100%;
position: relative;
text-align: center;
}
.render-swiper-127-0 .titleimg {
background-repeat: no-repeat;
background-size: 100% 100%;
color: #fff;
display: block;
width: 100%;
font-size: 34px;
line-height: 76px;
background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/10/zxnwn2w9aw4htpy8geg72y58cmrng368.png);
height: 86px;
text-align: center;
}
.render-swiper-127-0 .img2 {
background-repeat: no-repeat;
background-size: cover;
display: block;
width: 100%;
background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/2b92bch8hjr1d273p97al31dw9f1d4dp.png);
background-position: center top;
height: 100%;
}
.render-swiper-127-0 .img1 {
background-size: cover;
background-repeat: no-repeat;
background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/p961d3h38929693epzejt2adz9djagnf.png);
height: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: block;
background-position: center top;
width: 100%;
}
.render-swiper-127-0 .formwrap {
background-color: none;
transform: translateY(-50%);
z-index: 2;
top: 50%;
width: 340px;
right: -.2rem;
position: absolute;
}
.render-swiper-127-0 .inputform {
margin: 0 0 .2rem;
width: 100%;
position: relative;
}
.render-swiper-127-0 .banner {
height: 630px;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 100%;
position: relative;
}
.render-swiper-127-0 {
background-color: #fff;
}
.render-swiper-127-0 .container {
border-radius: 0px;
padding: 0px;
margin: 0px auto;
position: relative;
height: 100%;
}
}
@media (max-width:768px) {
.render-swiper-127-0 .swiperel {
height: 5.68rem;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 100%;
position: relative;
}
.render-swiper-127-0 .btn {
color: white;
font-size: 16px;
background-color: rgb(195, 13, 35);
border-radius: 60px;
background-image: linear-gradient(#e55119,#da3519,#cf1b1a);
height: 0.9rem;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 100%;
}
.render-swiper-127-0 .codebtn {
color: #fff;
font-size: .28rem;
border-radius: 0px .5rem .5rem 0px;
top: 0;
background-image: linear-gradient(#e55119,#da3519,#cf1b1a);
height: .88rem;
padding: 0 .2rem;
margin: 0 0 0 0;
line-height: .88rem;
right: 0;
position: absolute;
}
.render-swiper-127-0 .free {
display: none;
}
.render-swiper-127-0 .title {
color: #00269a;
font-weight: 600;
font-size: .4rem;
line-height: 1;
position: relative;
}
.render-swiper-127-0 .count {
padding: 0.2rem 0.2rem 0.3rem;
background-repeat: no-repeat;
background-size: 100% 100%;
color: #fff;
top: -.4rem;
display: block;
font-size: .24rem;
line-height: 1.1;
background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/pxyzc5cbt5x4rydgzn64kb8fw62carel.png);
position: absolute;
right: .05rem;
text-align: center;
}
.render-swiper-127-0 .phone {
border-radius: .5rem;
background-color: #fff;
border: 1px solid #dcdcdc;
padding: 0 .26rem;
color: #a2a2a2;
width: 100%;
font-size: .28rem;
line-height: .88rem;
position: relative;
height: 0.9rem;
text-align: left;
}
.render-swiper-127-0 .code {
border-radius: .5rem;
background-color: #fff;
border: 1px solid #dcdcdc;
padding: 0 .26rem;
color: #a2a2a2;
width: 100%;
font-size: .28rem;
line-height: .88rem;
position: relative;
height: .88rem;
text-align: left;
}
.render-swiper-127-0 .gift {
margin: .3rem auto .6rem;
display: block;
width: 100%;
}
.render-swiper-127-0 .content {
background-color: #fff;
border-radius: 10px;
padding: 1.1rem .4rem .5rem;
width: 100%;
position: relative;
text-align: center;
}
.render-swiper-127-0 .titleimg {
z-index: 1;
background-size: 100% 100%;
color: #fff;
font-weight: bold;
display: block;
font-size: .42rem;
line-height: 1rem;
background-repeat: no-repeat;
transform: translateX(-50%);
text-shadow: 0 2px #e95d00;
top: -.3rem;
left: 50%;
width: 90%;
background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/kj6rg1db1d4jlxj8kyx2d6g2fk6xn92j.png);
position: absolute;
height: 1.1rem;
text-align: center;
}
.render-swiper-127-0 .img2 {
background-repeat: no-repeat;
background-size: 100% auto;
display: block;
width: 100%;
background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/gyj9ma5tl96taf8y5cj656dwnk323thn.png);
background-position: center top;
height: 100%;
}
.render-swiper-127-0 .img1 {
background-size: 100% auto;
background-repeat: no-repeat;
background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/kjfjhgdgd9xfltf7tckf7hf4xkwhnm2r.png);
height: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: block;
background-position: center top;
width: 100%;
}
.render-swiper-127-0 .formwrap {
border-radius: .24rem;
box-shadow: 0 0 .1rem .1rem rgba(15,34,135,.1);
margin: .4rem auto 0;
background-coloe: #fff;
width: 94%;
position: relative;
}
.render-swiper-127-0 .inputform {
margin: 0 0 .2rem;
width: 100%;
position: relative;
}
.render-swiper-127-0 .banner {
height: auto;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 100%;
position: relative;
}
.render-swiper-127-0 {
background-color: #fff;
}
.render-swiper-127-0 .container {
background-color: #fff;
text-align: center;
height: auto;
padding: .5rem 0;
margin: 0 0 0 0;
}
}
</style>
<style>
@keyframes scaleAnimate {
0% {
transform: scale(.9)
}
50% {
transform: scale(1)
}
100% {
transform: scale(.9)
}
}
.render-swiper-127-0 .scaleAn {
animation: scaleAnimate .8s infinite linear;
}
/* PC端 */
@media (min-width:769px) {
}
/* 手机端 */
@media (max-width:768px) {
}
</style>
<div class="render-swiper-127-0">
<div class="banner">
<div class="swiper-container swiperel">
<div class="swiper-wrapper">
<div class="swiper-slide img1"></div>
<div class="swiper-slide img2"></div>
</div>
</div>
<div class="container">
<div class="formwrap">
<div class="titleimg ">10周年特惠</div>
<div class="content ">
<h2 class="title ">
<span style="color:#b81c25;">53节</span>精品外教课
<img class="free " src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/10/xlznkwz61dgw9n78mpfefa8e9dbe5h5w.png">
</h2>
<img class="gift " src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/15/1dwbwe6wmjydc78dfw3w7r3gf45djdy4.png">
<div class="inputform">
<input type="tel" placeholder="请输入您的手机号码" maxlength="11" name="TxtPhone" class="phone">
<p class="count ">仅剩<br><strong style="text-shadow:0 0 .1rem #a3041c;font-size:16px;color:#fff;font-weight:bold;">99</strong>位</p>
</div>
<div class="inputform duanxin" style="display:none;">
<input type="tel" placeholder="请输入验证码" maxlength="6" name="TxtCode" class="code">
<button name="btnGetSMS" class="codebtn btnGetSMS">
获取验证码
</button>
</div>
<button name="registerSubmit" class="btn scaleAn">
0元领取
</button>
</div>
</div>
</div>
</div>
</div>
<script>
$(function () {
const mySwiper = new Swiper('.render-swiper-127-0 .swiper-container', {
loop: true, // 循环模式选项
autoplay: true,
});
let _countNum = 99
const countTimer = setInterval(() => {
$('.count strong').text(--_countNum)
}, 20000)
})
</script>
<style>
/* PC端 */
@media (min-width:769px) {
.render-jsx-14-1 {
background-color: #fff;
text-align: center;
padding: .8rem 0 0;
margin: 0 0 0 0;
}
.render-jsx-14-1 > p {
color: #0e3180;
font-weight: bold;
font-size: 38px;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline-block;
line-height: 1;
width: auto;
}
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-14-1 {
background-color: #fff;
text-align: center;
padding: .3rem 0;
margin: 0 0 0 0;
}
.render-jsx-14-1 > p {
color: #0e3180;
font-weight: bold;
font-size: .4rem;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline-block;
line-height: 1;
width: auto;
}
}
</style>
<div class="render-jsx-14-1">
<p>你还在为孩子的学习<span style="color:#c5131e">头疼不已吗？</span></p>
</div>
<style>
/* PC端 */
@media (min-width:769px) {
.render-jsx-47-2 {
background-color: #fff;
text-align: center;
padding: .5rem 0 0 0;
margin: 0 0 0 0;
}
.render-jsx-47-2 img {
}
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-47-2 {
background-color: #fff;
text-align: center;
padding: 0 10px 0 10px;
margin: 0 0 0 0;
}
.render-jsx-47-2 img {
height: auto;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 100%;
}
}
</style>
<div class="render-jsx-47-2">
<div class="container">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/12/9l8xwrmbx4d8g6g8x1d81dh4ga3peam3.png" class="pc--show">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/12/52ftpdphm2x2z4w7nkegrxw3fd5rz28c.png" class="mobile--show">
</div>
</div>
<style>
@media (min-width:769px) {
.render-jsx-125-3 .desc {
padding: .15rem 0 .36rem;
color: #fff;
font-size: 16px;
line-height: 1;
text-align: center;
}
.render-jsx-125-3 .codebtn {
color: #fff;
font-size: 16px;
border-radius: 0 50px 50px 0;
background-color: #b81c25;
outline: none;
top: 0;
height: 70px;
border: none;
padding: 0 26px;
margin: 0 0 0 0;
display: inline-block;
line-height: 70px;
right: -1px;
position: absolute;
}
.render-jsx-125-3 .phone {
border: 1px solid #fff;
background-color: none;
border-radius: 50px;
padding: 0 26px;
outline: none;
color: #fff;
display: block;
width: 100%;
font-size: 16px;
line-height: 70px;
box-sizing: border-box;
height: 70px;
}
.render-jsx-125-3 .submit {
border-radius: 50px;
background-color: #b81c25;
border: none;
outline: none;
color: #fff;
display: block;
width: 100%;
font-size: 28px;
line-height: 70px;
height: 70px;
text-align: center;
}
.render-jsx-125-3 .code {
border: 1px solid #fff;
padding: 0 26px;
color: #fff;
display: block;
font-size: 16px;
line-height: 70px;
box-sizing: border-box;
background-color: none;
border-radius: 50px;
outline: none;
width: 100%;
position: relative;
height: 70px;
}
.render-jsx-125-3 .content {
margin: 0 auto;
width: 5.6rem;
}
.render-jsx-125-3 .title {
color: #fff;
font-size: .36rem;
line-height: 1;
text-align: center;
}
.render-jsx-125-3 .formgroup {
margin: 0 auto .24rem;
width: 100%;
position: relative;
}
.render-jsx-125-3 .container {
margin: 0 auto;
}
.render-jsx-125-3 {
padding: .7rem 0 .9rem;
background-repeat: no-repeat;
margin: -.3rem auto 0;
background-size: cover;
background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/wcb8d2gmlhkfnlflzgfernl4dw84jh9f.png);
}
}
@media (max-width:768px) {
.render-jsx-125-3 .desc {
padding: .15rem 0 .36rem;
color: #fff;
font-size: .26rem;
line-height: 1;
text-align: center;
}
.render-jsx-125-3 .codebtn {
color: #fff;
font-size: 16px;
border-radius: 0 50px 50px 0;
background-color: #b81c25;
outline: none;
top: 0;
height: .88rem;
border: none;
padding: 0 .26rem;
margin: 0 0 0 0;
display: inline-block;
line-height: .88rem;
right: -1px;
position: absolute;
}
.render-jsx-125-3 .phone {
border: 1px solid #fff;
background-color: none;
border-radius: .5rem;
padding: 0 .26rem;
outline: none;
color: #fff;
display: block;
width: 100%;
font-size: .26rem;
line-height: .88rem;
box-sizing: border-box;
height: .88rem;
}
.render-jsx-125-3 .submit {
border-radius: .5rem;
background-color: #b81c25;
border: none;
outline: none;
color: #fff;
display: block;
width: 100%;
font-size: .3rem;
line-height: .88rem;
height: .88rem;
text-align: center;
}
.render-jsx-125-3 .code {
color: #fff;
font-size: .26rem;
box-sizing: border-box;
background-color: none;
border-radius: .5rem;
outline: none;
height: .88rem;
border: 1px solid #fff;
padding: 0 .26rem;
margin: 0 0 0 0;
display: block;
line-height: .88rem;
width: 100%;
position: relative;
}
.render-jsx-125-3 .content {
padding: 0 0 0 0;
margin: 0 auto;
width: 92%;
}
.render-jsx-125-3 .title {
color: #fff;
font-size: .36rem;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
line-height: 1;
}
.render-jsx-125-3 .formgroup {
padding: 0 0 0 0;
margin: 0 auto .24rem;
width: 100%;
position: relative;
}
.render-jsx-125-3 .container {
margin: 0 auto;
}
.render-jsx-125-3 {
padding: .7rem 0 .9rem;
background-repeat: no-repeat;
margin: -.3rem auto 0;
background-size: cover;
background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/wcb8d2gmlhkfnlflzgfernl4dw84jh9f.png);
}
}
</style>
<style>
.render-jsx-125-3 .formgroup input::-webkit-input-placeholder {
color: #fff;
}
.render-jsx-125-3 .formgroup input::-moz-input-placeholder {
color: #fff;
}
.render-jsx-125-3 .formgroup input::-ms-input-placeholder {
color: #fff;
}
/* PC端 */
@media (min-width:769px) {
}
/* 手机端 */
@media (max-width:768px) {
}
</style>
<div class="render-jsx-125-3">
<div class="container">
<p class="title ">别慌，学英语选阿卡索，不后悔</p>
<p class="desc ">已有<strong style="font-size:.28rem;font-weight:bold;color:#b81c25;background-color:#fff;padding:2px .06rem;border-radius:.06rem;margin:0 .05rem;">4000<span style="color:#b81c25;font-size:.6em;font-weight:normal;">万+</span></strong>人认可阿卡索</p>
<div class="content ">
<div class="formgroup">
<input type="tel" autocomplete="off" placeholder="填写您的手机号码" maxlength="11" name="TxtPhone" class="phone">
</div>
<div class="formgroup duanxin" style="display:none;">
<input type="tel" autocomplete="off" placeholder="请输入验证码" maxlength="6" name="TxtCode" class="code">
<button name="btnGetSMS" class="codebtn btnGetSMS">
获取验证码
</button>
</div>
<button name="registerSubmit" class="submit">
申请免费试学
</button>
</div>
</div>
</div>
<style>
/* PC端 */
@media (min-width:769px) {
.render-jsx-14-4 {
background-color: #eff6ff;
text-align: center;
padding: .8rem 0 0 0;
margin: 0 0 0 0;
}
.render-jsx-14-4 > p {
color: #0e3180;
font-weight: bold;
font-size: 45px;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline-block;
line-height: 1;
width: auto;
}
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-14-4 {
background-color: #eff6ff;
text-align: center;
padding: .5rem 0 0 0;
margin: 0 0 0 0;
}
.render-jsx-14-4 > p {
color: #0e3180;
font-weight: bold;
font-size: .4rem;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline-block;
line-height: 1;
width: auto;
}
}
</style>
<div class="render-jsx-14-4">
<p><span style="color:#c5131e">外教一对一</span> ，让孩子变身英语达人</p>
</div>
<style>
/* PC端 */
@media (min-width:769px) {
.render-jsx-47-5 {
background-color: #eff6ff;
text-align: center;
padding: .5rem 0 0 0;
margin: 0 0 0 0;
}
.render-jsx-47-5 img {
}
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-47-5 {
background-color: #eff6ff;
text-align: center;
padding: .5rem 10px .4rem 10px;
margin: 0 0 0 0;
}
.render-jsx-47-5 img {
height: auto;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 70%;
}
}
</style>
<div class="render-jsx-47-5">
<div class="container">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/r1dgltl4kgh5eh642t5479cwktghdhtj.png" class="pc--show">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/gjhaptrgz5rx62zpcb68jcjyl5eab4x5.png" class="mobile--show">
</div>
</div>
<style>
/* PC端 */
@media (min-width:769px) {
.render-jsx-47-6 {
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: none;
}
.render-jsx-47-6 img {
}
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-47-6 {
background-color: #fff;
text-align: center;
padding: 0 10px .5rem 10px;
margin: -1px 0 0 0;
}
.render-jsx-47-6 img {
height: auto;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 100%;
}
}
</style>
<div class="render-jsx-47-6">
<div class="container">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/3l9e43f6bfny5ep1dgz1dcz63cm1dmjm.png" class="pc--show">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/6m3lxnlxrcmzmph7ad521d5a7naclp78.png" class="mobile--show">
</div>
</div>
<style>
/* PC端 */
@media (min-width:769px) {
.render-jsx-14-7 {
background-color: #172d79;
text-align: center;
padding: .8rem 0 0 0;
margin: 0 0 0 0;
}
.render-jsx-14-7 > p {
color: #fff;
font-weight: bold;
font-size: 45px;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline-block;
line-height: 1;
width: auto;
}
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-14-7 {
background-color: #172d79;
text-align: center;
padding: .5rem 0 0 0;
margin: 0 0 0 0;
}
.render-jsx-14-7 > p {
color: #fff;
font-size: .4rem;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline-block;
line-height: 1.4;
width: 88%;
}
}
</style>
<div class="render-jsx-14-7">
<p>优质外教严格选拔，懂学生的老师才是好老师</p>
</div>
<style>
/* PC端 */
@media (min-width:769px) {
.render-jsx-14-8 {
background-color: #172d79;
text-align: center;
padding: .26rem 0 .35rem 0;
margin: 0 0 0 0;
}
.render-jsx-14-8 > p {
color: #fff;
font-size: .23rem;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline-block;
line-height: 1.5;
width: 60%;
}
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-14-8 {
background-color: #172d79;
text-align: center;
padding: .24rem 0 .3rem 0;
margin: -1px 0 0 0;
}
.render-jsx-14-8 > p {
color: #fff;
font-size: .24rem;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline-block;
line-height: 1.5;
width: 92%;
}
}
</style>
<div class="render-jsx-14-8">
<p>
仅3%的外教录取率，100%持有国际教学资格证，执教经验丰富，深谙少儿心理，
擅长趣味性输出，根据学员的需求进行精准匹配，让教学更有效，更实用。
</p>
</div>
<style>
@media (min-width:769px) {
.render-jsx-55-9 .item1 {
color: #fff;
font-weight: bold;
font-size: 24px;
background-color: #B81C25;
border-radius: 60px;
padding: 10px 40px;
margin: 0 60px;
}
.render-jsx-55-9 .item2 {
color: #fff;
font-weight: bold;
font-size: 24px;
background-color: #B81C25;
border-radius: 60px;
padding: 10px 40px;
margin: 0 0 0 0;
}
.render-jsx-55-9 .item0 {
background-color: #B81C25;
border-radius: 60px;
padding: 10px 40px;
color: #fff;
font-weight: bold;
font-size: 24px;
}
.render-jsx-55-9 .con {
font-size: 0;
background-color: #172d79;
padding: 0 0 .4rem 0;
margin: 0 auto;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}
.render-jsx-55-9 {
background-color: #fff;
top: 30px;
bottom: 50px;
}
}
@media (max-width:768px) {
.render-jsx-55-9 .item1 {
color: #fff;
font-weight: bold;
font-size: .24rem;
background-color: #B81C25;
border-radius: 60px;
text-align: center;
padding: .1rem .4rem;
width: 30%;
}
.render-jsx-55-9 .item2 {
color: #fff;
font-weight: bold;
font-size: .24rem;
background-color: #B81C25;
border-radius: 60px;
text-align: center;
padding: .1rem .4rem;
margin: 0 0 0 0;
}
.render-jsx-55-9 .item0 {
color: #fff;
font-weight: bold;
font-size: .24rem;
background-color: #B81C25;
border-radius: 60px;
text-align: center;
padding: .1rem .4rem;
margin: 0 0 0 0;
width: 30%;
}
.render-jsx-55-9 .con {
font-size: 0;
background-color: #172d79;
padding: 0 .2rem .4rem .2rem;
margin: -1px auto 0;
display: flex;
justify-content: space-around;
align-items: center;
}
.render-jsx-55-9 {
background-color: #fff;
top: 30px;
bottom: 50px;
}
}
</style>
<style>
/* pc */
@media (min-width: 769px) {
.render-jsx-55-9 {
background-color: #fff;
top: 30px;
bottom: 50px;
}
.render-jsx-55-9 .container {
font-size: 0;
background-color: #172d79;
padding: 0 0 .4rem 0;
margin: 0 auto;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}
.render-jsx-55-9 .item0 {
background-color: #B81C25;
border-radius: 60px;
padding: 10px 40px;
color: #fff;
font-weight: bold;
font-size: 24px;
}
.render-jsx-55-9 .item1 {
color: #fff;
font-weight: bold;
font-size: 24px;
background-color: #B81C25;
border-radius: 60px;
padding: 10px 40px;
margin: 0 60px;
}
.render-jsx-55-9 .item2 {
color: #fff;
font-weight: bold;
font-size: 24px;
background-color: #B81C25;
border-radius: 60px;
padding: 10px 40px;
margin: 0 0 0 0;
}
}
</style>
<div class="render-jsx-55-9">
<div class="container con">
<div class="item0">100%持证</div><div class="item1">5轮考核</div><div class="item2">3%录用率</div>
</div>
</div>
<style>
@media (min-width:769px) {
.render-swiper-129-10 {
background-color: #172d79;
padding: 0 0 30px;
margin: 0 0 0 0;
}
}
@media (max-width:768px) {
.render-swiper-129-10 {
background-color: #172d79;
padding: 0 0 .3rem;
margin: -1px 0 0 0;
}
}
</style>
<style>
.render-swiper-129-10 .swiper-container {
padding-bottom: 50px;
}
/* pc */
@media (min-width: 769px) {
.render-swiper-129-10 {
background-color: #172d79;
padding: 0 0 30px;
margin: 0 0 0 0;
}
}
/* mobile */
@media (max-width: 768px) {
.render-swiper-129-10 {
background-color: #172d79;
padding: 0 0 .3rem;
margin: -1px 0 0 0;
}
.render-swiper-129-10 .container {
padding-left: 0;
padding-right: 0;
}
.render-swiper-129-10 .swiper-slide {
width: 70%;
}
}
.render-swiper-129-10 .swiper-pagination-bullet-active {
background-color: #C30D23;
width: 16px;
border-radius: 5px;
transition: .2s;
}
</style>
<div class="render-swiper-129-10">
<div class="container">
<div class="swiper-container scale-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/gc3f3h2fby1d2a3brmdaglm6nxhczjb4.png">
</div>
<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/12/jzt9klgt1d8tarhpg9k278m1dap39gka.png">
</div>
<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/12/m3yd9n2gmp4ltxf8cb982frlt9ne39tf.png">
</div>
<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/r9hdzmtbxagpf5zx1dmpyzm8cfdnr68b.png">
</div>
<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/8ajlc6ye1dhcj36txj6tf6ge3dz6hwya.png">
</div>
<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/ang36p3r4pd46ct1dayz3lp2y4jygf65.png">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<script>
$(function () {
new Swiper('.render-swiper-129-10 .swiper-container', {
initialSlide: 1,
autoplay: {
delay: 4000,
disableOnInteraction: false,
},
centeredSlides: true,
loop: true,
pagination: { el: '.swiper-pagination' },
slidesPerView: HtmlWidth <= 768 ? 'auto' : 3
});
})
</script>
<style>
/* PC端 */
@media (min-width:769px) {
.render-jsx-7-11 {
background-color: #172d79;
padding: 0 0 .8rem 0;
margin: 0 0 0 0;
}
.render-jsx-7-11 > button {
color: white;
font-size: .28rem;
background-color: rgb(195, 13, 35);
border-radius: 60px;
height: .7rem;
text-align: center;
padding: 0 0 0 0;
margin: 0 auto;
display: block;
width: 5.5rem;
}
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-7-11 {
background-color: #172d79;
padding: 0 0 .5rem 0;
margin: -1px 0 0 0;
}
.render-jsx-7-11 > button {
color: white;
font-size: .28rem;
background-color: rgb(195, 13, 35);
border-radius: 60px;
height: .7rem;
text-align: center;
padding: 0 0 0 0;
margin: 0 auto;
display: block;
width: 5.5rem;
}
}
</style>
<div class="render-jsx-7-11">
<button data-popup-id="11" data-params-button="立即匹配" data-params-codeinput="验证码" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="匹配合适外教" data-params-phoneinput="填写您的手机号码" data-params-codebtn="获取验证码">
匹配合适外教
</button>
</div>
<style>
/* PC端 */
@media (min-width:769px) {
.render-jsx-14-12 {
background-color: #eff6ff;
text-align: center;
padding: .8rem 0 0 0;
margin: 0 0 0 0;
}
.render-jsx-14-12 > p {
color: #172d79;
font-weight: bold;
font-size: 45px;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline-block;
line-height: 1;
width: auto;
}
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-14-12 {
background-color: #f8f8f8;
text-align: center;
padding: .5rem 0 0 0;
margin: 0 0 0 0;
}
.render-jsx-14-12 > p {
color: #172d79;
font-weight: bold;
font-size: .4rem;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline-block;
line-height: 1;
width: auto;
}
}
</style>
<div class="render-jsx-14-12">
<p>为什么<span style="color:#c5131e">众多聪明家长都选择阿卡索？</span></p>
</div>
<style>
@media (min-width:769px) {
.render-jsx-128-13 .item {
border-radius: 10px;
margin: 0 0 30px 0;
overflow: hidden;
width: 31.5%;
position: relative;
}
.render-jsx-128-13 .mask {
z-index: 2;
color: #fff;
font-size: 20px;
background-color: rgba(23,45,121,0.8);
top: 0;
height: 100%;
text-align: left;
padding: .5rem .2rem;
margin: 0 0 0 0;
line-height: 1.5;
left: 0;
width: 100%;
position: absolute;
opacity: 0;
}
.render-jsx-128-13 .text {
background-color: #0e3180;
z-index: 1;
color: #fff;
left: 0;
font-weight: bold;
bottom: 0;
width: 100%;
font-size: 19px;
line-height: 60px;
position: absolute;
height: 60px;
text-align: center;
}
.render-jsx-128-13 .list {
flex-direction: row;
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
}
.render-jsx-128-13 .img {
display: block;
width: 100%;
}
.render-jsx-128-13 .container {
margin: 0 auto;
}
.render-jsx-128-13 {
background-color: #eff6ff;
padding: .5rem 0 .5rem 0;
margin: 0 0 0 0;
}
}
@media (max-width:768px) {
.render-jsx-128-13 .item {
border-radius: .1rem;
margin: 0 0 .3rem 0;
overflow: hidden;
width: 47.5%;
position: relative;
}
.render-jsx-128-13 .mask {
color: #666;
font-size: .24rem;
text-align: left;
padding: .16rem 0 0;
margin: 0 0 0 0;
line-height: 1.25;
width: 100%;
}
.render-jsx-128-13 .text {
color: #fff;
font-weight: bold;
font-size: .24rem;
background-color: #0e3180;
border-radius: 0 0 .1rem .1rem;
height: .6rem;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
line-height: .6rem;
width: 100%;
}
.render-jsx-128-13 .list {
flex-wrap: wrap;
flex-direction: row;
padding: 0 0 0 0;
margin: 0 auto 0 auto;
display: flex;
width: 92%;
justify-content: space-between;
}
.render-jsx-128-13 .img {
padding: 0 0 0 0;
margin: 0 0 0 0;
display: block;
width: 100%;
}
.render-jsx-128-13 .container {
padding: 0 0 0 0;
margin: 0 auto;
}
.render-jsx-128-13 {
background-color: #f8f8f8;
padding: .5rem 0 .3rem 0;
margin: 0 0 0 0;
}
}
</style>
<style>
.render-jsx-128-13 ul li:hover .mask {
opacity: 1 !important;
transition: 0.3s;
}
/* PC端 */
@media (min-width:769px) {
}
/* 手机端 */
@media (max-width:320px) {
.render-jsx-128-13 .mask {
font-size: .22rem;
}
}
</style>
<div class="render-jsx-128-13">
<div class="container">
<ul class="list">
<li class="item1 item">
<img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/4jptr369pe9ekg41dzfxbehpcxez5rly.png">
<p class="text">外教100%持证</p>
<div class="mask">
所有外教100%持有TESOL等
国际教学资格证书，口音地道，
经验丰富。
</div>
</li>
<li class="item2 item">
<img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/3d4jgtmlzk1dc5jk34p5hw7j3ne2z5pk.png">
<p class="text">国际原版教材</p>
<div class="mask">参照欧洲共同语言框架体系，引进欧美原版教材，并研发成适合中国孩子的教材。</div>
</li>
<li class="item3 item">
<img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/bltb4wtnel2m9dgtw93p8emk9drbhkjr.png">
<p class="text">随时灵活学习</p>
<div class="mask">利用pad、 手机、电脑可以随时随地在线上课，每天25分钟，有效利用碎片化时间学习。</div>
</li>
<li class="item4 item">
<img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/8x9ng1d7xdytea3nlf7h61d2tr49mj8h.png">
<p class="text">一节课13.8元起</p>
<div class="mask">一节课低至13.8元，平民化的价格让每一个孩子都能享受到在线少儿英语课程。</div>
</li>
<li class="item5 item">
<img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/y3k6ncxk1dt61dfxw1dmcz1dgtb1drh7.png">
<p class="text">课后反馈和录播复习</p>
<div class="mask">专业的课后反馈服务和录播复习，有效监控孩子学习情况，及时查漏补缺巩固学习效果。</div>
</li>
<li class="item6 item">
<img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/g9wde46a5at86zmg6nr5la1da9wdchfd.png">
<p class="text">三对一贴心服务</p>
<div class="mask">定制专属学习计划、严选外教1对1教学、客服全程跟进学习效果，多方位为孩子保驾护航。</div>
</li>
</ul>
</div>
</div>
<style>
/* PC端 */
@media (min-width:769px) {
.render-jsx-14-14 {
background-color: white;
text-align: center;
padding: .8rem 0 .5rem 0;
margin: 0 0 0 0;
}
.render-jsx-14-14 > p {
color: #0e3180;
font-weight: bold;
font-size: 45px;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline-block;
line-height: 1;
width: auto;
}
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-14-14 {
background-color: white;
text-align: center;
padding: .5rem 0 .5rem 0;
margin: 0 0 0 0;
}
.render-jsx-14-14 > p {
color: #0e3180;
font-weight: bold;
font-size: .4rem;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline-block;
line-height: 1;
width: auto;
}
}
</style>
<div class="render-jsx-14-14">
<p><span style="color:#c5131e">企业</span>荣誉</p>
</div>
<style>
/* PC端 */
@media (min-width:769px) {
.render-swiper-64-15 {
background-color: white;
padding: 0 0 .5rem 0;
margin: 0 0 0 0;
position: relative;
}
.render-swiper-64-15 .container {
}
.render-swiper-64-15 .swiper-slide {
border-radius: 10px;
background-color: #122b88;
text-align: center;
padding: 15px 15px 30px 15px;
margin: 0 0 0 0;
}
.render-swiper-64-15 .img {
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 100%;
}
.render-swiper-64-15 .text {
padding: 10px 0 0 0;
margin: 0 0 0 0;
color: white;
font-weight: 500;
display: flex;
font-size: 18px;
line-height: 1.4;
justify-content: center;
align-items: center;
height: 60px;
}
}
/* 手机端 */
@media (max-width:768px) {
.render-swiper-64-15 {
background-color: white;
padding: 0 0 .5rem 0;
margin: 0 0 0 0;
width: 100%;
position: relative;
}
.render-swiper-64-15 .container {
}
.render-swiper-64-15 .swiper-slide {
border-radius: 10px;
background-color: #122b88;
padding: 15px 15px 10px 15px;
margin: 0 0 0 0;
text-align: center;
width: 60%;
}
.render-swiper-64-15 .img {
}
.render-swiper-64-15 .text {
color: white;
font-weight: 500;
font-size: 16px;
height: 54px;
padding: 10px 0 0 0;
margin: 0 0 0 0;
display: flex;
line-height: 1.4;
justify-content: center;
align-items: center;
}
}
.render-swiper-64-15 .swiper-pagination-bullet {
margin: 0 .12rem;
width: .16rem;
height: .16rem;
}
.render-swiper-64-15 .swiper-slide-active,
.render-swiper-64-15 .swiper-pagination-bullet-active {
background-color: rgba(195, 13, 35, 1) !important;
}
</style>
<div class="render-swiper-64-15">
<div class="container">
<div class="swiper-container scale-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/c63p5nyz9kn9w1d4h84ceng7k7ftxwa8.png" class="img">
<p class="text">2017中国品牌影响力<br>外语教育机构</p>
</div>
<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/7lexfjn9ef9m3xc9n1d1dltaknfkxzcj.png" class="img">
<p class="text">雅思考试合作伙伴项目<br>铜级合作伙伴</p>
</div>
<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/wab878da7nzgndbtmdb1dfh91dn395jz.png" class="img">
<p class="text">2018年度影响力<br>外语教育品牌</p>
</div>
<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/473rh43ad9lewa634fcg84nlr2r4j1d8.png" class="img">
<p class="text">2016中国行业领先教育集团</p>
</div>
<div class="swiper-slide">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/trbytkmadzkgfyhj6cm29k7kl1dxhm6a.png" class="img">
<p class="text">国家级高新技术企业</p>
</div>
</div>
</div>
</div>
<div class="swiper-pagination" style="z-index:2;bottom: 0;width:100%;"></div>
</div>
<script>
$(function () {
new Swiper('.render-swiper-64-15 .swiper-container', {
loop: true,
slidesPerView: HtmlWidth <= 768 ? 'auto' : 3,
centeredSlides: true,
pagination: {
el: '.render-swiper-64-15 .swiper-pagination',
},
autoplay: {
delay: 6000,
disableOnInteraction: false,
}
})
})
</script>
<style>
/* PC端 */
@media (min-width:769px) {
.render-jsx-14-16 {
background-color: white;
text-align: center;
padding: .5rem 0 .4rem 0;
margin: 0 0 0 0;
}
.render-jsx-14-16 > p {
color: #444444;
font-size: 22px;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline-block;
line-height: 1;
width: auto;
}
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-14-16 {
background-color: white;
text-align: center;
padding: .6rem 0 .3rem 0;
margin: 0 0 0 0;
}
.render-jsx-14-16 > p {
color: #666666;
font-size: .28rem;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline-block;
line-height: 1;
width: auto;
}
}
</style>
<div class="render-jsx-14-16">
<p>*以上数据均为内部统计数据</p>
</div>
<style>
/* PC端 */
@media (min-width:769px) {
.render-jsx-90-17 {
background-color: rgba(0,0,0,0.7);
height: .7rem;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 100%;
}
.render-jsx-90-17 .container {
height: 100%;
padding: 0 0 0 1.8rem;
margin: 0 auto;
display: flex;
position: relative;
align-items: center;
}
.render-jsx-90-17 .img {
padding: 0 0 0 0;
margin: 0 0 0 0;
bottom: 0;
left: 0;
position: absolute;
}
.render-jsx-90-17 .text {
color: #fff;
font-size: .3rem;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.render-jsx-90-17 .btn {
background-size: 100% 100%;
color: white;
font-size: 20px;
border-radius: 6px;
background-color: #cd0d18;
padding: .1rem 0;
margin: 0 0 0 auto;
letter-spacing: 2px;
width: 2.4rem;
}
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-90-17 {
background-color: rgba(0,0,0,0.7);
}
.fixed {
max-width: 750px;
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.render-jsx-90-17 .container {
height: 1.1rem;
padding: 0 0 0 2rem;
margin: 0 auto;
display: flex;
width: 100%;
position: relative;
align-items: center;
}
.render-jsx-90-17 .img {
padding: 0 0 0 0;
margin: 0 0 0 0;
bottom: 0;
left: .1rem;
width: 1.8rem;
position: absolute;
}
.render-jsx-90-17 .text {
color: #fff;
font-size: .35rem;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.render-jsx-90-17 .btn {
background-size: 100% 100%;
color: white;
font-size: .32rem;
border-radius: 0;
background-color: #c30d23;
height: 100%;
padding: .1rem .36rem;
margin: 0 0 0 auto;
letter-spacing: 2px;
width: auto;
}
}
@keyframes scale {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
</style>
<div class="render-jsx-90-17-top"></div>
<div class="render-jsx-90-17">
<div class="container">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/12/py7e7dgpcxdtw8mpkan5grczfwd6a5el.png" class="img">
<p class="text"><span style="color:#ffdb34;font-weight:bold;">53节</span>精品外教课</p>
<button data-popup-id="11" data-params-button="立即领取" data-params-codeinput="验证码" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="免费领53节精品外教课" data-params-phoneinput="手机号" data-params-codebtn="获取验证码" class="btn">免费试学</button>
</div>
</div>
<script>
$(function () {
bottomShow();
})
function bottomShow() {
// 定位元素
let fixedBottom = $('.render-jsx-90-17');
// 头部元素
let headerFixedElement = $('body>div').eq(0);
// 底部元素
let removeFixedElement = $('.render-jsx-90-17-top');
let bTop = removeFixedElement.offset().top - 10 - $(window).height() + removeFixedElement.height();
let rTop = headerFixedElement.offset().top + headerFixedElement.height();
$(window).scroll(function () {
let sTop = $(this).scrollTop();
if (sTop > rTop) {
fixedBottom.fadeIn(300);
if (sTop >= bTop) {
fixedBottom.removeClass('fixed');
} else {
fixedBottom.addClass('fixed');
}
} else {
fixedBottom.fadeOut(300);
}
})
}
</script>
<style>
@media (min-width:769px) {
.render-jsx-126-18 .codeBtn {
background-color: #c30d23;
border-radius: 0 60px 60px 0;
padding: 0 .2rem;
color: white;
top: 0;
font-size: .14rem;
position: absolute;
right: 0;
height: 100%;
}
.render-jsx-126-18 .phoneInput {
font-size: .16rem;
border-radius: 60px;
height: .5rem;
text-align: left;
border: 1px solid #ccc;
padding: 0 .2rem;
margin: .2rem 0 0;
line-height: .5rem;
}
.render-jsx-126-18 .title {
color: black;
font-weight: bold;
font-size: .24rem;
text-align: center;
}
.render-jsx-126-18 .closeImg {
top: .14rem;
width: .2rem;
position: absolute;
right: .14rem;
}
.render-jsx-126-18 .codeInput {
border: 1px solid #ccc;
border-radius: 60px;
padding: 0 .2rem;
margin: .2rem 0 0;
font-size: .16rem;
line-height: .5rem;
position: relative;
height: .5rem;
text-align: left;
}
.render-jsx-126-18 .button {
background-color: #c30d23;
border-radius: 60px;
margin: .2rem 0 0;
color: white;
width: 100%;
font-size: .18rem;
line-height: .5rem;
height: .5rem;
}
.render-jsx-126-18 .con {
background-color: white;
padding: .3rem;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
width: 4rem;
position: absolute;
}
.render-jsx-126-18 .jsonCode {
background-color: rgba(0,0,0,0.5);
top: 0;
left: 0;
bottom: 0;
position: fixed;
right: 0;
}
.render-jsx-126-18 .info {
z-index: 0;
max-width: initial;
bottom: 9px;
display: block;
width: 3rem;
position: absolute;
right: 10px;
user-select: none;
pointer-events: none;
}
.render-jsx-126-18 .btn {
z-index: 1;
display: block;
width: 100%;
position: relative;
}
.render-jsx-126-18 .finger {
z-index: 2;
padding: 0 0 0 0;
margin: 0 0 0 0;
bottom: .2rem;
display: block;
left: -.2rem;
width: .8rem;
position: absolute;
}
.render-jsx-126-18 .btnwrap {
transform: translateY(-50%);
z-index: 2;
top: 60%;
width: 1.2rem;
position: fixed;
right: 0;
}
.render-jsx-126-18 .container {
margin: 0 auto;
}
.render-jsx-126-18 {
background-color: #fff;
}
}
@media (max-width:768px) {
.render-jsx-126-18 .codeBtn {
background-color: #c30d23;
border-radius: 0 60px 60px 0;
padding: 0 .4rem;
color: white;
top: 0;
font-size: .28rem;
position: absolute;
right: 0;
height: 100%;
}
.render-jsx-126-18 .phoneInput {
border: 1px solid #ccc;
border-radius: 60px;
padding: 0 .4rem;
margin: .4rem 0 0;
font-size: .28rem;
line-height: .9rem;
height: .9rem;
text-align: left;
}
.render-jsx-126-18 .title {
color: black;
font-weight: bold;
font-size: .4rem;
text-align: center;
}
.render-jsx-126-18 .closeImg {
top: .14rem;
width: .2rem;
position: absolute;
right: .14rem;
}
.render-jsx-126-18 .codeInput {
border: 1px solid #ccc;
border-radius: 60px;
padding: 0 .4rem;
margin: .4rem 0 0;
font-size: .28rem;
line-height: .9rem;
position: relative;
height: .9rem;
text-align: left;
}
.render-jsx-126-18 .button {
background-color: #c30d23;
border-radius: 60px;
margin: .4rem 0 0;
color: white;
width: 100%;
font-size: .32rem;
line-height: .9rem;
height: .9rem;
}
.render-jsx-126-18 .con {
background-color: white;
padding: .3rem;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
width: 6.5rem;
position: absolute;
}
.render-jsx-126-18 .jsonCode {
background-color: rgba(0,0,0,0.5);
top: 0;
left: 0;
bottom: 0;
position: fixed;
right: 0;
}
.render-jsx-126-18 .info {
display: none;
}
.render-jsx-126-18 .btn {
z-index: 1;
display: block;
width: 100%;
position: relative;
}
.render-jsx-126-18 .finger {
z-index: 2;
left: -.2rem;
bottom: .2rem;
display: block;
width: .8rem;
position: absolute;
}
.render-jsx-126-18 .btnwrap {
transform: translateY(-50%);
z-index: 2;
top: 60%;
width: 1.2rem;
position: fixed;
right: 0;
}
.render-jsx-126-18 .container {
margin: 0 auto;
}
.render-jsx-126-18 {
background-color: #fff;
}
}
</style>
<style>
/* PC端 */
@media (min-width:769px) {
}
/* 手机端 */
@media (max-width:768px) {
}
.render-jsx-126-18 .btnwrap .finger {
animation: scale .3s infinite alternate
}
@keyframes scale {
0% {
transform: scale(.8);
}
100% {
transform: scale(1);
}
}
</style>
<div class="render-jsx-126-18">
<div class="btnwrap" data-popup-id="11" data-params-button="立即领取" data-params-codeinput="验证码" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="免费领53节精品外教课" data-params-phoneinput="填写您的手机号码" data-params-codebtn="获取验证码">
<img class="finger " src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/12/a3c6d3z572x83lpx53kazb5tzgzd2tkf.png">
<a><img class="btn " src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/12/3jzh3tgtk94a25c1dknr79mkm26dxr84.png"></a>
</div>
</div>
<style>
@media (min-width:769px) {
.render-jsx-8-undefined .closeImg {
top: 13% !important;
height: 40px;
padding: 0 0 0 0;
margin: 0 0 0 0;
left: 63%;
width: 40px !important;
position: absolute;
}
.render-jsx-8-undefined .img {
height: auto;
padding: 100px 0 0 0;
margin: 0 auto;
width: 375px;
}
.render-jsx-8-undefined .codeBtn {
background-color: #c30d23;
border-radius: 0 60px 60px 0;
padding: 0 .2rem;
color: white;
top: 0;
font-size: .14rem;
position: absolute;
right: 0;
height: 100%;
}
.render-jsx-8-undefined .phoneInput {
font-size: .16rem;
border-radius: 60px;
height: .5rem;
text-align: left;
border: 1px solid #ccc;
padding: 0 .2rem;
margin: .2rem 0 0;
line-height: .5rem;
}
.render-jsx-8-undefined .title {
color: black;
font-weight: bold;
font-size: .24rem;
text-align: center;
}
.render-jsx-8-undefined .closeImg {
top: .14rem;
width: .2rem;
position: absolute;
right: .14rem;
}
.render-jsx-8-undefined .codeInput {
border: 1px solid #ccc;
border-radius: 60px;
padding: 0 .2rem;
margin: .2rem 0 0;
font-size: .16rem;
line-height: .5rem;
position: relative;
height: .5rem;
text-align: left;
}
.render-jsx-8-undefined .button {
background-color: #c30d23;
border-radius: 60px;
margin: .2rem 0 0;
color: white;
width: 100%;
font-size: .18rem;
line-height: .5rem;
height: .5rem;
}
.render-jsx-8-undefined .con {
background-color: white;
padding: .3rem;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
width: 4rem;
position: absolute;
}
.render-jsx-8-undefined .jsonCode {
background-color: rgba(0,0,0,0.5);
top: 0;
left: 0;
bottom: 0;
position: fixed;
right: 0;
}
.render-jsx-8-undefined .button {
background-size: 100% 100%;
background-color: transparent;
border-radius: 0;
transform: translateX(-50%);
background-repeat: no-repeat;
top: 80%;
background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/15/4n71d8xz86h3hr5letzmrjafdz9rzyjb.gif);
height: 170px;
padding: 0 0 0 0;
margin: 0 0 0 0;
bottom: 0;
left: 49.6%;
width: 160px;
position: absolute;
}
.render-jsx-8-undefined {
background-color: rgba(0,0,0,0.5);
z-index: 8;
top: 0;
left: 0;
bottom: 0;
position: fixed;
right: 0;
text-align: center;
}
}
@media (max-width:768px) {
.render-jsx-8-undefined .closeImg {
top: 12% !important;
height: 30px;
padding: 0 0 0 0;
margin: 0 0 0 0;
right: 10% !important;
width: 30px !important;
position: absolute;
}
.render-jsx-8-undefined .img {
height: auto;
padding: 1.5rem 0 0 0;
margin: 0 auto;
width: 80%;
}
.render-jsx-8-undefined .codeBtn {
background-color: #c30d23;
border-radius: 0 60px 60px 0;
padding: 0 .4rem;
color: white;
top: 0;
font-size: .28rem;
position: absolute;
right: 0;
height: 100%;
}
.render-jsx-8-undefined .phoneInput {
border: 1px solid #ccc;
border-radius: 60px;
padding: 0 .4rem;
margin: .4rem 0 0;
font-size: .28rem;
line-height: .9rem;
height: .9rem;
text-align: left;
}
.render-jsx-8-undefined .title {
color: black;
font-weight: bold;
font-size: .4rem;
text-align: center;
}
.render-jsx-8-undefined .closeImg {
top: .14rem;
width: .2rem;
position: absolute;
right: .14rem;
}
.render-jsx-8-undefined .codeInput {
border: 1px solid #ccc;
border-radius: 60px;
padding: 0 .4rem;
margin: .4rem 0 0;
font-size: .28rem;
line-height: .9rem;
position: relative;
height: .9rem;
text-align: left;
}
.render-jsx-8-undefined .button {
background-color: #c30d23;
border-radius: 60px;
margin: .4rem 0 0;
color: white;
width: 100%;
font-size: .32rem;
line-height: .9rem;
height: .9rem;
}
.render-jsx-8-undefined .con {
background-color: white;
padding: .3rem;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
width: 6.5rem;
position: absolute;
}
.render-jsx-8-undefined .jsonCode {
background-color: rgba(0,0,0,0.5);
top: 0;
left: 0;
bottom: 0;
position: fixed;
right: 0;
}
.render-jsx-8-undefined .button {
background-size: 100% 100%;
background-color: transparent;
border-radius: 0;
transform: translateX(-50%);
background-repeat: no-repeat;
top: 78%;
background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/15/4n71d8xz86h3hr5letzmrjafdz9rzyjb.gif);
height: 3rem;
padding: 0 0 0 0;
margin: 0 0 0 0;
bottom: 0;
left: 49%;
width: 2.8rem;
position: absolute;
}
.render-jsx-8-undefined {
background-color: rgba(0,0,0,0.5);
z-index: 8;
top: 0;
left: 0;
bottom: 0;
position: fixed;
right: 0;
text-align: center;
}
}
</style>
<style>
.render-jsx-8-undefined {
text-align: center;
}
.render-jsx-8-undefined > .content {
position: relative;
}
.render-jsx-8-undefined > .close_img {
cursor: pointer;
}
/* PC端 */
@media (min-width:769px) {
}
/* 手机端 */
@media (max-width:768px) {
}
</style>
<div class="render-jsx-8-undefined" id="loading-popup-8">
<div class="content">
<img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/3cm8zfkcwrx1dfk1djx9ft1db7x6y71d.png" class="img content_img">
<button data-popup-id="11" data-params-button="立即领取" data-params-codeinput="验证码" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="免费领53节精品外教课" data-params-phoneinput="请输入您的手机号码" data-params-codebtn="获取验证码" class="button close-popup">
</button>
</div>
<img src="https://img.acadsoc.com.cn/web/lps/lxhd/iShow/img/close.png" class="closeImg close_img">
</div>
<script>
$(function () {
$('.render-jsx-8-undefined .closeImg').click(function () {
$('.render-jsx-8-undefined').hide();
})
})
</script>
<style>
/* PC端 */
@media (min-width:769px) {
.render-jsx-27-undefined {
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-27-undefined > .content {
height: auto;
padding: 0 0 0 0;
margin: 0 auto 0 auto;
width: 400px;
position: relative;
}
.render-jsx-27-undefined > .content > .bg-img {
width: 100%;
}
.render-jsx-27-undefined > .content > .close-img {
top: 12%;
width: 12px;
position: absolute;
right: 30px;
height: 12px;
}
.render-jsx-27-undefined > .content > .qrcode-img {
top: 25%;
padding: 0 0 0 0;
margin: 0 0 0 0;
right: 9%;
width: 45%;
position: absolute;
}
.render-jsx-27-undefined > .content > .wx {
color: #172C79;
font-size: 14px;
top: 53%;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
left: 0;
width: 100%;
position: absolute;
}
.render-jsx-27-undefined > .content > .btn-img {
transform: translateX(-50%);
top: 52%;
padding: 0 0 0 0;
margin: 0 0 0 0;
left: 50%;
width: 100%;
position: absolute;
}
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-27-undefined {
top: 0;
left: 0;
bottom: 0;
display: flex;
justify-content: center;
position: fixed;
right: 0;
align-items: center;
}
.render-jsx-27-undefined > .content {
margin: 0 auto 0 auto;
width: 80%;
position: relative;
height: auto;
}
.render-jsx-27-undefined > .content > .bg-img {
width: 100%;
}
.render-jsx-27-undefined > .content > .close-img {
top: 12%;
width: 12px;
position: absolute;
right: 30px;
height: 12px;
}
.render-jsx-27-undefined > .content > .qrcode-img {
margin: 0 0 0 0;
top: 25%;
width: 45%;
position: absolute;
right: 9%;
}
.render-jsx-27-undefined > .content > .wx {
color: #172C79;
top: 53%;
left: 10%;
width: 80%;
font-size: 12px;
position: absolute;
text-align: center;
}
.render-jsx-27-undefined > .content > .btn-img {
transform: translateX(-50%);
top: 54%;
left: 50%;
width: 100%;
position: absolute;
}
}
</style>
<div class="render-jsx-27-undefined" id="success-popup-27" style="display:none;">
<div class="content">
<img class="bg-img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/09/16/bd9y6f2rtamab72dmb9w82tfzxg9m58t.png">
<img class="close-img" src="https://img.acadsoc.com.cn/web/lps/lp2019/lp-LHY/img/close-btn.png">
<img class="qrcode-img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/1dhkbztrk9wr4ynbjm3tgdpe1dkgcdbe.png">
<p class="wx">添加老师，优先安排试课，微信号：AcMiumiu</p>
<img class="btn-img to-wx" data-wx="AcMiumiu" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/14/y3ljpdhgkpr4y5cncykre4xkc4j3p9n6.gif">
</div>
</div>
<script>
$(function () {
$('.render-jsx-27-undefined .close-img').click(function () {
$('.render-jsx-27-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);
const aele = document.createElement('a');
aele.href = 'weixin://';
aele.click();
});
})
</script>
<style>
.render-jsx-11-model .register-close {
cursor: pointer;
}
/* PC端 */
@media (min-width:769px) {
.render-jsx-11-model {
background-color: rgba(0,0,0,0.5);
top: 0;
left: 0;
bottom: 0;
position: fixed;
right: 0;
}
.render-jsx-11-model .content {
background-color: white;
padding: .3rem;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
width: 4rem;
position: absolute;
}
.render-jsx-11-model .register-close {
top: .14rem;
width: .2rem;
position: absolute;
right: .14rem;
position: absolute;
top: 20px;
right: 20px;
width: 20px;
}
.render-jsx-11-model .title {
color: black;
font-weight: bold;
font-size: .24rem;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.render-jsx-11-model .phoneinput {
font-size: .16rem;
border-radius: 60px;
height: .5rem;
text-align: left;
border: 1px solid #ccc;
padding: 0 .2rem;
margin: .2rem 0 0;
line-height: .5rem;
}
.render-jsx-11-model .codeinput {
border: 1px solid #ccc;
border-radius: 60px;
padding: 0 .2rem;
margin: .2rem 0 0;
font-size: .16rem;
line-height: .5rem;
position: relative;
height: .5rem;
text-align: left;
}
.render-jsx-11-model .btnGetSMS {
color: white;
font-size: .14rem;
background-color: #c30d23;
border-radius: 60px;
top: 0;
height: 100%;
padding: 0 .2rem;
margin: 0 0 0 0;
right: 0;
position: absolute;
}
.render-jsx-11-model .registerSubmit {
background-color: #c30d23;
border-radius: 60px;
margin: .2rem 0 0;
color: white;
width: 100%;
font-size: .18rem;
line-height: .5rem;
height: .5rem;
}
}
/* 手机端 */
@media (max-width:768px) {
.render-jsx-11-model {
background-color: rgba(0,0,0,0.5);
top: 0;
left: 0;
bottom: 0;
position: fixed;
right: 0;
}
.render-jsx-11-model .content {
background-color: white;
padding: .3rem;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
width: 6.5rem;
position: absolute;
}
.render-jsx-11-model .register-close {
top: .14rem;
width: .2rem;
position: absolute;
right: .14rem;
position: absolute;
top: 20px;
right: 20px;
width: 20px;
}
.render-jsx-11-model .title {
color: black;
font-weight: bold;
font-size: .4rem;
text-align: center;
}
.render-jsx-11-model .phoneinput {
border: 1px solid #ccc;
border-radius: 60px;
padding: 0 .4rem;
margin: .4rem 0 0;
font-size: .28rem;
line-height: .9rem;
height: .9rem;
text-align: left;
}
.render-jsx-11-model .codeinput {
border: 1px solid #ccc;
border-radius: 60px;
padding: 0 .4rem;
margin: .4rem 0 0;
font-size: .28rem;
line-height: .9rem;
position: relative;
height: .9rem;
text-align: left;
}
.render-jsx-11-model .btnGetSMS {
background-color: #c30d23;
border-radius: 0 60px 60px 0;
padding: 0 .4rem;
color: white;
top: 0;
font-size: .28rem;
position: absolute;
right: 0;
height: 100%;
}
.render-jsx-11-model .registerSubmit {
background-color: #c30d23;
border-radius: 60px;
margin: .4rem 0 0;
color: white;
width: 100%;
font-size: .32rem;
line-height: .9rem;
height: .9rem;
}
}
</style>
<div class="render-jsx-11-model" id="register-popup-11" style="display:none;">
<div class="content">
<img src="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" class="register-close close-popup closeimg">
<p class="title">匹配合适外教</p>
<div class="input__div ">
<input placeholder="填写您的手机号码" type="tel" maxlength="11" name="TxtPhone" class="TxtPhone phoneinput">
</div>
<div class="input__div ">
<input placeholder="" type="tel" maxlength="6" name="TxtCode" class="TxtCode codeinput">
<button class="btnGetSMS codebtn" name="btnGetSMS"></button>
</div>
<button class="registerSubmit button" name="registerSubmit"></button>
</div>
</div>
<footer class="footer footer-children">
<div class="footer-pc">
<div class="footer-pc-left">
<div>
服务热线：400-600-1166<a href="http://www.miitbeian.gov.cn/" rel="nofollow" target="_blank">粤ICP备19156451号</a>
</div>
<div>本站信息由深圳市阿卡索资讯股份有限公司发布</div>
</div>
<div class="footer-pc-right">
<img src="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/pcImg/footer.png" alt="Copyright">
</div>
</div>
<div class="footer-m">
<div class="footer-m-logo"></div>
<div class="footer-m-tel">
服务热线：400-600-1166<a href="http://www.miitbeian.gov.cn/" rel="nofollow" target="_blank">粤ICP备19156451号</a>
</div>
<div>本站信息由深圳市阿卡索资讯股份有限公司发布</div>
</div>
</footer>
<!--滑动验证生成-->
<div id="captcha"></div>
<!--滑动验证生成end-->
<div class="loading" style="position:fixed;top:50%;left:50%;margin-top:-25px;margin-left:-25px;display:none;z-index:1040;">
<img src="https://img.acadsoc.com.cn/web/img/loading1.gif" style="z-index:1050;position:relative;">
<div class="modal-backdrop in" style="background-color:#fff;opacity: .8;"></div>
</div>
<script type="text/javascript" src="https://img.acadsoc.com.cn/js/register_new_double-editor.js"></script>
<script type="text/javascript" src="https://img.acadsoc.com.cn/js/gt.js"></script>
<script type="text/javascript" src="https://img.acadsoc.com.cn/js/Captcha.js"></script>
<!-- 新验证1909 End -->
<script type="text/javascript" src="https://www.acadsoc.com.cn/Ajax/Web.UI.Fun.User.aspx"></script>
<!-- abtest -->
<script src="https://img.acadsoc.com.cn/web/js/abtest.min.js"></script>
<script type="text/javascript" src="https://img.acadsoc.com.cn/web/js/swiper-4.0.5.min.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.innerText = getToday(v.innerText);
})
function getToday(str) {
return str.replace(/year/gi, curruYear).replace(/month/gi, currMonth).replace(/date/gi, currDate);
}
function copyWx(wx, text = '复制成功!') {
const element = document.createElement('input');
element.value = wx;
document.body.append(element);
element.select();
document.execCommand('Copy');
document.body.removeChild(element);
alert(text);
}
$(function () {
$('[data-copy-wx]').click(function () {
copyWx($(this).attr('data-copy-wx'), $(this).attr('data-wx-alter'))
})
$('[data-to-wx]').click(function () {
copyWx($(this).attr('data-to-wx'), $(this).attr('data-wx-alter'))
const aele = document.createElement('a');
aele.href = 'weixin://';
aele.click();
});
// 返回弹窗
if (document.querySelector('[id*=back-popup]')) {
$('[id*=back-popup]').hide();
$('[id*=back-popup] [class*=close]').click(function () {
$('[id*=back-popup]').fadeOut();
// 取消返回,需要默认back一次
window.removeEventListener('popstate', holdBack);
history.back();
})
// 阻止返回
function holdBack() {
$('[id*=back-popup]').fadeIn();
history.pushState(null, null, document.URL);
}
// 防止页面后退 监听
history.pushState(null, null, document.URL);
window.addEventListener('popstate', holdBack);
}
// 关闭弹窗
$('.close-popup').click(function () {
$(this).parents('[id*=-popup]').fadeOut();
})
// 关闭注册弹窗
$('.register-close').click(function () {
$(this).parents('[id*=register-popup]').fadeOut();
})
// 打开弹窗
$('[data-popup-id]').click(function () {
const id = $(this).attr('data-popup-id');
const popup = $('#register-popup-' + id);
const attrs = this.attributes;
// 更改字符
for (let i = 0; i < attrs.length; i++) {
const name = attrs[i].name;
const value = attrs[i].value;
if (name.indexOf('data-params-') !== -1) {
const ele = popup.find('.' + name.split('data-params-')[1]);
if (!value) continue;
if (value === 'false') {
ele.hide();
continue;
} else if (value === 'true') {
ele.show();
continue;
}
if (!ele[0]) continue;
// 根据标签名修改
switch (ele[0].nodeName) {
case 'IMG':
ele.attr('src', value);
break;
case 'INPUT':
ele.attr('placeholder', value)
break;
default:
ele.html(getToday(value));
break;
}
}
}
popup.fadeIn();
})
// 单链接跳转
$('[data-href]').click(function () {
location.href = $(this).attr('data-href');
})
// 分端跳转
$('[data-pm-href]').click(function () {
var parameter = window.location.search;
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
location.href = $(this).attr('data-mobile-href');
} else if (bIsIpad) {
location.href = $(this).attr('data-ipad-href');
} else {
location.href = $(this).attr('data-pc-href');
}
})
// 跳转注册
$('[data-form]').click(function () {
$('body,html').stop().animate({ 'scrollTop': 0 },
{
duration: 1000,
easing: "swing"
});
})
// dynamic data
const imgIds = [];
const bgImgIds = [];
const textIds = [];
$('[data-img-id]').each(function (i, item) {
const id = $(item).attr('data-img-id');
if (imgIds.indexOf(id) === -1) {
imgIds.push(id);
}
})
$('[data-text-id]').each(function (i, item) {
const id = $(item).attr('data-text-id');
if (textIds.indexOf(id) === -1) {
textIds.push(id);
}
})
$('[data-bg-img-id]').each(function (i, item) {
const id = $(item).attr('data-bg-img-id');
if (bgImgIds.indexOf(id) === -1) {
bgImgIds.push(id);
}
})
$.ajax({
url: 'https://dmpaio.acadsoc.com.cn/api-landingpage/PageResources/selectAllResources',
method: "POST",
dataType: "json",
headers: { 'Content-Type': 'application/json' },
data: JSON.stringify({ bgImgIds, imgIds, textIds }),
success: function (res) {
const _bgImgIds = res.data.bgImgIds;
const _imgIds = res.data.imgIds;
const _textIds = res.data.textIds;
// 背景图
_bgImgIds.forEach(function (v) {
const ele = $(`[data-bg-img-id=${v.id}]`);
// 手机banner
if (ele.hasClass('mobile-banner')) {
ele.attr('src', v.url);
} else {
ele.css('background-image', `url(${v.url})`);
}
});
_imgIds.forEach(function (v) {
const ele = $(`[data-img-id=${v.id}]`);
if (ele[0].nodeName === 'IMG') {
ele.attr('src', v.url);
} else {
ele.css('background-image', `url(${v.url})`);
}
});
_textIds.forEach(function (v) {
const ele = $(`[data-text-id=${v.id}]`);
ele.html(v.name);
});
}
})
})
// 注册
register.init({
successTxt: false, // 值为false时不执行
successLocation: false, // 值为false时不执行
successFn: function () {
ABRecord.registNotice();
//百度ocpc提交成功埋码
window._agl && window._agl.push(['track', ['success', { t: 3 }]])
var urlval = getQueryString("search");
$(".loading").hide();
var successPopup = document.querySelector('[id^=success-popup]');
if (successPopup) {
$(successPopup).fadeIn();
} else {
alert("领取成功，稍后将有学习顾问联系您！");
window.location = '/WebNew/user/Personal/UserInfo.aspx';
}
return false;
},
type: 'code', //注册类型：normal（常规）,code（验证码注册）,uid（带推荐人uid）
});
</script>
<!-- 53客服 -->
<script>
(function () { var _53code = document.createElement("script"); _53code.src = "https://tb.53kf.com/code/code/7cc096211c3e62506f8652e76661a192/2"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(_53code, s); }
)();</script>
</body>
</html>