<!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="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 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" src="https://img.acadsoc.com.cn/js/editor/global.js"></script> <script type="text/javascript"> var html = document.documentElement; var htmlClientWidth = 0; var rejustRootSize = function () { var oh = 750; html.getBoundingClientRect().width > oh ? htmlClientWidth = oh : htmlClientWidth = html.getBoundingClientRect().width; html.style.fontSize = htmlClientWidth / (oh / 100) + 'px'; }; rejustRootSize(); window.onresize = rejustRootSize; </script> <script src="https://img.acadsoc.com.cn/web/js/bootstrap.min.js"></script> <script src="https://img.acadsoc.com.cn/web/lps/activity/js/lp.js"></script> <!--IpRecord--> <script type="text/javascript" src="https://www.acadsoc.com.cn/ajax/Web.UI.Fun.IpRecord.aspx"></script> <script src="https://img.acadsoc.com.cn/web/js/IdentificationSystem.js"></script> <script src="https://img.acadsoc.com.cn/web/lps/activity/js/Record.js"></script> <!--微信分享--> <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script src="https://img.acadsoc.com.cn/web/lps/activity/js/wxShare.js"></script> <script> wxShare.init(); </script> <!--百度统计代码--> <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> body{ background-color:white; } </style> </head><body> <!-- js统计 --> <script src="https://img.acadsoc.com.cn/web/js/monitor/apm.web.js"></script> <style> @media (min-width:769px) { .render-swiper-127-0 .swiperel { z-index:1; border-radius:0 0 0 0; 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 { background-color:rgb(195, 13, 35); border-radius:60px 60px 60px 60px; padding:0px 0px 0px 0px; margin:0 0 0 0; color:white; font-weight:500; width:100%; font-size:18px; height:0.5rem; text-align:center; } .render-swiper-127-0 .codebtn { background-color:rgb(195, 13, 35); border-radius:0px 60px 60px 0px; padding:0px 20px 0px 20px; margin:0px 0px 0px 0px; color:#fff; top:0; font-size:16px; line-height:.5rem; position:absolute; right:0; height:.5rem; } .render-swiper-127-0 .free { border-radius:0 0 0 0; padding:0 0 0 0; transform:translateX(-90%); margin:0 0 0 0; top:0; left:0; display:none; width:1.1rem; position:absolute; } .render-swiper-127-0 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#00269a; font-weight:600; display:inline-block; font-size:24px; line-height:1; position:relative; } .render-swiper-127-0 .count { padding:0.1rem 0.15rem 0.14rem 0.15rem; margin:0 0 0 0; background-size:100% 100%; color:#fff; display:none; font-size:14px; line-height:1.1; right:.05rem; border-radius:0 0 0 0; background-repeat:no-repeat; top:-.3rem; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/aejm8p1de3tynxj1d2htzhykxjlkejdf.png); position:absolute; text-align:center; } .render-swiper-127-0 .phone { border-radius:60px 60px 60px 60px; background-color:rgb(238, 238, 238); padding:0 .2rem 0 .2rem; margin:0 0 0 0; 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 60px 60px 60px; background-color:rgb(238, 238, 238); padding:0 .2rem 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 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem auto .4rem auto; display:block; width:100%; } .render-swiper-127-0 .content { background-color:#fff; border-radius:10px 10px 10px 10px; padding:20px 20px 30px 20px; margin:-1px auto 0 auto; width:100%; position:relative; text-align:center; } .render-swiper-127-0 .titleimg { background-size:100% 100%; color:#fff; font-size:34px; border-radius:0 0 0 0; background-repeat:no-repeat; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/10/zxnwn2w9aw4htpy8geg72y58cmrng368.png); height:86px; text-align:center; padding:0 0 0 0; margin:0 0 0 0; display:none; line-height:76px; width:100%; } .render-swiper-127-0 .img2 { border-radius:0 0 0 0; padding:0 0 0 0; background-repeat:no-repeat; margin:0 0 0 0; background-size:cover; display:block; width:100%; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/02/xd9apwf89p5623f6myfcpdhrb7gy8n4k.jpg); background-position:center top; height:100%; } .render-swiper-127-0 .img1 { border-radius:0 0 0 0; padding:0 0 0 0; background-repeat:no-repeat; margin:0 0 0 0; background-size:cover; display:block; width:100%; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/30/r93ncm2n4rj242zm65n8hgfde98ctbpt.jpg); background-position:center top; height:100%; } .render-swiper-127-0 .formwrap { background-color:none; border-radius:0 0 0 0; padding:0 0 0 0; transform:translateY(-50%); z-index:2; margin:0 0 0 0; top:50%; width:340px; right:-.2rem; position:absolute; } .render-swiper-127-0 .inputform { margin:0 0 .2rem 0; width:100%; position:relative; } .render-swiper-127-0 .banner { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:100%; position:relative; height:630px; } .render-swiper-127-0 { background-color:#fff; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .render-swiper-127-0 .container { border-radius:0px 0px 0px 0px; padding:0px 0px 0px 0px; margin:0px auto 0px auto; position:relative; height:100%; } } @media (max-width:768px) { .render-swiper-127-0 .swiperel { border-radius:0 0 0 0; height:5.68rem; padding:0 0 0 0; margin:0 0 0 0; width:100%; position:relative; } .render-swiper-127-0 .btn { background-color:rgb(195, 13, 35); border-radius:60px 60px 60px 60px; padding:0 0 0 0; margin:0 0 0 0; color:white; width:100%; font-size:16px; height:0.9rem; text-align:center; } .render-swiper-127-0 .codebtn { background-color:rgb(195, 13, 35); border-radius:0px .5rem .5rem 0px; padding:0 .2rem 0 .2rem; color:#fff; top:0; font-size:.28rem; line-height:.88rem; position:absolute; right:0; height:.88rem; } .render-swiper-127-0 .free { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .render-swiper-127-0 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; 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 0.2rem; margin:0 0 0 0; background-size:100% 100%; color:#fff; display:none; font-size:.24rem; line-height:1.1; right:.05rem; border-radius:0 0 0 0; background-repeat:no-repeat; top:-.4rem; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/pxyzc5cbt5x4rydgzn64kb8fw62carel.png); position:absolute; text-align:center; } .render-swiper-127-0 .phone { border:1px solid #dcdcdc; padding:0 .26rem 0 .26rem; margin:0 0 0 0; color:#a2a2a2; font-size:.28rem; line-height:.88rem; border-radius:.5rem .5rem .5rem .5rem; background-color:#fff; width:100%; position:relative; height:0.9rem; text-align:left; } .render-swiper-127-0 .code { border-radius:.5rem .5rem .5rem .5rem; background-color:#fff; border:1px solid #dcdcdc; padding:0 .26rem 0 .26rem; color:#a2a2a2; width:100%; font-size:.28rem; line-height:.88rem; position:relative; height:.88rem; text-align:left; } .render-swiper-127-0 .gift { border-radius:0 0 0 0; padding:0 0 0 0; margin:.3rem auto .6rem auto; display:block; width:100%; } .render-swiper-127-0 .content { background-color:#fff; border-radius:10px 10px 10px 10px; padding:20px .4rem .5rem .4rem; margin:-40px 0 0 0; z-index:2; width:100%; position:relative; text-align:center; } .render-swiper-127-0 .titleimg { padding:0 0 0 0; z-index:1; margin:0 0 0 0; background-size:100% 100%; color:#fff; font-weight:bold; display:none; font-size:.42rem; line-height:1rem; border-radius:0 0 0 0; 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 { border-radius:0 0 0 0; padding:0 0 0 0; background-repeat:no-repeat; margin:0 0 0 0; background-size:100% auto; display:block; width:100%; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/02/1d6f8wz64nt74w85c3648lm3xcxeyryf.jpg); background-position:center top; height:100%; } .render-swiper-127-0 .img1 { border-radius:0 0 0 0; padding:0 0 0 0; background-repeat:no-repeat; margin:0 0 0 0; background-size:100% auto; display:block; width:100%; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/02/9gp5h9zfz6rytgej38wd7ygdtnz237jg.png); background-position:center top; height:100%; } .render-swiper-127-0 .formwrap { border-radius:.24rem .24rem .24rem .24rem; box-shadow:0 0 .1rem .1rem rgba(15,34,135,.1); padding:0 0 0 0; margin:.4rem auto 0 auto; background-coloe:#fff; width:94%; position:relative; } .render-swiper-127-0 .inputform { margin:0 0 .2rem 0; width:100%; position:relative; } .render-swiper-127-0 .banner { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:100%; position:relative; height:auto; } .render-swiper-127-0 { background-color:#fff; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .render-swiper-127-0 .container { background-color:#fff; border-radius:0 0 0 0; padding:0 0 .3rem 0; margin:0 0 0 0; text-align:center; height:auto; } } </style> <style> /* 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 ">9周年特惠</div> <div class="content "> <h2 class="title "> <span style="color:#333333;"></span>免费体验课<span style="color:#b81c25;">(25分钟) <img class="free " src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/10/xlznkwz61dgw9n78mpfefa8e9dbe5h5w.png"> </span></h2> <img class="gift " src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/02/ermzfcfgerzdtdpyk8b4f9zla2emnh2r.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"> 立即体验 </button> <img class="lion " src=""> </div> </div> </div> </div> </div> <script> $(function(){ let _countNum = 99 const _countTimer = setInterval(()=>{ if(_countNum > 1){ $('.render-swiper-127-0 .count strong').text(--_countNum) }else{ $('.render-swiper-127-0 .count strong').text('1') } },20000); new Swiper ('.render-swiper-127-0 .swiper-container', { loop: true, // 循环模式选项 autoplay:true, }) }) </script> <style> @media (min-width:769px) { .auto-element-294-1>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .auto-element-294-1>.container>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem 0 .3rem 0; color:#333; text-decoration:underline; font-size:.3rem; line-height:1; text-align:center; } .auto-element-294-1>.container>.div3>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 10% 0 0; display:block; width:27%; } .auto-element-294-1>.container>.div3>.div1>.div3>.p1 { border-radius:.7rem .5rem .5rem 0; background-color:#b81c25; padding:0 0 0 .2rem; margin:0 0 0 0; color:#fff; width:1.7rem; font-size:.24rem; line-height:.5rem; } .auto-element-294-1>.container>.div3>.div1>.div3>.p2 { border-radius:0 0 0 0; padding:0 0 0 .2rem; margin:.15rem 0 0 0; color:#666; font-size:19px; line-height:1.6; } .auto-element-294-1>.container>.div3>.div1>.div3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; min-height:100px; } .auto-element-294-1>.container>.div3>.div1>.div2>.p1 { border-radius:.7rem .5rem .5rem 0; background-color:#b81c25; padding:0 0 0 .2rem; margin:0 0 0 0; color:#fff; width:1.7rem; font-size:.24rem; line-height:.5rem; } .auto-element-294-1>.container>.div3>.div1>.div2>.p2 { border-radius:0 0 0 0; padding:0 0 0 .2rem; margin:.15rem 0 0 0; color:#666; font-size:19px; line-height:1.6; } .auto-element-294-1>.container>.div3>.div1>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .5rem 0; min-height:100px; } .auto-element-294-1>.container>.div3>.div1>.div1>.p1 { border-radius:.7rem .5rem .5rem 0; background-color:#b81c25; padding:0 0 0 .2rem; margin:0 0 0 0; color:#fff; width:1.7rem; font-size:.24rem; line-height:.5rem; } .auto-element-294-1>.container>.div3>.div1>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 .2rem; margin:.15rem 0 0 0; color:#666; font-size:19px; line-height:1.6; } .auto-element-294-1>.container>.div3>.div1>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .5rem 0; min-height:100px; } .auto-element-294-1>.container>.div3>.div1 { border-radius:.1rem .1rem .1rem .1rem; background-color:#f0f4ff; padding:.45rem .42rem .45rem .42rem; margin:0 0 0 0; width:56%; } .auto-element-294-1>.container>.div3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; justify-content:space-between; align-items:center; min-width:100px; } .auto-element-294-1>.container { min-height:100px; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; } .auto-element-294-1 { background-color:white; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; } } @media (max-width:768px) { .auto-element-294-1>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .auto-element-294-1>.container>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem 0 .5rem 0; color:#333; text-decoration:underline; font-size:.3rem; line-height:1; text-align:center; } .auto-element-294-1>.container>.div3>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:40%; } .auto-element-294-1>.container>.div3>.div1>.div3>.p1 { border-radius:.6rem .5rem .5rem 0; background-color:#b81c25; padding:0 0 0 0; margin:0 0 0 0; color:#fff; width:2.2rem; font-size:.3rem; line-height:.6rem; text-align:center; } .auto-element-294-1>.container>.div3>.div1>.div3>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem 0 0 0; color:#666; font-size:.26rem; line-height:1.4; } .auto-element-294-1>.container>.div3>.div1>.div3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .auto-element-294-1>.container>.div3>.div1>.div2>.p1 { border-radius:.6rem .5rem .5rem 0; background-color:#b81c25; padding:0 0 0 0; margin:0 0 0 0; color:#fff; width:2.2rem; font-size:.3rem; line-height:.6rem; text-align:center; } .auto-element-294-1>.container>.div3>.div1>.div2>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem 0 0 0; color:#666; font-size:.26rem; line-height:1.4; } .auto-element-294-1>.container>.div3>.div1>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .3rem 0; } .auto-element-294-1>.container>.div3>.div1>.div1>.p1 { border-radius:.6rem .5rem .5rem 0; background-color:#b81c25; padding:0 0 0 0; margin:0 0 0 0; color:#fff; width:2.2rem; font-size:.3rem; line-height:.6rem; text-align:center; } .auto-element-294-1>.container>.div3>.div1>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem 0 0 0; color:#666; font-size:.26rem; line-height:1.4; } .auto-element-294-1>.container>.div3>.div1>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .3rem 0; } .auto-element-294-1>.container>.div3>.div1 { border-radius:0 0 0 0; padding:.3rem .1rem 0 0; margin:0 0 0 0; width:60%; min-height:100px; } .auto-element-294-1>.container>.div3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; justify-content:space-between; align-items:center; min-width:100px; } .auto-element-294-1>.container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; width:92%; min-height:100px; } .auto-element-294-1 { background-color:white; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; } } </style> <div class="auto-element-294-1"> <div class="container"> <p class="p1">真人外教一对一</p> <p class="p2">在线教你“飚”英语</p> <div class="div3"> <div class="div1"> <div class="div1"> <p class="p1">在线1对1</p> <p class="p2">外教在线教学,在家就能学,1对1在线互动,让英语脱口而出</p> </div> <div class="div2"> <p class="p1">每天25分钟</p> <p class="p2">短时高频课程,每天只需25分钟,不占用你的业余时间</p> </div> <div class="div3"> <p class="p1">纯英外教</p> <p class="p2">外教老师长期生活在英语环境,能教你更多实用性英语</p> </div> </div> <img class="img2" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/30/nd8a4az97868lcm5gef6t4kczctxgnh8.png"> </div> </div> </div> <style> @media (min-width:769px) { .auto-element-295-2>.container>.button4 { padding:0 0 0 0; margin:.6rem auto 0 auto; color:white; font-weight:bold; display:block; font-size:.24rem; border-radius:.1rem .1rem .1rem .1rem; background-color:rgba(195, 13, 35, 1); width:4.2rem; text-align:center; height:.6rem; } .auto-element-295-2>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .auto-element-295-2>.container>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem 0 1.5rem 0; text-decoration:underline; font-size:.3rem; line-height:1; text-align:center; } .auto-element-295-2>.container>.div3>.div3>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.24rem 0 .15rem 0; color:#b81c25; font-weight:bold; font-size:.24rem; line-height:1; text-align:center; } .auto-element-295-2>.container>.div3>.div3>.p3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; font-size:18px; line-height:1.6; text-align:center; } .auto-element-295-2>.container>.div3>.div3>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:-.9rem 0 0 0; display:inline-block; } .auto-element-295-2>.container>.div3>.div3 { border-radius:.1rem .1rem .1rem .1rem; background-color:#dae5ff; padding:0 .5rem .3rem .5rem; margin:0 0 0 0; width:31%; min-width:100px; } .auto-element-295-2>.container>.div3>.div2>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.24rem 0 .15rem 0; color:#b81c25; font-weight:bold; font-size:.24rem; line-height:1; text-align:center; } .auto-element-295-2>.container>.div3>.div2>.p3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; font-size:18px; line-height:1.6; text-align:center; } .auto-element-295-2>.container>.div3>.div2>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:-.9rem 0 0 0; display:inline-block; } .auto-element-295-2>.container>.div3>.div2 { border-radius:.1rem .1rem .1rem .1rem; background-color:#dae5ff; padding:0 .5rem .3rem .5rem; margin:0 0 0 0; width:31%; min-width:100px; } .auto-element-295-2>.container>.div3>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.24rem 0 .15rem 0; color:#b81c25; font-weight:bold; font-size:.24rem; line-height:1; text-align:center; } .auto-element-295-2>.container>.div3>.div1>.p3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; font-size:18px; line-height:1.6; text-align:center; } .auto-element-295-2>.container>.div3>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:-.9rem 0 0 0; display:inline-block; } .auto-element-295-2>.container>.div3>.div1 { border-radius:.1rem .1rem .1rem .1rem; background-color:#dae5ff; padding:0 .5rem .3rem .5rem; margin:0 0 0 0; width:31%; min-width:100px; } .auto-element-295-2>.container>.div3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; justify-content:space-between; min-width:100px; } .auto-element-295-2>.container { min-height:100px; border-radius:0 0 0 0; background-color:#f5f5f5; padding:0 0 0 0; margin:0 auto 0 auto; } .auto-element-295-2 { background-color:#f5f5f5; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; } } @media (max-width:768px) { .auto-element-295-2>.container>.button4 { padding:0 0 0 0; margin:.55rem auto 0 auto; color:white; font-weight:bold; display:block; font-size:.32rem; border-radius:.1rem .1rem .1rem .1rem; background-color:rgba(195, 13, 35, 1); width:90%; text-align:center; height:.9rem; } .auto-element-295-2>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .auto-element-295-2>.container>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem 0 1rem 0; text-decoration:underline; font-size:.3rem; line-height:1; text-align:center; } .auto-element-295-2>.container>.div3>.div3>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .2rem 0; color:#b81c25; font-weight:bold; font-size:.3rem; line-height:1; } .auto-element-295-2>.container>.div3>.div3>.p3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; font-size:.26rem; line-height:1.6; } .auto-element-295-2>.container>.div3>.div3>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; top:-.6rem; left:.1rem; display:block; width:2.6rem; position:absolute; } .auto-element-295-2>.container>.div3>.div3 { border-radius:.1rem .1rem .1rem .1rem; background-color:#dae5ff; padding:.45rem .1rem .45rem 3rem; margin:0 0 0 0; position:relative; min-width:100px; } .auto-element-295-2>.container>.div3>.div2>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .2rem 0; color:#b81c25; font-weight:bold; font-size:.3rem; line-height:1; } .auto-element-295-2>.container>.div3>.div2>.p3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; font-size:.26rem; line-height:1.6; } .auto-element-295-2>.container>.div3>.div2>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; transform:rotate(10deg); top:-.6rem; display:block; width:2.6rem; position:absolute; right:.1rem; } .auto-element-295-2>.container>.div3>.div2 { border-radius:.1rem .1rem .1rem .1rem; background-color:#dae5ff; padding:.45rem 2.8rem .45rem .23rem; margin:0 0 1rem 0; position:relative; min-width:100px; } .auto-element-295-2>.container>.div3>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .2rem 0; color:#b81c25; font-weight:bold; font-size:.3rem; line-height:1; } .auto-element-295-2>.container>.div3>.div1>.p3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; font-size:.26rem; line-height:1.6; } .auto-element-295-2>.container>.div3>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; top:-.6rem; left:.1rem; display:block; width:2.6rem; position:absolute; } .auto-element-295-2>.container>.div3>.div1 { border-radius:.1rem .1rem .1rem .1rem; background-color:#dae5ff; padding:.45rem .1rem .45rem 3rem; margin:0 0 1rem 0; position:relative; min-width:100px; } .auto-element-295-2>.container>.div3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; min-height:100px; min-width:100px; } .auto-element-295-2>.container { border-radius:0 0 0 0; padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; min-height:100px; } .auto-element-295-2 { background-color:#f5f5f5; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; } } </style> <div class="auto-element-295-2"> <div class="container"> <p class="p1">为什么选择阿卡索?</p> <p class="p2">选择阿卡索的3大理由</p> <div class="div3"> <div class="div1"> <img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/30/7bebx7jataytnkx8jrfnwm2pmaxpcxtn.png"> <p class="p2">性价比高</p> <p class="p3">100%持证外教,1对1在线教学,一节课低至<span style="color:#b81c25;">13.8元</span></p> </div> <div class="div2"> <img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/30/xw3rz71dwab5w8gezbpz1demeg9fdj7f.png"> <p class="p2">上课灵活</p> <p class="p3">无限定上课时间,当你想学时,随时可以在线预约外教上课</p> </div> <div class="div3"> <img class="img1" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/30/zle1d9l4j7cwjzlc4ahtxb276pf57x59.png"> <p class="p2">量身定制</p> <p class="p3">系统将根据您的行业与需求,为您匹配合适的课程及教案</p> </div> </div> <button data-popup-id="48" data-params-button="%E6%88%91%E8%A6%81%E8%AF%95%E5%90%AC" data-params-codeinput="%E9%AA%8C%E8%AF%81%E7%A0%81" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="%E5%85%8D%E8%B4%B9%E4%B8%8A1%E8%AF%BE%EF%BC%8825%E5%88%86%E9%92%9F%EF%BC%89" data-params-phoneinput="%E6%89%8B%E6%9C%BA%E5%8F%B7" data-params-codebtn="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" class="button4">免费上1课(25分钟)</button> </div> </div> <style> @media (min-width:769px) { .render-swiper-296-3 .options { loop:false; initialSlide:0; centeredSlides:true; slidesPerView:3; spaceBetween:20; direction:horizontal; } .render-swiper-296-3 .list { padding:.1rem .1rem .1rem .1rem; width:100%; } .render-swiper-296-3 .tabs { padding:0 0 .3rem 0; margin:0 auto 0 auto; flex-direction:row; display:flex; width:90%; justify-content:space-between; } .render-swiper-296-3 .content { flex-direction:row; display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; } .render-swiper-296-3 .btn { border-radius:10px 10px 10px 10px; background-color:#c30d23; padding:0 0 0 0; margin:.6rem auto 0 auto; outline:none; color:#fff; display:none; width:420px; font-size:24px; height:60px; text-align:center; } .render-swiper-296-3 .title { color:#0e3180; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .render-swiper-296-3 .subtitle { margin:.2rem 0 .5rem 0; color:#333; text-decoration:underline; font-size:.3rem; line-height:1; text-align:center; } .render-swiper-296-3 .container { margin:0 auto 0 auto; } .render-swiper-296-3 .item { border-radius:5px 5px 5px 5px; background-color:#fff; padding:.15rem .15rem .15rem .15rem; box-shadow:0 0 .15rem .06rem rgba(150,150,150,.1); margin:0 auto 0 auto; width:92%; } .render-swiper-296-3 .tab { border-radius:40px 40px 40px 40px; border:1px solid #c30d23; cursor:pointer; padding:0 0 0 0; margin:0 0 0 0; color:#c30d23; width:17%; font-size:20px; line-height:40px; text-align:center; } .render-swiper-296-3 .text { padding:.2rem .4rem 0 .4rem; color:#444; font-size:18px; line-height:1.4; text-align:center; } .render-swiper-296-3 .slide { } .render-swiper-296-3 .img { display:block; width:100%; } .render-swiper-296-3 { background-color:#fff; padding:.6rem 0 .6rem 0; } } @media (max-width:768px) { .render-swiper-296-3 .options { loop:false; initialSlide:0; centeredSlides:false; slidesPerView:1; spaceBetween:20; direction:vertical; } .render-swiper-296-3 .list { border-radius:.1rem .1rem .1rem .1rem; padding:.2rem .2rem .2rem .2rem; box-shadow:0 0 .1rem .1rem rgba(200,200,200,.1); flex:1; height:4.8rem; } .render-swiper-296-3 .tabs { flex-direction:column; display:flex; width:2rem; justify-content:space-between; } .render-swiper-296-3 .content { flex-direction:row-reverse; display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; } .render-swiper-296-3 .btn { border-radius:.1rem .1rem .1rem .1rem; background-color:#c30d23; padding:0 0 0 0; margin:.6rem auto 0 auto; outline:none; color:#fff; display:block; width:90%; font-size:.32rem; height:.9rem; text-align:center; } .render-swiper-296-3 .title { color:#0e3180; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .render-swiper-296-3 .subtitle { margin:.2rem 0 .5rem 0; color:#333; text-decoration:underline; font-size:.3rem; line-height:1; text-align:center; } .render-swiper-296-3 .container { margin:0 auto 0 auto; } .render-swiper-296-3 .item { width:100%; } .render-swiper-296-3 .tab { border-radius:.4rem .4rem .4rem .4rem; border:1px solid #c30d23; cursor:pointer; padding:0 0 0 0; margin:0 0 0 10%; color:#c30d23; width:90%; font-size:.26rem; line-height:.6rem; text-align:center; } .render-swiper-296-3 .text { padding:.2rem .8rem .1rem .8rem; color:#444; font-size:.26rem; line-height:1.4; text-align:center; } .render-swiper-296-3 .slide { } .render-swiper-296-3 .img { display:block; width:100%; } .render-swiper-296-3 { background-color:#fff; padding:.6rem 0 .6rem 0; } } </style> <style> .render-swiper-296-3 .active{ background-color:#c30d23;color:#fff;border-color:#c30d23; } /* PC端 */ @media (min-width:769px) { } /* 手机端 */ @media (max-width:768px) { } </style> <div class="render-swiper-296-3"> <div class="container"> <h2 class="title">个性化定制课程</h2> <p class="subtitle">教你用得到的英语</p> <div class="content"> <ol class="tabs"> <li class="tab">日常口语</li> <li class="tab">商务英语</li> <li class="tab">0基础</li> <li class="tab">等级考试</li> <li class="tab">出国旅游</li> </ol> <div class="swiper-container list"> <div class="swiper-wrapper"> <div class="swiper-slide slide"> <div class="item"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/cr/hy/crwjty/img/sec2-img1.png"> <p class="text">生活实用口语练习提高自由交谈的能力</p> </div> </div> <div class="swiper-slide slide"> <div class="item"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/cr/hy/crwjty/img/sec2-img2.png"> <p class="text">以实用场景案例应对各种商务情境</p> </div> </div> <div class="swiper-slide slide"> <div class="item"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/cr/hy/crwjty/img/sec2-img3.png"> <p class="text">趣味互动式教学0基础也能轻松入门</p> </div> </div> <div class="swiper-slide slide"> <div class="item"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/cr/hy/crwjty/img/sec2-img4.png"> <p class="text">掌握考试重点+应试技巧提升成绩</p> </div> </div> <div class="swiper-slide slide"> <div class="item"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/cr/hy/crwjty/img/sec2-img5.png"> <p class="text">结合当地语言习惯教你更地道的表达</p> </div> </div> </div> </div> </div> <button class="btn" data-popup-id="11" data-params-button="%E5%85%8D%E8%B4%B9%E9%A2%84%E7%BA%A6" data-params-codeinput="%E9%AA%8C%E8%AF%81%E7%A0%81" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="%E9%A2%84%E7%BA%A6%E8%AF%95%E5%90%AC" data-params-phoneinput="%E6%89%8B%E6%9C%BA%E5%8F%B7" data-params-codebtn="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81">马上试听</button> </div> </div> <script> $(function(){ var pc = {"loop":false,"initialSlide":0,"centeredSlides":true,"slidesPerView":3,"spaceBetween":20,"autoplay":{"delay":3000,"stopOnLastSlide":false,"disableOnInteraction":false},"direction":"horizontal"}; var mo = {"loop":false,"initialSlide":0,"centeredSlides":false,"slidesPerView":1,"spaceBetween":20,"autoplay":{"delay":3000,"stopOnLastSlide":false,"disableOnInteraction":false},"direction":"vertical"}; pc.on = { slideChangeTransitionStart: function(){ const index = this.activeIndex; $('.render-swiper-296-3 .tabs li').eq(index).addClass('active').siblings('li').removeClass('active') }, }; mo.on = { slideChangeTransitionStart: function(){ const index = this.activeIndex; $('.render-swiper-296-3 .tabs li').eq(index).addClass('active').siblings('li').removeClass('active') }, }; const _swiper_course = new Swiper ('.render-swiper-296-3 .swiper-container',HtmlWidth >= 768 ? pc : mo); $('.render-swiper-296-3 .tabs li').click(function(){ const index = $(this).index(); $(this).addClass('active').siblings('li').removeClass('active'); _swiper_course.slideTo(index, 300, false); }) }) </script> <style> @media (min-width:769px) { .auto-element-293-4>.container>.button4 { border-radius:.1rem .1rem .1rem .1rem; background-color:rgba(195, 13, 35, 1); padding:0 0 0 0; margin:0 auto 0 auto; color:white; display:block; width:4.2rem; font-size:.24rem; text-align:center; height:.6rem; } .auto-element-293-4>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .auto-element-293-4>.container>.img3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .auto-element-293-4>.container>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.4rem auto .5rem auto; display:block; } .auto-element-293-4>.container { min-height:100px; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; } .auto-element-293-4 { background-color:#eaf0ff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; } } @media (max-width:768px) { .auto-element-293-4>.container>.button4 { border-radius:.1rem .1rem .1rem .1rem; background-color:rgba(195, 13, 35, 1); padding:0 0 0 0; margin:0 auto 0 auto; color:white; display:block; width:90%; font-size:.32rem; text-align:center; height:.9rem; } .auto-element-293-4>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .auto-element-293-4>.container>.img3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.4rem auto .5rem auto; display:block; } .auto-element-293-4>.container>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .auto-element-293-4>.container { border-radius:0 0 0 0; padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; min-height:100px; } .auto-element-293-4 { background-color:#eaf0ff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; } } </style> <div class="auto-element-293-4"> <div class="container"> <p class="p1">试听流程</p> <img class="img2" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/30/e8j96y5h1d3cfrxd91d98dc8j3h76w3m.png"> <img class="img3" src="https://img.acadsoc.com.cn/web/lps/acc/sem/cr/hy/crwjty/img/sec3-img.png"> <button data-popup-id="11" data-params-button="%E5%85%8D%E8%B4%B9%E9%A2%84%E7%BA%A6" data-params-codeinput="%E9%AA%8C%E8%AF%81%E7%A0%81" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="%E9%A2%84%E7%BA%A6%E8%AF%95%E5%90%AC" data-params-phoneinput="%E6%89%8B%E6%9C%BA%E5%8F%B7" data-params-codebtn="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" class="button4">预约试听</button> </div> </div> <style> @media (min-width:769px) { .auto-element-280-5>.container>.img3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .auto-element-280-5>.container>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; display:block; } .auto-element-280-5>.container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; } .auto-element-280-5 { min-height:100px; background-color:#fff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; } } @media (max-width:768px) { .auto-element-280-5>.container>.img3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; max-width:100%; display:block; } .auto-element-280-5>.container>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .auto-element-280-5>.container { border-radius:0 0 0 0; padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; min-height:100px; } .auto-element-280-5 { background-color:#fff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; } } </style> <div class="auto-element-280-5"> <div class="container"> <img class="img2" src="https://img.acadsoc.com.cn/web/lps/banners/gif/pc.gif"> <img class="img3" src="https://img.acadsoc.com.cn/web/lps/sem/sher/jp/d/img/fot.gif"> </div> </div> <style> @media (min-width:769px) { .auto-element-230-6>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#666; font-size:.24rem; text-align:center; } .auto-element-230-6>.container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; } .auto-element-230-6 { background-color:white; border-radius:0 0 0 0; padding:.3rem 0 .3rem 0; margin:0 0 0 0; } } @media (max-width:768px) { .auto-element-230-6>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#666; font-size:.24rem; text-align:center; } .auto-element-230-6>.container { border-radius:0 0 0 0; padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; } .auto-element-230-6 { background-color:white; border-radius:0 0 0 0; padding:-20px 0 -20px 0; margin:0 0 0 0; } } </style> <div class="auto-element-230-6"> <div class="container"> <p class="p1">*以上数据均为内部统计数据</p> </div> </div> <style> .fixed{position:fixed;bottom:0;left:0; z-index: 6;} .render-jsx-46-7 { font-size:0; } /* PC端 */ @media (min-width:769px) { .render-jsx-46-7 { padding:0 0 0 0; margin:0 0 0 0; text-align:center; } .render-jsx-46-7 img {pointer-events: none; border-radius:0 0 0 0; padding:0 0 0 0; margin:-80PX 0 0 0; width:100%; height:auto; } } /* 手机端 */ @media (max-width:768px) { .render-jsx-46-7 { padding:0 0 0 0; margin:0 0 0 0; text-align:center; } .render-jsx-46-7 img {pointer-events: none; border-radius:0 0 0 0; padding:0 0 0 0; margin:-40px 0 0 0; width:100%; height:auto; } } </style> <div class="render-jsx-46-7-top"></div> <div class="render-jsx-46-7" data-popup-id="11" data-params-button="%E5%85%8D%E8%B4%B9%E4%BD%93%E9%AA%8C" data-params-codeinput="%E9%AA%8C%E8%AF%81%E7%A0%81" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="%E4%BB%B7%E5%80%BC388%E5%85%83%E5%AD%A6%E4%B9%A0%E7%A4%BC%E5%8C%85" data-params-phoneinput="%E6%89%8B%E6%9C%BA%E5%8F%B7" data-params-codebtn="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81"> <a> <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/02/x71dxaz4m3xlzkhzb7hbhtj937l96lwd.png" class="pc--show"> <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/02/2n7amdz6mkdg1d3et9rgad6d867gm72e.png" class="mobile--show"> </a> </div> <script> $(function () { bottomShow(); }) function bottomShow() { // 定位元素 let fixedBottom = $('.render-jsx-46-7'); // 头部元素 let headerFixedElement = $('body>div').eq(0); // 底部元素 let removeFixedElement = $('.render-jsx-46-7-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> .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 .3rem .3rem .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; } .render-jsx-11-model .phoneinput{ border:1px solid #ccc; border-radius:60px 60px 60px 60px; padding:0 .2rem 0 .2rem; margin:.2rem 0 0 0; font-size:.16rem; line-height:.5rem; height:.5rem; text-align:left; } .render-jsx-11-model .codeinput{ border:1px solid #ccc; border-radius:60px 60px 60px 60px; padding:0 .2rem 0 .2rem; margin:.2rem 0 0 0; font-size:.16rem; line-height:.5rem; position:relative; height:.5rem; text-align:left; } .render-jsx-11-model .btnGetSMS{ background-color:#c30d23; border-radius:0 60px 60px 0; padding:0 .2rem 0 .2rem; color:white; top:0; font-size:.14rem; position:absolute; right:0; height:100%; } .render-jsx-11-model .registerSubmit{ background-color:#c30d23; border-radius:60px 60px 60px 60px; margin:.2rem 0 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 .3rem .3rem .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 60px 60px 60px; padding:0 .4rem 0 .4rem; margin:.4rem 0 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 60px 60px 60px; padding:0 .4rem 0 .4rem; margin:.4rem 0 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 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 60px 60px 60px; margin:.4rem 0 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> <style> .render-jsx-48-model .input__div img{ margin: 0 4px; } .render-jsx-48-model { position:fixed; top:0;bottom:0;left:0;right:0; display:flex; background-color:rgba(0,0,0,0.5); } .render-jsx-48-model .content{ margin:auto; text-align:center; position:relative; } .render-jsx-48-model .register-close{ cursor: pointer; } .render-jsx-48-model .p1 input, .render-jsx-48-model .p2 input{ padding:initial; color:initial; } /* PC端 */ @media (min-width:769px) { .render-jsx-48-model .content{ background-color:white; border-radius:4px; padding:.6rem .45rem .6rem .45rem; width:6rem; } .render-jsx-48-model .register-close{ top:.16rem; width:.23rem; right:.16rem; position:absolute; height:auto; } .render-jsx-48-model .title{ background-color:white; padding:0 0 0 0; margin:0 0 0 0; color:black; font-weight:bold; font-size:.36rem; line-height:1; text-align:center; } .render-jsx-48-model .time{ } .render-jsx-48-model .register-phone{ border-radius:60px; border:1px solid #ccc; padding:0 20px 0 20px; margin:.4rem 0 0 0; font-size:.28rem; height:.9rem; } .render-jsx-48-model .register-code{ border-radius:60px; border:1px solid #ccc; padding:0 20px 0 20px; margin:.3rem 0 0 0; font-size:.28rem; height:.9rem; } .render-jsx-48-model .btnGetSMS{ background-color:#c30d23; border-radius:0 60px 60px 0; padding:0 20px 0 20px; color:white; font-size:.28rem; } .render-jsx-48-model .registerSubmit{ background-color:#c30d23; border-radius:60px; padding:0 0 0 0; margin:.4rem 0 0 0; color:white; width:100%; font-size:.34rem; line-height:2.6; } } /* 手机端 */ @media (max-width:768px) { .render-jsx-48-model .content{ background-color:white; border-radius:4px; padding:.6rem .45rem .6rem .45rem; width:6.4rem; } .render-jsx-48-model .register-close{ top:.16rem; width:.23rem; right:.16rem; position:absolute; height:auto; } .render-jsx-48-model .title{ background-color:white; padding:0 0 0 0; margin:0 0 0 0; color:black; font-weight:bold; font-size:.36rem; line-height:1; text-align:center; } .render-jsx-48-model .time{ } .render-jsx-48-model .register-phone{ border-radius:60px; border:1px solid #ccc; padding:0 20px 0 20px; margin:.4rem 0 0 0; font-size:.28rem; height:.9rem; } .render-jsx-48-model .register-code{ border-radius:60px; border:1px solid #ccc; padding:0 20px 0 20px; margin:.3rem 0 0 0; font-size:.28rem; height:.9rem; } .render-jsx-48-model .btnGetSMS{ background-color:#c30d23; border-radius:0 60px 60px 0; padding:0 20px 0 20px; color:white; font-size:.28rem; } .render-jsx-48-model .registerSubmit{ background-color:#c30d23; border-radius:60px; padding:0 0 0 0; margin:.4rem 0 0 0; color:white; width:100%; font-size:.34rem; line-height:.9rem; height:.9rem; } } </style> <div class="render-jsx-48-model" id="register-popup-48" style="display:none;"> <div class="content"> <img src="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" class="register-close closeimg" data-module-id="48"> <p class="title">免费上1课(25分钟)</p> <div class="input__div register-phone"> <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/09/30/zn6tr45dgtgl7zwn2th78kgec2dhdeb7.png"> <input placeholder="手机号" type="tel" maxlength="11" name="TxtPhone" class="TxtPhone phoneinput"> </div> <div class="input__div register-code"> <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/09/30/re7d1dtb2g61d1dbn2g2396enj28x2fb.png"> <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 "> <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 type="text/javascript" src="https://img.acadsoc.com.cn/js/editor/comm-handle.js"></script> <script> window.onload = function(){ addFixedEls(); } function addFixedEls(){ // 头部元素 const headerFixedElement = $('body>div').eq(0); $('.fixed__el').each((i,v)=>{ // 定位元素 const fixedEl = $(v); // 移除元素 const removeFixedElement = fixedEl.prev(); let bTop = removeFixedElement.offset().top - 10 - $(window).height() + removeFixedElement.height(); let rTop = headerFixedElement.offset().top + headerFixedElement.height(); $(window).scroll(function () { let sTop = $(this).scrollTop(); if (sTop > rTop) { fixedEl.fadeIn(300); if (sTop >= bTop) { fixedEl.removeClass('fixed'); } else { fixedEl.addClass('fixed'); } } else { fixedEl.fadeOut(300); } }) }) } const date = new Date(); const curruYear = date.getFullYear(); const currMonth = date.getMonth() + 1; const currDate = date.getDate(); // 替换时间文字 document.querySelectorAll('.time').forEach(function(v){ v.innerHTML = getToday(v.innerHTML); }) function getToday(str) { return str.replace(/year/gi,curruYear).replace(/month/gi,currMonth).replace(/date/gi,currDate); } function copyWx(wx,text='复制成功!'){ const element = document.createElement('input'); element.value = wx; document.body.append(element); element.select(); document.execCommand('Copy'); document.body.removeChild(element); alert(text); } $(function () { $('[data-copy-wx]').click(function(){ copyWx($(this).attr('data-copy-wx'),$(this).attr('data-wx-alter')) }) $('[data-to-wx]').click(function(){ copyWx($(this).attr('data-to-wx'),$(this).attr('data-wx-alter')) const aele = document.createElement('a'); aele.href ='weixin://'; aele.click(); }); // 返回弹窗 if (document.querySelector('[id*=back-popup]')) { $('[id*=back-popup]').hide(); $('[id*=back-popup] [class*=close]').click(function () { $('[id*=back-popup]').fadeOut(); // 取消返回,需要默认back一次 window.removeEventListener('popstate', holdBack); history.back(); }) // 阻止返回 function holdBack() { $('[id*=back-popup]').fadeIn(); history.pushState(null, null, document.URL); } // 防止页面后退 监听 history.pushState(null, null, document.URL); window.addEventListener('popstate', holdBack); } // 关闭弹窗 $('.close-popup').click(function(){ $(this).parents('[id*=-popup]').fadeOut(); }) // 关闭注册弹窗 $('.register-close').click(function(){ $(this).parents('[id*=register-popup]').fadeOut(); }) // 打开弹窗 $('[data-popup-id]').click(function(){ 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 = decodeURI(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客服 --> </body></html>