<!doctype html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> <title>阿卡索外教网_在线英语培训_外教口语一对一培训</title> <meta name="description" content="阿卡索外教网提供在线英语口语培训,全程外教一对一教学模式,是专业的在线英语培训网站,阿卡索外教老师均毕业于国际知名的一流学府,拥有标准的英语口语以及最纯正的教学知识。您值得拥有"> <meta name="keywords" content="在线英语口语培训,在线英语培训,外教一对一,英语外教一对一,英语网络教学"> <!-- 分享配置 --> <meta itemprop="name" content="阿卡索外教网_在线英语培训_外教口语一对一培训"> <meta itemprop="image" content="https://img.acadsoc.com.cn/share/share-default.png"> <meta name="description" itemprop="description" content="阿卡索外教网提供在线英语口语培训,全程外教一对一教学模式,是专业的在线英语培训网站,阿卡索外教老师均毕业于国际知名的一流学府,拥有标准的英语口语以及最纯正的教学知识。您值得拥有"> <!--<link rel="stylesheet" href="https://img.acadsoc.com.cn/css/bootstrap.min.css">--> <link href="https://img.acadsoc.com.cn/js/editor/swiper.min.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="https://img.acadsoc.com.cn/web/css/header-footer.css"> <link rel="stylesheet" href="https://img.acadsoc.com.cn/web/css/editor.init.css"> <link rel="icon" href="https://www.acadsoc.com.cn/favicon.ico" type="image/x-icon"> <script type="text/javascript" src="https://img.acadsoc.com.cn/web/lps/recommend/js/jquery.min.js"></script> <script type="text/javascript"> var html = document.documentElement; var htmlClientWidth = 0; var rejustRootSize = function () { var oh = 750; html.getBoundingClientRect().width > oh ? htmlClientWidth = oh : htmlClientWidth = html.getBoundingClientRect().width; html.style.fontSize = htmlClientWidth / (oh / 100) + 'px'; }; rejustRootSize(); window.onresize = rejustRootSize; </script> <script src="https://img.acadsoc.com.cn/web/js/bootstrap.min.js"></script> <script src="https://img.acadsoc.com.cn/web/lps/activity/js/lp.js"></script> <!--IpRecord--> <script type="text/javascript" src="https://www.acadsoc.com.cn/ajax/Web.UI.Fun.IpRecord.aspx"></script> <script src="https://img.acadsoc.com.cn/web/js/IdentificationSystem.js"></script> <script src="https://img.acadsoc.com.cn/web/lps/activity/js/Record.js"></script> <!--微信分享--> <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script src="https://img.acadsoc.com.cn/web/lps/activity/js/wxShare.js"></script> <script> wxShare.init(); </script> <!--[if lt IE 9]> <script src="https://img.acadsoc.com.cn/web/js/vendor/html5shiv.js"></script> <script src="https://img.acadsoc.com.cn/web/js/vendor/respond.min.js"></script> <![endif]--> <script> window.HtmlWidth = 0; $(function(){ window.HtmlWidth = document.body.clientWidth || document.documentElement.clientWidth; window.pageEquipment = HtmlWidth > 768 ? 'pc' : 'mobile'; }) function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return ""; } </script> <style> body{ background-color:white; } </style> <!-- customize code header --> <script src="https://img.acadsoc.com.cn/web/lps/activity/js/BaiDuStatistics.js"></script> <script src="https://img.acadsoc.com.cn/web/SenSors/sensorsheadother.js"></script> <script src="https://www.acadsoc.com.cn/OCPC/js/ocpc.js"></script> </head> <!-- style: 86 --> <body class="body--PM"> <!-- js统计 --> <script src="https://img.acadsoc.com.cn/web/js/monitor/apm.web.js"></script> <style> /* auto generate style */ @media (min-width:769px) { .render-jsx-109-0 .el { border-radius:10px 10px 10px 10px ;background-color:white;transform:translateY(-50%);top:50%;text-align:center;padding:20px 20px 30px 20px ;margin:0 0 0 0 ;display:inline-block;right:-1rem;width:400px;position:absolute;border-style:none none none none;box-shadow: 0 2px 10px rgba(0,0,0,.1); }.render-jsx-109-0 .img { border-radius:0 0 0 0 ;height:auto;text-align:left;padding:0 0 0 0 ;margin:.2rem 0 0 0 ;width:100%;border-style:none none none none; }.render-jsx-109-0 .code { font-weight:500;font-size:16px;border-radius:60px 60px 60px 60px ;background-color:rgb(238, 238, 238);text-align:justify;height:0.5rem;padding:0px 0px 0px .3rem ;margin:20px 0px 0px 0px ;line-height:0.5rem;position:relative;border-style:none none none none; }.render-jsx-109-0 .phone { font-weight:500;font-size:16px;border-radius:60px 60px 60px 60px ;background-color:rgb(238, 238, 238);text-align:justify;height:0.5rem;padding:0px 0px 0px .3rem ;margin:20px 0px 0px 0px ;line-height:0.5rem;border-style:none none none none; }.render-jsx-109-0 .codediv { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.3rem 0 0 0 ;display:none; }.render-jsx-109-0 .text { border-radius:0 0 0 0 ;text-align:left;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.render-jsx-109-0 .title { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:10px 0px 0px 0px ;color:rgb(14, 49, 128);font-weight:600;font-size:24px; }.render-jsx-109-0 .codebtn { color:white;font-weight:500;font-size:16px;background-color:rgb(195, 13, 35);border-radius:0px 60px 60px 0px ;top:0;height:100%;text-align:left;padding:0px .2rem 0px .2rem ;margin:0px 0px 0px 0px ;right:0;position:absolute;border-style:none none none none; }.render-jsx-109-0 .btn { color:white;font-weight:500;font-size:18px;background-color:rgb(195, 13, 35);border-radius:60px 60px 60px 60px ;height:0.5rem;text-align:center;padding:0px 0px 0px 0px ;margin:20px 0px .1rem 0px ;width:100%;border-style:none none none none; }.render-jsx-109-0 .container { border-radius:0px 0px 0px 0px ;height:100%;padding:0px 0px 0px 0px ;margin:0px auto 0px auto ;max-width:100%;position:relative;border-style:none none none none;box-shadow: 0 0 0 #000; }.render-jsx-109-0 { border-radius:0 0 0 0 ;height:603px;text-align:left;padding:0 0 0 0 ;margin:0 0 0 0 ;position:relative;background-size:auto auto;background-attachment:scroll;background-repeat:repeat;background-position:0 0;background-image:url(https://cdnstatic.acadsoc.com.cn/landing-page/files/2021/07/13/cnj43ja2rbwagjf54dct8pzfx3dgxn2c.jpg);background-clip:border-box;border-style:none none none none; }.auto-element-209-1>.container { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ; }.auto-element-209-1>.container>.img4 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;display:none; }.auto-element-209-1>.container>.img3 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.3rem auto 0 auto ;display:block; }.auto-element-209-1>.container>.p2 { color:#666;font-weight:bold;font-size:.28rem;border-radius:0 0 0 0 ;text-align:center;padding:0 0 0 0 ;margin:.2rem 0 0 0 ;line-height:1; }.auto-element-209-1>.container>.text1 { color:rgba(20, 43, 136, 1);font-weight:bold;font-size:.4rem;border-radius:0 0 0 0 ;text-align:center;padding:0 0 0 0 ;margin:0 0 0 0 ;line-height:1; }.auto-element-209-1>.container>.btn5 { color:white;font-size:.22rem;border-radius:60px 60px 60px 60px ;background-color:rgba(195, 13, 35, 1);text-align:center;height:.55rem;padding:0 0 0 0 ;margin:.4rem auto 0 auto ;display:block;width:4rem;border-style:none none none none;box-shadow: 0px 7px 10px 0px rgba(195,13,35,0.26); }.auto-element-209-1 { background-color:#F5F9FF;border-radius:0 0 0 0 ;padding:.6rem 0 .6rem 0 ;margin:0 0 0 0 ;display:flex;min-height:100px; }.auto-element-212-2>.container { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ; }.auto-element-212-2>.container>.img3 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;display:none; }.auto-element-212-2>.container>.text1 { color:rgba(20, 43, 136, 1);font-weight:bold;font-size:.4rem;border-radius:0 0 0 0 ;text-align:center;padding:0 0 0 0 ;margin:0 0 0 0 ;line-height:1; }.auto-element-212-2>.container>.img2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.3rem auto 0 auto ;display:block; }.auto-element-212-2 { background-color:white;padding:.6rem 0 .6rem 0 ;margin:0 0 0 0 ;display:flex;min-height:100px; }.render-swiper-186-3 .btn { color:#fff;font-size:20px;border-radius:.6rem .6rem .6rem .6rem ;background-color:#c30d23;outline:none;height:50px;text-align:center;padding:0 0 0 0 ;margin:.2rem auto 0 auto ;display:block;line-height:50px;width:90%;border-color:#fff #fff #fff #fff;border-style:none none none none;box-shadow: 0 .1rem .1rem rgba(195,13,35,.1); }.render-swiper-186-3 .item { background-color:#fff;border-radius:.1rem .1rem .1rem .1rem ;text-align:left;padding:.25rem .25rem .25rem .25rem ;margin:0 auto 0 auto ;border-style:none none none none;box-shadow: 0 0 .15rem .06rem rgba(150,150,150,.1); }.render-swiper-186-3 .text { color:#444;font-size:20px;min-height:52px;border-radius:0 0 0 0 ;text-align:center;padding:0 0 0 0 ;margin:0 0 0 0 ;line-height:1.4;border-style:none none none none; }.render-swiper-186-3 .slide { height:auto; }.render-swiper-186-3 .img { border-radius:0 0 0 0 ;text-align:left;padding:0 0 0 0 ;margin:.22rem auto .22rem auto ;display:block;width:100%;border-style:none none none none; }.render-swiper-186-3 .itemtitle { color:#333;font-size:28px;border-radius:0 0 0 0 ;text-align:center;padding:.2rem 0 0 0 ;margin:0 0 0 0 ;line-height:1;background-size:.76rem auto;background-attachment:scroll;background-repeat:no-repeat;background-position:center top;background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/p2pzawx9tk1dmb38c1dkx1dmp1datd9y.png);background-clip:border-box;border-style:none none none none; }.render-swiper-186-3 .container { background-color:#f5f9ff;border-radius:0 0 0 0 ;text-align:left;padding:0 0 0 0 ;margin:0 auto 0 auto ;border-style:none none none none; }.render-swiper-186-3 .swiper { border-radius:0 0 0 0 ;padding:.5rem 0 .2rem 0 ;margin:0 auto 0 auto ;width:100%;border-style:none none none none;box-shadow: 0 0 0 #000; }.render-swiper-186-3 { background-color:#f5f9ff;border-radius:0 0 0 0 ;padding:.6rem 0 .6rem 0 ;margin:0 0 0 0 ; }.render-swiper-186-3 .title { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;color:#00259a;font-weight:bold;font-size:.4rem;line-height:1;text-align:center; }.auto-element-210-4>.container { min-height:100px;border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ; }.auto-element-210-4>.container>.img4 { border-radius:0 0 0 0 ;text-align:left;padding:0 0 0 0 ;margin:0 0 0 0 ;display:none;border-style:none none none none; }.auto-element-210-4>.container>.img3 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.3rem auto 0 auto ;display:none;border-style:none none none none;box-shadow: 0 0 0 #000; }.auto-element-210-4>.container>.text1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;color:rgba(20, 43, 136, 1);font-weight:bold;font-size:.38rem;text-align:center; }.auto-element-210-4>.container>.btn5 { color:white;font-size:.22rem;border-radius:60px 60px 60px 60px ;background-color:rgba(195, 13, 35, 1);text-align:center;height:.55rem;padding:0 0 0 0 ;margin:.3rem auto 0 auto ;display:block;width:4rem;border-style:none none none none;box-shadow: 0px 4px 10px rgba(195,13,35,0.4); }.auto-element-210-4>.container>.div2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.4rem 0 0 0 ;display:flex;min-height:100px;justify-content:space-between;min-width:100px; }.auto-element-210-4>.container>.div2>.div3 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;width:30%; }.auto-element-210-4>.container>.div2>.div3>.div2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ; }.auto-element-210-4>.container>.div2>.div3>.div2>.text1 { border-radius:60px 6px 60px 60px ;background-color:rgba(20, 43, 136, 1);padding:.1rem .15rem .1rem .15rem ;margin:.1rem 0 0 0 ;color:rgba(255, 255, 255, 1);display:inline-block;font-size:.24rem;text-align:center; }.auto-element-210-4>.container>.div2>.div3>.div2>.text2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.1rem 0 0 0 ;color:#666;font-size:.16rem;line-height:1.6;text-align:left; }.auto-element-210-4>.container>.div2>.div3>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ;display:block; }.auto-element-210-4>.container>.div2>.div2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;width:30%; }.auto-element-210-4>.container>.div2>.div2>.div2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ; }.auto-element-210-4>.container>.div2>.div2>.div2>.text1 { border-radius:60px 6px 60px 60px ;background-color:rgba(20, 43, 136, 1);padding:.1rem .15rem .1rem .15rem ;margin:.1rem 0 0 0 ;color:rgba(255, 255, 255, 1);display:inline-block;font-size:.24rem;text-align:center; }.auto-element-210-4>.container>.div2>.div2>.div2>.text2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.1rem 0 0 0 ;color:#666;font-size:.16rem;line-height:1.6;text-align:left; }.auto-element-210-4>.container>.div2>.div2>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ;display:block; }.auto-element-210-4>.container>.div2>.div1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;width:30%; }.auto-element-210-4>.container>.div2>.div1>.div2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ; }.auto-element-210-4>.container>.div2>.div1>.div2>.text1 { border-radius:60px 6px 60px 60px ;background-color:rgba(20, 43, 136, 1);padding:.1rem .15rem .1rem .15rem ;margin:.1rem 0 0 0 ;color:rgba(255, 255, 255, 1);display:inline-block;font-size:.24rem;text-align:center; }.auto-element-210-4>.container>.div2>.div1>.div2>.text2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.1rem 0 0 0 ;color:#666;font-size:.16rem;line-height:1.6;text-align:left; }.auto-element-210-4>.container>.div2>.div1>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ;display:block; }.auto-element-210-4 { background-color:white;border-radius:0 0 0 0 ;padding:.6rem 0 .6rem 0 ;margin:0 0 0 0 ;min-height:100px; }.auto-element-207-5>.container { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ; }.auto-element-207-5>.container>.img4 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;display:none; }.auto-element-207-5>.container>.img3 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.3rem auto 0 auto ;display:block; }.auto-element-207-5>.container>.p2 { color:#333;font-weight:bold;font-size:.28rem;border-radius:0 0 0 0 ;text-align:center;padding:0 0 0 0 ;margin:.2rem 0 0 0 ;line-height:1; }.auto-element-207-5>.container>.text1 { color:rgba(20, 43, 136, 1);font-weight:bold;font-size:.4rem;border-radius:0 0 0 0 ;text-align:center;padding:0 0 0 0 ;margin:0 0 0 0 ;line-height:1; }.auto-element-207-5 { background-color:white;border-radius:0 0 0 0 ;padding:.6rem 0 .6rem 0 ;margin:0 0 0 0 ;display:flex;min-height:100px;background-image:linear-gradient(to bottom, #CCD3EA 70%,#C5CDE7 2px, #E4E7F3); }.render-jsx-208-6 .container { }.render-jsx-208-6 .div { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ;display:flex;align-items:center; }.render-jsx-208-6 .leftpc { border-radius:0 0 0 0 ;text-align:left;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.render-jsx-208-6 .leftmobile { border-radius:0 0 0 0 ;text-align:left;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.render-jsx-208-6 .right { background-color:white;border-radius:10px;box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);margin:0 0 0 .6rem ;overflow:hidden;flex:1;0 2px 10px rgba(0, 0, 0, 0.2) }.render-jsx-208-6 .title { background-color:#192E79;padding:.3rem 0 .3rem 0 ;color:white;font-weight:bold;font-size:30px;text-align:center; }.render-jsx-208-6 .div1 { border-radius:0 0 0 0 ;padding:.5rem .6rem .6rem .6rem ;margin:0 0 0 0 ; }.render-jsx-208-6 .desc1 { padding:0 0 0 .1rem ;font-weight:bold;border-left:3px solid #C30D23;font-size:.2rem; }.render-jsx-208-6 .regbtn { border-radius:60px;background-color:#c30d23;margin:.3rem 0 0 0 ;color:white;font-weight:bold;width:100%;font-size:16px;height:.5rem; }.render-jsx-208-6 .desc2 { padding:0 0 0 .1rem ;font-weight:bold;border-left:3px solid #C30D23;font-size:.2rem; }.render-jsx-208-6 .desc3 { padding:0 0 0 .1rem ;font-weight:bold;border-left:3px solid #C30D23;font-size:.2rem; }.render-jsx-208-6 .regphone { margin:.2rem 0 0 0 ; }.render-jsx-208-6 .phone { border:1px solid #A0A0A0;border-radius:60px;width:100%;font-size:16px;height:.5rem;text-align:center; }.render-jsx-208-6 .lists2 { margin:.2rem 0 0 0 ;color:#333;display:flex;font-size:.14rem;flex-wrap:wrap; }.render-jsx-208-6 .box { border:1px solid #A0A0A0;margin:0 .1rem 0 0 ;display:inline-block;width:22px;vertical-align:middle;height:22px; }.render-jsx-208-6 .text { margin:10px 0 10px 0 ;width:25%;vertical-align:middle;position:relative; }.render-jsx-208-6 .lists1 { margin:.2rem 0 0 0 ;color:#333;display:flex;font-size:.14rem;flex-wrap:wrap; }.render-jsx-208-6 .lists3 { margin:.2rem 0 0 0 ;color:#333;display:flex;font-size:.14rem;flex-wrap:wrap; }.render-jsx-208-6 .regcode { margin:30px 0 0 0 ;position:relative; }.render-jsx-208-6 .code { border:1px solid #A0A0A0;border-radius:60px;padding:0 0 0 .3rem ;width:100%;font-size:16px;height:.5rem; }.render-jsx-208-6 .regcodebtn { color:white;font-size:16px;background-color:#c30d23;border-radius:60px 60px 60px 60px ;top:0;height:100%;text-align:left;padding:0 30px 0 30px ;margin:0 0 0 0 ;right:0;position:absolute;border-style:none none none none; }.render-jsx-208-6 .h2 { margin:0 0 .5rem 0 ;color:#C30D23;font-weight:bold;font-size:40px;text-align:center; }.render-jsx-208-6 .active { background-repeat:no-repeat;background-size:contain;top:-0.05rem;left:0.05rem;width:19px;position:absolute;background-image:url(https://img.acadsoc.com.cn/web/lps/lxhd/omsy/img/gou.png);background-position:center center;height:19px; }.render-jsx-208-6 { border-radius:0 0 0 0 ;padding:.6rem 0 .6rem 0 ;margin:0 0 0 0 ; }.render-jsx-175-NbQCDP>.con { background-color:white;border-radius:20px;padding:0 0 .4rem 0 ;margin:0 auto 0 auto ;transform:translate(-50%,-50%);top:50%;left:50%;width:4.5rem;position:absolute; }.render-jsx-175-NbQCDP>.con>.regbtn { border-radius:60px;background-color:#c30d23;margin:0 auto;color:white;font-weight:bold;display:block;width:4rem;font-size:16px;height:.55rem; }.render-jsx-175-NbQCDP>.con>.img { margin:-.75rem 0 0;width:100%; }.render-jsx-175-NbQCDP>.con>.regphone { margin:.2rem auto 0 auto ;width:4rem; }.render-jsx-175-NbQCDP>.con>.regphone>.phone { border:1px solid #A0A0A0;border-radius:60px;padding:0 0 0 .3rem ;width:100%;font-size:16px;height:.5rem; }.render-jsx-175-NbQCDP>.con>.closeimg { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;top:.16rem;width:.23rem;right:.16rem;position:absolute; }.render-jsx-175-NbQCDP>.con>.regcode { margin:.2rem auto .2rem auto ;width:4rem;position:relative; }.render-jsx-175-NbQCDP>.con>.regcode>.code { border:1px solid #A0A0A0;border-radius:60px;padding:0 0 0 .3rem ;width:100%;font-size:16px;line-height:.5rem;height:.5rem; }.render-jsx-175-NbQCDP>.con>.regcode>.regcodebtn { color:white;font-size:16px;background-color:#c30d23;border-radius:60px 60px 60px 60px ;top:0;height:100%;text-align:left;padding:0 30px 0 30px ;margin:0 0 0 0 ;right:0;position:absolute;border-style:none none none none; }.render-jsx-175-NbQCDP>.con>.title { color:rgba(20, 43, 136, 1);font-weight:bold;font-size:.32rem;border-radius:0 0 0 0 ;text-align:center;padding:0 0 0 0 ;margin:.2rem 0 .2rem 0 ;border-style:none none none none; }.render-jsx-175-NbQCDP { background-color:rgba(0,0,0,0.5);border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;top:0;left:0;bottom:0;position:fixed;right:0; } } @media (max-width:768px) { .render-jsx-109-0 .el { border-radius:10px 10px 10px 10px ;background-color:white;text-align:center;padding:30px 20px 30px 20px ;margin:-8% 0px 0px 0px ;display:inline-block;width:94%;position:relative;border-style:none none none none;box-shadow: 0 0px 2px 10px rgba(0, 0, 0, 0.1); }.render-jsx-109-0 .img { border-radius:0 0 0 0 ;height:auto;text-align:left;padding:0 0 0 0 ;margin:.2rem 0 0 0 ;width:100%;border-style:none none none none; }.render-jsx-109-0 .code { color:rgba(146, 145, 145, 1);font-weight:500;font-size:14px;border-radius:60px 60px 60px 60px ;background-color:rgb(238, 238, 238);text-align:justify;height:0.9rem;padding:0px 0px 0px .3rem ;margin:10px 0px 0px 0px ;line-height:0.9rem;position:relative;border-style:none none none none; }.render-jsx-109-0 .phone { color:rgba(146, 145, 145, 1);font-weight:500;font-size:14px;border-radius:60px 60px 60px 60px ;background-color:rgb(238, 238, 238);text-align:justify;height:0.9rem;padding:0px 0px 0px .3rem ;margin:10px 0px 0px 0px ;line-height:0.9rem;border-style:none none none none; }.render-jsx-109-0 .codediv { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.6rem 0 0 0 ;display:none; }.render-jsx-109-0 .text { color:rgba(195, 13, 35, 1);font-weight:bold;font-size:15px;border-radius:0 0 0 0 ;text-align:left;padding:0 0 0 0 ;margin:20px 0 0 0 ;display:none;justify-content:center;align-items:center;position:relative;border-style:none none none none; }.render-jsx-109-0 .title { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;color:rgb(14, 49, 128);font-weight:600;font-size:.4rem; }.render-jsx-109-0 .codebtn { color:white;font-size:14px;background-color:rgb(195, 13, 35);border-radius:0px 60px 60px 0px ;top:0;height:100%;text-align:left;padding:0px .2rem 0px .2rem ;margin:0 0 0 0 ;right:0;position:absolute;border-style:none none none none; }.render-jsx-109-0 .btn { color:white;font-size:16px;background-color:rgb(195, 13, 35);border-radius:60px 60px 60px 60px ;height:0.9rem;text-align:center;padding:0 0 0 0 ;margin:10px 0px .2rem 0px ;width:100%;border-style:none none none none; }.render-jsx-109-0 .container { background-color:white;border-radius:0 0 0 0 ;text-align:center;height:auto;padding:0 0 .3rem 0 ;margin:0 0 0 0 ;border-style:none none none none; }.render-jsx-109-0 { border-radius:0 0 0 0 ;text-align:left;padding:0 0 0 0 ;margin:0 0 0 0 ;position:relative;border-style:none none none none; }.auto-element-209-1>.container { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ;width:92%; }.auto-element-209-1>.container>.img4 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.3rem auto 0 auto ;display:block; }.auto-element-209-1>.container>.img3 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;display:none; }.auto-element-209-1>.container>.p2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.2rem 0 0 0 ;color:#666;font-weight:bold;font-size:.3rem;line-height:1;text-align:center; }.auto-element-209-1>.container>.text1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;color:#2a3a6e;font-weight:bold;font-size:.4rem;line-height:1;text-align:center; }.auto-element-209-1>.container>.btn5 { color:white;font-size:.3rem;border-radius:60px 60px 60px 60px ;background-color:rgba(195, 13, 35, 1);text-align:center;height:.9rem;padding:0 0 0 0 ;margin:.4rem auto 0 auto ;display:block;width:6rem;border-style:none none none none;box-shadow: 0px 7px 10px 0px rgba(195,13,35,0.26); }.auto-element-209-1 { background-color:#F5F9FF;border-radius:0 0 0 0 ;padding:.50rem 0 .6rem 0 ;margin:0 0 0 0 ;display:flex;min-height:100px; }.auto-element-212-2>.container { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ;width:92%; }.auto-element-212-2>.container>.img3 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.3rem auto 0 auto ;display:block; }.auto-element-212-2>.container>.text1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;color:#2a3a6e;font-weight:bold;font-size:.4rem;line-height:1;text-align:center; }.auto-element-212-2>.container>.img2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;display:none; }.auto-element-212-2 { background-color:white;padding:.6rem 0 .6rem 0 ;margin:0 0 0 0 ;display:flex;min-height:100px; }.render-swiper-186-3 .btn { color:#fff;font-size:.3rem;border-radius:.6rem .6rem .6rem .6rem ;background-color:#c30d23;outline:none;height:.7rem;text-align:center;padding:0 0 0 0 ;margin:.2rem auto 0 auto ;display:block;line-height:.7rem;width:80%;border-color:#fff #fff #fff #fff;border-style:none none none none;box-shadow: 0 .1rem .1rem rgba(195,13,35,.1); }.render-swiper-186-3 .item { background-color:#fff;border-radius:.2rem .2rem .2rem .2rem ;text-align:left;padding:.25rem .25rem .4rem .25rem ;margin:0 auto 0 auto ;border-style:none none none none;box-shadow: 0 0 .15rem .06rem rgba(150,150,150,.1); }.render-swiper-186-3 .text { color:#444;font-size:.28rem;min-height:.8rem;border-radius:0 0 0 0 ;text-align:center;padding:0 0 0 0 ;margin:0 0 0 0 ;line-height:1.4;border-style:none none none none; }.render-swiper-186-3 .slide { height:auto; }.render-swiper-186-3 .img { border-radius:0 0 0 0 ;text-align:left;padding:0 0 0 0 ;margin:.22rem auto .22rem auto ;display:block;width:100%;border-style:none none none none; }.render-swiper-186-3 .itemtitle { color:#333;font-size:.3rem;border-radius:0 0 0 0 ;text-align:center;padding:.22rem 0 0 0 ;margin:0 0 0 0 ;line-height:1;background-size:.76rem auto;background-attachment:scroll;background-repeat:no-repeat;background-position:center top;background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/p2pzawx9tk1dmb38c1dkx1dmp1datd9y.png);background-clip:border-box;border-style:none none none none; }.render-swiper-186-3 .container { background-color:#f5f9ff;border-radius:.2rem .2rem .2rem .2rem ;text-align:left;padding:.5rem 0 .5rem 0 ;margin:0 auto 0 auto ;width:100%;border-style:none none none none; }.render-swiper-186-3 .swiper { border-radius:0 0 0 0 ;text-align:left;padding:.5rem 0 .2rem 0 ;margin:0 0 0 0 ;width:100%;border-style:none none none none; }.render-swiper-186-3 { background-color:#f5f9ff;border-radius:0 0 0 0 ;padding:.10rem 0 .10rem 0 ;margin:0 0 0 0 ; }.render-swiper-186-3 .title { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;color:#00259a;font-weight:bold;font-size:.4rem;line-height:1;text-align:center; }.auto-element-210-4>.container { border-radius:0 0 0 0 ;padding:0 .3rem 0 .3rem ;margin:0 auto 0 auto ;min-height:100px; }.auto-element-210-4>.container>.img4 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.4rem 0 0 0 ;display:none;border-style:none none none none;box-shadow: 0 0 0 #000; }.auto-element-210-4>.container>.img3 { border-radius:0 0 0 0 ;text-align:left;padding:0 0 0 0 ;margin:0 0 0 0 ;display:none;border-style:none none none none; }.auto-element-210-4>.container>.text1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;color:rgba(20, 43, 136, 1);font-weight:bold;letter-spacing:2px;font-size:.36rem;text-align:center; }.auto-element-210-4>.container>.btn5 { color:white;font-size:.28rem;border-radius:60px 60px 60px 60px ;background-color:rgba(195, 13, 35, 1);text-align:center;height:.9rem;padding:0 0 0 0 ;margin:.4rem auto 0 auto ;display:block;width:6rem;border-style:none none none none;box-shadow: 0px 4px 10px rgba(195,13,35,0.4); }.auto-element-210-4>.container>.div2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.8rem 0 0 0 ;min-height:100px;min-width:100px; }.auto-element-210-4>.container>.div2>.div3 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.4rem 0 0 0 ;display:flex; }.auto-element-210-4>.container>.div2>.div3>.div2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 .2rem ;flex:1; }.auto-element-210-4>.container>.div2>.div3>.div2>.text1 { border-radius:60px 6px 60px 60px ;background-color:rgba(20, 43, 136, 1);padding:.1rem .15rem .1rem .15rem ;margin:0 0 0 0 ;color:rgba(255, 255, 255, 1);display:inline-block;font-size:.36rem;text-align:center; }.auto-element-210-4>.container>.div2>.div3>.div2>.text2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.1rem 0 0 0 ;color:#666;font-size:.28rem;text-align:left; }.auto-element-210-4>.container>.div2>.div3>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;height:2rem; }.auto-element-210-4>.container>.div2>.div2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.4rem 0 0 0 ;display:flex; }.auto-element-210-4>.container>.div2>.div2>.div2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 .2rem ;flex:1; }.auto-element-210-4>.container>.div2>.div2>.div2>.text1 { border-radius:60px 6px 60px 60px ;background-color:rgba(20, 43, 136, 1);padding:.1rem .15rem .1rem .15rem ;margin:0 0 0 0 ;color:rgba(255, 255, 255, 1);display:inline-block;font-size:.36rem;text-align:center; }.auto-element-210-4>.container>.div2>.div2>.div2>.text2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.1rem 0 0 0 ;color:#666;font-size:.28rem;text-align:left; }.auto-element-210-4>.container>.div2>.div2>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;height:2rem; }.auto-element-210-4>.container>.div2>.div1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;display:flex; }.auto-element-210-4>.container>.div2>.div1>.div2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 .2rem ;flex:1; }.auto-element-210-4>.container>.div2>.div1>.div2>.text1 { border-radius:60px 6px 60px 60px ;background-color:rgba(20, 43, 136, 1);padding:.1rem .15rem .1rem .15rem ;margin:0 0 0 0 ;color:rgba(255, 255, 255, 1);display:inline-block;font-size:.36rem;text-align:center; }.auto-element-210-4>.container>.div2>.div1>.div2>.text2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.1rem 0 0 0 ;color:#666;font-size:.28rem;text-align:left; }.auto-element-210-4>.container>.div2>.div1>.img1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;height:2rem; }.auto-element-210-4 { background-color:white;border-radius:0 0 0 0 ;padding:.6rem 0 .6rem 0 ;margin:0 0 0 0 ;min-height:100px; }.auto-element-207-5>.container { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 auto 0 auto ;width:92%; }.auto-element-207-5>.container>.img4 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.3rem auto 0 auto ;display:block; }.auto-element-207-5>.container>.img3 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;display:none; }.auto-element-207-5>.container>.p2 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:.2rem 0 0 0 ;color:#2a3a6e;font-weight:bold;font-size:.3rem;line-height:1;text-align:center; }.auto-element-207-5>.container>.text1 { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;color:#2a3a6e;font-weight:bold;font-size:.4rem;line-height:1;text-align:center; }.auto-element-207-5 { background-color:white;border-radius:0 0 0 0 ;padding:.6rem 0 .6rem 0 ;margin:0 0 0 0 ;display:flex;min-height:100px;background-image:linear-gradient(to bottom, #CCD3EA 70%,#C5CDE7 2px, #E4E7F3); }.render-jsx-208-6 .container { padding:.6rem 0 1rem 0 ;background-size:100% 100%;background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/14/ld4374wdyc67el5trln7tckt8l8xrpy9.png); }.render-jsx-208-6 .div { border-radius:0 0 0 0 ;padding:0 .6rem 0 .6rem ;margin:0 auto 0 auto ; }.render-jsx-208-6 .leftpc { border-radius:0 0 0 0 ;text-align:left;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.render-jsx-208-6 .leftmobile { border-radius:0 0 0 0 ;text-align:left;padding:0 0 0 0 ;margin:0 0 0 0 ;border-style:none none none none; }.render-jsx-208-6 .right { background-color:white;margin:.6rem 0 0 0 ;overflow:hidden; }.render-jsx-208-6 .title { background-color:#192E79;padding:.3rem 0 .3rem 0 ;color:white;font-weight:bold;display:none;font-size:.3rem;text-align:center; }.render-jsx-208-6 .div1 { border-radius:0 0 0 0 ;padding:.4rem .4rem .4rem .4rem ;margin:0 0 0 0 ; }.render-jsx-208-6 .desc1 { padding:0 0 0 .1rem ;margin:.2rem 0 0 0 ;font-weight:bold;border-left:3px solid #C30D23;font-size:.26rem; }.render-jsx-208-6 .regbtn { border-radius:60px;background-color:#c30d23;margin:.3rem 0 0 0 ;color:white;font-weight:bold;width:100%;font-size:.32rem;height:.9rem; }.render-jsx-208-6 .desc2 { padding:0 0 0 .1rem ;margin:.2rem 0 0 0 ;font-weight:bold;border-left:3px solid #C30D23;font-size:.26rem; }.render-jsx-208-6 .desc3 { padding:0 0 0 .1rem ;margin:.2rem 0 0 0 ;font-weight:bold;border-left:3px solid #C30D23;font-size:.26rem; }.render-jsx-208-6 .regphone { margin:.2rem 0 0 0 ; }.render-jsx-208-6 .phone { border:1px solid #A0A0A0;border-radius:60px;padding:0 0 0 .5rem ;width:100%;font-size:.28rem;height:.9rem; }.render-jsx-208-6 .lists2 { margin:.3rem 0 0 0 ;color:#333;display:flex;font-size:.24rem;flex-wrap:wrap; }.render-jsx-208-6 .box { border:1px solid #A0A0A0;margin:0 .1rem 0 0 ;display:inline-block;width:.3rem;vertical-align:middle;height:.3rem; }.render-jsx-208-6 .text { margin:.15rem 0 .15rem 0 ;width:50%;vertical-align:middle;position:relative; }.render-jsx-208-6 .lists1 { margin:.3rem 0 0 0 ;color:#333;display:flex;font-size:.24rem;flex-wrap:wrap; }.render-jsx-208-6 .lists3 { margin:.3rem 0 0 0 ;color:#333;display:flex;font-size:.24rem;flex-wrap:wrap; }.render-jsx-208-6 .regcode { margin:.3rem 0 0 0 ;position:relative; }.render-jsx-208-6 .code { border:1px solid #A0A0A0;border-radius:60px;padding:0 0 0 .5rem ;width:100%;font-size:.28rem;height:.9rem; }.render-jsx-208-6 .regcodebtn { color:white;font-size:16px;background-color:#c30d23;border-radius:60px 60px 60px 60px ;top:0;height:100%;text-align:left;padding:0 .3rem 0 .3rem ;margin:0 0 0 0 ;right:0;position:absolute;border-style:none none none none; }.render-jsx-208-6 .h2 { margin:0 0 .5rem 0 ;color:#C30D23;font-size:.37rem;text-align:center; }.render-jsx-208-6 .active { background-repeat:no-repeat;background-size:contain;top:-0.05rem;left:0.05rem;width:19px;position:absolute;background-image:url(https://img.acadsoc.com.cn/web/lps/lxhd/omsy/img/gou.png);background-position:center center;height:19px; }.render-jsx-208-6 { border-radius:0 0 0 0 ;padding:.6rem 0 .6rem 0 ;margin:0 0 0 0 ; }.render-jsx-175-NbQCDP>.con { background-color:white;border-radius:13px;padding:0 0 .4rem 0 ;margin:0 auto 0 auto ;transform:translate(-50%,-50%);top:50%;left:50%;width:7rem;position:absolute; }.render-jsx-175-NbQCDP>.con>.regbtn { border-radius:60px;background-color:#c30d23;margin:0 auto;color:white;font-weight:bold;display:block;width:6rem;font-size:.32rem;height:.9rem; }.render-jsx-175-NbQCDP>.con>.img { margin:-1.18rem 0 0;width:100%; }.render-jsx-175-NbQCDP>.con>.regphone { margin:.2rem auto 0 auto ;top:.3rem;width:6rem; }.render-jsx-175-NbQCDP>.con>.regphone>.phone { border:1px solid #A0A0A0;border-radius:60px;padding:0 0 0 .3rem ;width:100%;font-size:.28rem;height:.9rem; }.render-jsx-175-NbQCDP>.con>.closeimg { border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;top:.3rem;width:.4rem;right:.3rem;position:absolute; }.render-jsx-175-NbQCDP>.con>.regcode { margin:.3rem auto .3rem auto ;width:6rem;position:relative; }.render-jsx-175-NbQCDP>.con>.regcode>.code { border:1px solid #A0A0A0;border-radius:60px;padding:0 0 0 .3rem ;width:100%;font-size:.28rem;height:.9rem; }.render-jsx-175-NbQCDP>.con>.regcode>.regcodebtn { color:white;font-size:.3rem;background-color:#c30d23;border-radius:60px 60px 60px 60px ;top:0;height:100%;text-align:left;padding:0 .3rem 0 .3rem ;margin:0 0 0 0 ;right:0;position:absolute;border-style:none none none none; }.render-jsx-175-NbQCDP>.con>.title { color:rgba(20, 43, 136, 1);font-weight:bold;font-size:.44rem;border-radius:0 0 0 0 ;text-align:center;padding:0 0 0 0 ;margin:.2rem 0 .2rem 0 ;border-style:none none none none; }.render-jsx-175-NbQCDP { background-color:rgba(0,0,0,0.5);border-radius:0 0 0 0 ;padding:0 0 0 0 ;margin:0 0 0 0 ;top:0;left:0;bottom:0;position:fixed;right:0; } } </style> <header class="top"> <div class="header-wrap"> <a class="header-logo" href="javascript:;"></a> <div class="header-text">省时 · 省钱 · 专业 · 贴心 · 有保障</div> <div class="header-tel"></div> </div> </header> <style> /* PC端 */ @media (min-width:769px) { .render-jsx-109-0 .el{ cursor: default; } } /* 手机端 */ @media (max-width:768px) { .render-jsx-109-0 .text::after,.render-jsx-109-0 .text::before{ content:''; position:absolute; left:0; height:1px; width:20%; background-color:#919191; } .render-jsx-109-0 .text::after{left:initial;right:0;} } </style> <div class="render-jsx-109-0 banner"> <img src="https://cdnstatic.acadsoc.com.cn/landing-page/files/2021/07/13/6g1dc8xtfx4w3matdflncfk26eyrg2kf.png" class="mobile--show mbanner"> <div class="container"> <div class="el"> <p class="title">52节精品课程免费领</p> <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/11/24/yhet2jxht85e7kcw1d1dezrwygt252dy.png" class="mobile--show codediv mobilecodeimg" data-to-wx="shaoeryy121" data-wx-alter="您已成功复制,请前往微信添加"> <div class="input__div"> <input placeholder="请填写您的手机号码" type="tel" maxlength="11" name="TxtPhone" class="TxtPhone phone"> </div> <div class="input__div duanxin" style="display:none;"> <input placeholder="验证码" type="tel" maxlength="6" name="TxtCode" class="TxtCode code"> <button class="btnGetSMS codebtn" name="btnGetSMS"> 获取验证码 </button> </div> <button class="registerSubmit btn" name="registerSubmit"> 立即免费领取 </button> <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/11/24/k7k1d1dkdg8xdb6eh3py9c9bg8j7b5z4.png" class="pc--show codediv pccodeimg"> <p class="mobile--show text">名额有限 注册即送</p> <img src="https://cdnstatic.acadsoc.com.cn/landing-page/files/2021/07/13/j76lzdln72fdtwftmc42t6a8fg89h2ck.png" class="img"> </div> </div> </div> <script> $(function(){ $('.render-jsx-109-0 .el').click(function(){ event.stopPropagation(); }) $('.render-jsx-109-0 .btn').click(function(){ event.stopPropagation(); $('[id^=register-popup]').hide(); }) }) </script> <div class="auto-element-209-1 json"> <div class="container"> <p class="text1"><b style="color:#CE0E2D">千万学员首选</b>,明星夫妻力推</p> <p class="p2">学员来阿卡索之后的<b style="color:#CE0E2D;">变化</b></p> <img class="img3" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/14/yzfe49eth3npxz6j3mjbj4n5mwbt4w7b.png"> <img class="img4" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/baidu/perry/ty/img/con2-img.png"> <button class="btn5" data-popup-id="175" data-popup-hash-namjc5="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-eibcph="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-dbeen9="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E6%9F%A5%E7%9C%8B%3C/b%3E%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88" data-popup-hash-qz8kjc="%E7%AB%8B%E5%8D%B3%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" data-popup-hash-b9uur8="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-hzixyn="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-grtws9="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png">查看解决方案</button> </div> </div> <div class="auto-element-212-2 json"> <div class="container"> <p class="text1">在线英语学习 <b style="color:#CE0E2D">平台究竟该怎么选? </b></p> <img class="img2" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/a58kazae82zt4mb6c8mg4hg7ncp6nfp6.png"> <img class="img3" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/w31dypkc639tlec4mw9lfef7e1d7eh78.png"> </div> </div> <style> .render-swiper-186-3 .swiper-slide{ transform:scale(.85); } .render-swiper-186-3 .swiper-slide.swiper-slide-active{ transform:scale(1); } /* PC端 */ @media (min-width:769px) { } /* 手机端 */ @media (max-width:768px) { .render-swiper-186-3 .swiper-slide{ width: 70% !important; } } </style> <div class="render-swiper-186-3"> <div class="container"> <h2 class="title">量身定制 <b style="color:#c30d23;">针对不同人群的设置课程</b></h2> <div class="swiper-container swiper"> <div class="swiper-wrapper"> <div class="swiper-slide item item1"> <h3 class="itemtitle">0基础</h3> <img class="img" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/baidu/perry/ty/img/swp1.png"> <p class="text">浸入式趣味教学,零基础也能轻松入门</p> <button class="btn" data-popup-id="175" data-popup-hash-namjc5="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-eibcph="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-dbeen9="%E5%A4%96%E6%95%99%E8%AF%95%E5%90%AC%E8%AF%BE" data-popup-hash-qz8kjc="%E7%AB%8B%E5%8D%B3%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" data-popup-hash-b9uur8="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-hzixyn="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-grtws9="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png">免费试听</button> </div> <div class="swiper-slide item item2"> <h3 class="itemtitle">日常口语</h3> <img class="img" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/baidu/perry/ty/img/swp2.png"> <p class="text" }="">模拟真实的生活场景,一对一场景在线练习</p> <button class="btn" data-popup-id="175" data-popup-hash-namjc5="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-eibcph="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-dbeen9="%E5%A4%96%E6%95%99%E8%AF%95%E5%90%AC%E8%AF%BE" data-popup-hash-qz8kjc="%E7%AB%8B%E5%8D%B3%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" data-popup-hash-b9uur8="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-hzixyn="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-grtws9="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png">免费试听</button> </div> <div class="swiper-slide item item3"> <h3 class="itemtitle">综合英语</h3> <img class="img" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/baidu/perry/ty/img/swp3.png"> <p class="text" }="">重点于听说读写,全面提升英语综合能力</p> <button class="btn" data-popup-id="175" data-popup-hash-namjc5="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-eibcph="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-dbeen9="%E5%A4%96%E6%95%99%E8%AF%95%E5%90%AC%E8%AF%BE" data-popup-hash-qz8kjc="%E7%AB%8B%E5%8D%B3%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" data-popup-hash-b9uur8="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-hzixyn="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-grtws9="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png">免费试听</button> </div> <div class="swiper-slide item item4"> <h3 class="itemtitle">商务英语</h3> <img class="img" src="https://cdnstatic.acadsoc.com.cn/landing-page/files/2021/05/26/p9g4p72dc4m5zgfpfm5ebayw538ay53t.png"> <p class="text" }="">商务英语开口说,爱学敢说学的快</p> <button class="btn" data-popup-id="175" data-popup-hash-namjc5="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-eibcph="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-dbeen9="%E5%A4%96%E6%95%99%E8%AF%95%E5%90%AC%E8%AF%BE" data-popup-hash-qz8kjc="%E7%AB%8B%E5%8D%B3%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" data-popup-hash-b9uur8="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-hzixyn="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-grtws9="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png">免费试听</button> </div> <div class="swiper-slide item item5"> <h3 class="itemtitle">等级考试</h3> <img class="img" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/baidu/perry/ty/img/swp5.png"> <p class="text">掌握应试技巧,高效提升英语成绩</p> <button class="btn" data-popup-id="175" data-popup-hash-namjc5="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-eibcph="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-dbeen9="%E5%A4%96%E6%95%99%E8%AF%95%E5%90%AC%E8%AF%BE" data-popup-hash-qz8kjc="%E7%AB%8B%E5%8D%B3%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" data-popup-hash-b9uur8="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-hzixyn="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-grtws9="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png">免费试听</button> </div> <div class="swiper-slide item item6"> <h3 class="itemtitle">出国旅游</h3> <img class="img" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/baidu/perry/ty/img/swp6.png"> <p class="text">严选持证好外教,让你在外国沟通无障碍</p> <button class="btn" data-popup-id="175" data-popup-hash-namjc5="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-eibcph="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-dbeen9="%E5%A4%96%E6%95%99%E8%AF%95%E5%90%AC%E8%AF%BE" data-popup-hash-qz8kjc="%E7%AB%8B%E5%8D%B3%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" data-popup-hash-b9uur8="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-hzixyn="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-grtws9="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png">免费试听</button> </div> </div> </div> </div> </div> <script> $(function(){ new Swiper('.render-swiper-186-3 .swiper-container',{ autoplay: { delay: 3000, stopOnLastSlide: false, disableOnInteraction: false, }, centeredSlides: HtmlWidth >= 768 ? true : 'auto', loop: true, spaceBetween: 0, slidesPerView: HtmlWidth >= 768 ? 3 : 'auto', observer:true, }); }) </script> <div class="auto-element-210-4 json"> <div class="container"> <p class="text1">学英语 为什么选择<b style="color:#C30D23">持证外教一对一</b></p> <div class="div2"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/baidu/perry/ty/img/con5-li1.png"> <div class="div2"> <p class="text1">影响思维</p> <p class="text2">拥有地道口音的持证外教 提供纯正的语言环境 更有助于英语思维的培养</p> </div> </div> <div class="div2"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/baidu/perry/ty/img/con5-li2.png"> <div class="div2"> <p class="text1">影响过程</p> <p class="text2">更好地重建英语学习过程 遵循精听-模仿-练习-积累 学习有趣又有效</p> </div> </div> <div class="div3"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/baidu/perry/ty/img/con5-li3.png"> <div class="div2"> <p class="text1">影响结果</p> <p class="text2">拥有教学经验丰富的好外教 更加善于引导学员 让学员能够边玩边学</p> </div> </div> </div> <img class="img3" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/19/6mt2gn2lp4wm92dajbfm5tnek61d6738.png"> <img class="img4" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/19/f1d2m7bgxkeketpy4c4rehjlzrkg52rm.png"> <button class="btn5" data-popup-id="175" data-popup-hash-namjc5="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-eibcph="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-dbeen9="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E6%9F%A5%E7%9C%8B%3C/b%3E%E5%A4%96%E6%95%99%E7%AE%80%E4%BB%8B" data-popup-hash-qz8kjc="%E7%AB%8B%E5%8D%B3%E6%9F%A5%E7%9C%8B" data-popup-hash-b9uur8="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-hzixyn="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-grtws9="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png">查看外教简介</button> </div> </div> <div class="auto-element-207-5 json"> <div class="container"> <p class="text1"><b style="color:#CE0E2D">多种上课形式</b> 不怕学不会</p> <p class="p2">支持<b style="color:#CE0E2D;">手机,ipad,电脑</b>随时随地学</p> <img class="img3" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/14/7wza1d3c3k6wkr7nkam2x48h2w3hzmyj.png"> <img class="img4" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/14/lpce1dm9jtknwypemfx4lz6r8425dfbe.png"> </div> </div> <style> /* PC端 */ @media (min-width:769px) { .render-jsx-208-6 .li--active { color: #192E79; } .render-jsx-208-6 .li--active .box::after{ content:''; background-repeat:no-repeat;background-size:contain;top:-0.05rem;left:0.05rem;width:19px;position:absolute;background-image:url(https://img.acadsoc.com.cn/web/lps/lxhd/omsy/img/gou.png);background-position:center center;height:19px; } } /* 手机端 */ @media (max-width:768px) { .render-jsx-208-6 .li--active { color: #192E79; } .render-jsx-208-6 .li--active .box::after{ content:''; background-repeat:no-repeat;background-size:contain;top:-0.05rem;left:0.05rem;width:19px;position:absolute;background-image:url(https://img.acadsoc.com.cn/web/lps/lxhd/omsy/img/gou.png);background-position:center center;height:19px; } } </style> <div class="render-jsx-208-6"> <div class="container"> <p class="h2">跟老外学英语 <span style="color:#192E79;">需要花多少钱?</span></p> <div class="div"> <img class="leftpc pc--show" src="https://cdnstatic.acadsoc.com.cn/landing-page/files/2021/07/13/j3g92g1dzrdehphzl31dnmynrg31dpfb.png"> <img class="leftmobile mobile--show" src="https://cdnstatic.acadsoc.com.cn/landing-page/files/2021/07/13/36rpzhbhwkj3y6pw4r7r9mln8nj6zxz9.png"> <div class="right"> <p class="title">让说英语不难,让好外教不贵</p> <div class="div1"> <p class="desc1">请选择你的英语水平</p> <ul class="lists1"> <li class="text"> <i class="box"></i>0基础 </li> <li class="text"> <i class="box"></i>认识少量基本单词 </li> <li class="text"> <i class="box"></i>四级以上 </li> <li class="text"> <i class="box"></i>不清楚 </li> </ul> <p class="desc2">请选择你的学习目标</p> <ul class="lists2"> <li class="text"> <i class="box"></i>日常口语 </li> <li class="text"> <i class="box"></i>职场交流 </li> <li class="text"> <i class="box"></i>个人提升 </li> <li class="text"> <i class="box"></i>出国旅游 </li> <li class="text"> <i class="box"></i>留学移民 </li> <li class="text"> <i class="box"></i>应试学习 </li> </ul> <p class="desc3">请选择学习时长</p> <ul class="lists3"> <li class="text"> <i class="box"></i>1-6个月 </li> <li class="text"> <i class="box"></i>半年以上 </li> <li class="text"> <i class="box"></i>1年以上 </li> </ul> <div class="regphone"> <input placeholder="请输入手机号,评估结果信息" class="phone" name="TxtPhone"> </div> <div class="regcode duan" style="display:none;"> <input placeholder="请输入验证码" class="code" name="TxtCode"> <button class="regcodebtn" name="btnGetSMS"> 获取验证码 </button> </div> <button class="regbtn" name="registerSubmit"> 免费评估 </button> </div> </div> </div> </div> </div> <script> $(function(){ $('.render-jsx-208-6 li').click(function(){ $(this).addClass('li--active').siblings('li').removeClass('li--active'); }) }) </script> <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 ;height:auto;padding:0 0 0 0 ;margin:4px 0 0 0 ;width:100%;border-style:none none none none;box-shadow: 0 0 0 #000; } } /* 手机端 */ @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 ;height:auto;text-align:left;padding:-20px 0 0 0 ;margin:-30px 0 0 0 ;width:100%;border-style:none none none none; } } </style> <div class="render-jsx-46-7-top"></div> <div class="render-jsx-46-7" data-popup-id="175" data-popup-hash-namjc5="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-eibcph="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-dbeen9="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" data-popup-hash-qz8kjc="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-b9uur8="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-hzixyn="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-grtws9="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png"> <a> <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/16/cgpb6lda75pn91drtd1d3p21d8cd4h8x.png" class="pc--show pc"> <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/16/h8bfda1d1dp9t8n83chk7pwxc51dmx28.gif" class="mobile--show mobile"> </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> <div class="render-jsx-175-NbQCDP" id="register-popup-175" style="display: none;"> <div class="con"> <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-modal-hash="hzixyn"> <p class="title" data-modal-hash="dbeen9"><b style="color:rgba(20, 43, 136, 1)">好课</b>免费试听</p> <img class="close-popup closeimg" src="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-modal-hash="grtws9"> <div class="regphone"> <input placeholder="填写您的手机号" type="tel" name="TxtPhone" class="phone" data-modal-hash="namjc5"> </div> <div class="regcode"> <input placeholder="请输入验证码" type="tel" name="TxtCode" class="code" data-modal-hash="eibcph"> <button name="btnGetSMS" class="regcodebtn" data-modal-hash="b9uur8">获取验证码</button> </div> <button name="registerSubmit" class="regbtn" data-modal-hash="qz8kjc">0元试课</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> <!--滑动验证生成end--> <div class="loading" style="position:fixed;top:50%;left:50%;margin-top:-25px;margin-left:-25px;display:none;z-index:1040;"> <img src="https://img.acadsoc.com.cn/web/img/loading1.gif" style="z-index:1050;position:relative;"> <div class="modal-backdrop in" style="background-color:#fff;opacity: .8;"></div> </div> <script type="text/javascript" src="https://img.acadsoc.com.cn/js/editor/register-editor-customeform.js"></script> <!-- <script type="text/javascript" src="https://img.acadsoc.com.cn/js/gt.js"></script> <script type="text/javascript" src="https://img.acadsoc.com.cn/js/Captcha.js"></script> --> <script charset="UTF-8" type="text/javascript" src="https://cstaticdun.126.net/load.min.js"></script> <!-- 新验证1909 End --> <script type="text/javascript" src="https://www.acadsoc.com.cn/Ajax/Web.UI.Fun.User.aspx"></script> <!-- abtest --> <script src="https://img.acadsoc.com.cn/web/js/abtest.min.js"></script> <script type="text/javascript" src="https://img.acadsoc.com.cn/js/editor/swiper-4.5.3.min.js"></script> <script type="text/javascript" src="https://img.acadsoc.com.cn/js/editor/comm-handle.js"></script> <script> var pageData = { weChatGroupID: '', }; // 支付配置 var defaultPay = { sort: 'order', value: '', } var payConfig = { sort: '', value: '', }; var paytype = 'wechat'; // wechat | alipay var _swiper = window.Swiper; window.Swiper = function (selector, options, realOptions) { var _options = { }; // 如果是pc or mobile if (options.pc && options.mobile) { options = options[pageEquipment]; } // 自动轮播 switch (typeof options.autoplay) { case 'object': if (options.autoplay.delay == '0') { _options.autoplay = false; } break; case 'string': case 'number': if (options.autoplay == '0') { _options.autoplay = false; } else { _options.autoplay = { delay: Number(options.autoplay), stopOnLastSlide: false, disableOnInteraction: false, } } break; } // 处理类型 for (const key in options) { if (Object.hasOwnProperty.call(options, key)) { const element = options[key]; if (!isNaN(Number(options[key])) && typeof element !== 'boolean'){ options[key] = Number(options[key]); } } } // 分页器 if (options.pagination === true) { _options.pagination = { el: `${selector} .swiper-pagination`, clickable: true, } } // 需要覆盖的 if (realOptions && typeof realOptions === 'object' && !Array.isArray(realOptions)) { if (realOptions[pageEquipment] && typeof realOptions[pageEquipment] === 'object') { Object.assign(_options, realOptions[pageEquipment]); } } Object.assign(options, _options); options.loop = !!options.loop; if (options.pagination && options.pagination.el) { if ($(options.pagination.el).length < 1) { $('<div class="swiper-pagination"></div>').appendTo(selector); } } return new _swiper(selector, options); } window.onload = function(){ addFixedEls(); } function addFixedEls(){ // 头部元素 const headerFixedElement = $('body>div').eq(0); $('.fixed__el').each((i,v) => { // 定位元素 const fixedEl = $(v); // 移除元素 const removeFixedElement = fixedEl.prev(); let bTop = removeFixedElement.offset().top - 10 - $(window).height() + removeFixedElement.height(); let rTop = headerFixedElement.offset().top + headerFixedElement.height(); $(window).scroll(function () { let sTop = $(this).scrollTop(); if (sTop > rTop) { fixedEl.fadeIn(300); if (sTop >= bTop) { fixedEl.removeClass('fixed'); } else { fixedEl.addClass('fixed'); } } else { fixedEl.fadeOut(300); } }) }) } /** * 绑定事件 * @param selector {String} 选择器 * @param func {(event, thisElement) => void)} 选择器 * @param type {String} 事件类型 默认click * @return void */ function onEvent(selector, func, type) { if (!type) type = 'click'; $(document).on(type, selector, func); } // currDate const date = new Date(); const curruYear = date.getFullYear(); const currMonth = date.getMonth() + 1; const currDate = date.getDate(); // dynamic data const imgIds = []; const bgImgIds = []; const textIds = []; $(function () { // 替换时间文字 document.querySelectorAll('.time').forEach(function(v) { eachTransTime(v.childNodes); }) function eachTransTime(children = []) { if (!children || children.length === 0) return; children.forEach(v => { if (v.nodeName === '#text') { v.nodeValue = getToday(v.nodeValue); } else { eachTransTime(v.childNodes); } }) } // 复制去微信号 // data-copy-wx 微信 data-wx-alter 复制后提示文案 onEvent('[data-copy-wx]', function(){ copyWx($(this)) }) // .wx text // 复制微信号并跳转微信 data-to-wx 微信 data-wx-alter 复制后提示文案 onEvent('[data-to-wx]', function(){ copyWx($(this)) toHref('weixin://'); }); // 返回弹窗 if (document.querySelector('[id*=back-popup]')) { $('[id*=back-popup]').hide(); onEvent('[id*=back-popup] [class*=close]', function(){ $('[id*=back-popup]').fadeOut(); // 取消返回,需要默认back一次 window.removeEventListener('popstate', holdBack); history.back(); }); // 防止页面后退 监听 history.pushState({ title: 'title', url: '#back' }, 'title', '#back'); window.addEventListener('popstate', holdBack); } // 关闭弹窗 onEvent('.close-popup', function(){ window.payConfig = { sort: '', value: '' }; $(this).parents('[id*=-popup]').fadeOut(); }); // 关闭注册弹窗 onEvent('.register-close', function(){ $(this).parents('[id*=register-popup]').fadeOut(); }); // 事件执行的前后回调 function eventBeforeAfterCall (callFn) { return function () { // 回调 const beforeCall = this.getAttribute('data-model-beforecall'); const afterCall = this.getAttribute('data-model-aftercall'); if ((beforeCall && window[beforeCall](this)) || !beforeCall){ // 打开弹窗 callFn && callFn.call(this); } afterCall && window[afterCall](); } } // 打开弹窗 onEvent('[data-popup-id]', eventBeforeAfterCall(function(){ window.payConfig.sort = this.getAttribute('data-pay-sort'); window.payConfig.value = this.getAttribute('data-pay-value'); // 打开弹窗 openModal(this); })); // 单链接跳转 onEvent('[data-href]', eventBeforeAfterCall(function(){ location.href = $(this).attr('data-href'); })); // 分端跳转 onEvent('[data-pm-href]', eventBeforeAfterCall(function(){ var parameter = window.location.search; var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) == "midp"; var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; var bIsAndroid = sUserAgent.match(/android/i) == "android"; var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { toHref($(this).attr('data-mobile-href')); } else if (bIsIpad) { toHref($(this).attr('data-ipad-href')); } else { toHref($(this).attr('data-pc-href')); } })); // 跳转表单 onEvent('[data-form]', eventBeforeAfterCall(function(){ $('body,html').stop().animate({ 'scrollTop': 0 }, { duration: 1000, easing: "swing" }); })); // 动态绑定 // $('[data-img-id]').each(function (i, item) { // const id = $(item).attr('data-img-id'); // if (imgIds.indexOf(id) === -1) { // imgIds.push(id); // } // }) // $('[data-text-id]').each(function (i, item) { // const id = $(item).attr('data-text-id'); // if (textIds.indexOf(id) === -1) { // textIds.push(id); // } // }) // $('[data-bg-img-id]').each(function (i, item) { // const id = $(item).attr('data-bg-img-id'); // if (bgImgIds.indexOf(id) === -1) { // bgImgIds.push(id); // } // }) // $.ajax({ // url: 'https://dmpaio.acadsoc.com.cn/api-landingpage/PageResources/selectAllResources', // method: "POST", // dataType: "json", // headers: { 'Content-Type': 'application/json' }, // data: JSON.stringify({ bgImgIds, imgIds, textIds }), // success: function (res) { // const _bgImgIds = res.data.bgImgIds; // const _imgIds = res.data.imgIds; // const _textIds = res.data.textIds; // // 背景图 // _bgImgIds.forEach(function (v) { // const ele = $(`[data-bg-img-id=${v.id}]`); // // 手机banner // if (ele.hasClass('mobile-banner')) { // ele.attr('src', v.url); // } else { // ele.css('background-image', `url(${v.url})`); // } // }); // _imgIds.forEach(function (v) { // const ele = $(`[data-img-id=${v.id}]`); // if(ele[0].nodeName === 'IMG'){ // ele.attr('src', v.url); // }else{ // ele.css('background-image', `url(${v.url})`); // } // }); // _textIds.forEach(function (v) { // const ele = $(`[data-text-id=${v.id}]`); // ele.html(v.name); // }); // } // }) // 设置支付类型 onEvent('[data-paytype]', function(){ window.paytype = this.getAttribute('data-paytype'); }); // 注册 register.init({ successTxt: false, // 值为false时不执行 successLocation: false, // 值为false时不执行 successFn: function () { ABRecord.registNotice(); $(".loading").hide(); // customize register code window._agl && window._agl.push(['track', ['success', { t: 3 }]]); window.registerCallback && window.registerCallback(); return false; }, type: 'code', //注册类型:normal(常规),code(验证码注册),uid(带推荐人uid) }); }) </script> <!-- 53客服 --> <!-- customize footer code --> </body></html>