<!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>