<!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; }) 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> </head> <!-- : --> <body> <!-- js统计 --> <script src="https://img.acadsoc.com.cn/web/js/monitor/apm.web.js"></script> <style> @media (min-width:769px) { .render-jsx-383-0 .menu { display:none; } .render-jsx-383-0 .operation { display:flex; width:2.4rem; justify-content:space-between; } .render-jsx-383-0 .logo { display:block; width:2.4rem; } .render-jsx-383-0 .nav { padding:0 .3rem 0 .3rem; display:flex; width:640px; justify-content:space-between; } .render-jsx-383-0 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; display:flex; justify-content:space-between; align-items:center; } .render-jsx-383-0 .item { border:1px solid #0e3180; cursor:pointer; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; display:block; text-decoration:none; font-size:.18rem; line-height:.4rem; border-radius:.1rem .1rem .1rem .1rem; width:47%; text-align:center; } .render-jsx-383-0 .opt { cursor:pointer; margin:0 .1rem 0 .1rem; color:#333; text-decoration:none; font-size:.18rem; line-height:1; } .render-jsx-383-0 .li { padding:0 0 0 0; } .render-jsx-383-0 { background-color:#fff; border-radius:0 0 0 0; padding:.25rem 0 .25rem 0; margin:0 0 0 0; } } @media (max-width:768px) { .render-jsx-383-0 .menu { cursor:pointer; display:block; width:.45rem; height:100%; } .render-jsx-383-0 .operation { display:flex; width:3.5rem; justify-content:space-between; align-items:center; } .render-jsx-383-0 .logo { display:block; width:2.8rem; } .render-jsx-383-0 .nav { background-color:#2990d0; padding:.15rem .2rem .15rem .2rem; z-index:12; top:1.2rem; left:0; display:none; width:100%; position:absolute; } .render-jsx-383-0 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; display:flex; width:92%; justify-content:space-between; align-items:center; } .render-jsx-383-0 .item { border:1px solid #0e3180; cursor:pointer; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; display:block; text-decoration:none; font-size:.24rem; line-height:.6rem; border-radius:.1rem .1rem .1rem .1rem; width:1.4rem; text-align:center; } .render-jsx-383-0 .opt { cursor:pointer; color:#fff; display:block; text-decoration:none; width:100%; font-size:.3rem; line-height:2; height:100%; } .render-jsx-383-0 .li { padding:0 .15rem 0 .15rem; } .render-jsx-383-0 { background-color:#fff; border-radius:0 0 0 0; padding:.3rem 0 .3rem 0; margin:0 0 0 0; } } </style> <style> .render-jsx-383-0 .item:hover{ background-color:#0e3180;color:#fff !important;transition:0.2s; } /* PC端 */ @media (min-width:769px) { } /* 手机端 */ @media (max-width:768px) { .render-jsx-383-0 .nav li:hover{ background-color:#0e3180; } } </style> <div class="render-jsx-383-0"> <div class="container"> <img class="logo" src="https://img.acadsoc.com.cn/web/lps/acc/sem/ty/pinpai/20210217/logo.png"> <ul class="nav"> <li class="li"> <a href="https://www.acadsoc.com.cn" target="_blank" class="opt opt1">首页</a> </li> <li class="li"> <a href="https://www.acadsoc.com.cn/primaryschool/course.aspx" target="_blank" class="opt opt2">课程体系</a> </li> <li class="li"> <a href="https://www.acadsoc.com.cn/primaryschool/learningSystem.aspx" target="_blank" class="opt opt3">学习体系</a> </li> <li class="li"> <a href="https://www.acadsoc.com.cn/primaryschool/plans.aspx" target="_blank" class="opt opt4">套餐体系</a> </li> <li class="li"> <a href="https://www.acadsoc.com.cn/primaryschool/tutor.aspx" target="_blank" class="opt opt5">外教师资</a> </li> <li class="li"> <a href="https://web.acadsoc.com.cn/home" target="_blank" class="opt opt6">预约上课</a> </li> </ul> <div class="operation"> <a href="javascript:;" data-popup-id="396" data-popup-hash-qkgqf4="%E7%AB%8B%E5%8D%B3%E9%A2%86%E5%8F%96" data-popup-hash-ggwyiv="%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-et1djo="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-f93rsg="%E8%AF%B7%E8%BE%93%E5%85%A5%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7%E7%A0%81" data-popup-hash-0kb2fg="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/10/j51d7mgyz85km8whnlba36flamcj45ty.png" data-popup-hash-enabc3="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/w2gmk6c3r931damhyl87z3c9l4cf3m72.png" data-popup-hash-dre9og="%E6%81%AD%E5%96%9C%E6%82%A8%E8%8E%B7%E5%BE%97" data-popup-hash-jf4osb="10%E5%91%A8%E5%B9%B4%E5%AD%A6%E4%B9%A0%E5%A4%A7%E7%A4%BC%E5%8C%85" data-popup-hash-dsssi4="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/7flyh1d1dn1dznfd2drteb51dkrlbty1.png" class="item">免费试课</a> <a href="https://web.acadsoc.com.cn/login" class="item" target="_blank">登录</a> <img class="menu" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/pfrp2921dc7phgdmpg92eha2xgkdjdfb.png"> </div> </div> </div> <script> $(function(){ $('.render-jsx-383-0 .menu').click(function(){ $('.render-jsx-383-0 .nav').slideToggle(200) }); }) </script> <style> @media (min-width:769px) { .render-swiper-127-1 .swiperel { z-index:1; border-radius:0 0 0 0; top:0; height:630px; padding:0 0 0 0; margin:0 0 0 0; left:0; width:100%; position:absolute; } .render-swiper-127-1 .btn { color:#8d0013; font-weight:600; font-size:20px; background-color:rgb(195, 13, 35); border-radius:60px 60px 60px 60px; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:0.5rem; text-align:center; padding:0px 0px 0px 0px; margin:0 0 0 0; width:100%; } .render-swiper-127-1 .codebtn { background-color:rgb(195, 13, 35); border-radius:60px 60px 60px 60px; padding:0px 20px 0px 20px; margin:0px 0px 0px 0px; color:#8d0013; top:0; font-size:16px; line-height:.5rem; position:absolute; right:0; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:.5rem; } .render-swiper-127-1 .free { border-radius:0 0 0 0; padding:0 0 0 0; transform:translateX(-90%); margin:0 0 0 0; top:0; left:0; display:none; width:1.1rem; position:absolute; } .render-swiper-127-1 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#00269a; font-weight:600; display:none; font-size:36px; line-height:1; position:relative; } .render-swiper-127-1 .count { padding:0.1rem 0.15rem 0.14rem 0.15rem; margin:0 0 0 0; background-size:100% 100%; color:#fff; display:none; font-size:14px; line-height:1.1; right:.05rem; border-radius:0 0 0 0; background-repeat:no-repeat; top:-.3rem; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/aejm8p1de3tynxj1d2htzhykxjlkejdf.png); position:absolute; text-align:center; } .render-swiper-127-1 .phone { border-radius:60px 60px 60px 60px; background-color:rgb(238, 238, 238); padding:0 .2rem 0 .2rem; margin:0 0 0 0; color:#a2a2a2; width:100%; font-size:16px; line-height:0.5rem; position:relative; text-align:left; height:0.5rem; } .render-swiper-127-1 .code { border-radius:60px 60px 60px 60px; background-color:rgb(238, 238, 238); padding:0 .2rem 0 .2rem; margin:0 0 0 0; color:#a2a2a2; width:100%; font-size:16px; line-height:0.5rem; position:relative; text-align:left; height:0.5rem; } .render-swiper-127-1 .gift { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem auto .4rem auto; display:none; width:100%; } .render-swiper-127-1 .content { background-color:#d10d28; border-radius:0 0 10px 10px; padding:20px 20px 30px 20px; margin:-1px auto 0 auto; width:100%; position:relative; text-align:center; } .render-swiper-127-1 .titleimg { padding:0 0 0 0; margin:0 0 0 0; background-size:100% 100%; color:#fff; display:block; font-size:34px; line-height:76px; border-radius:0 0 0 0; background-repeat:no-repeat; width:100%; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/cktdpeb5lj6pkxbemw4pkcyk1d3jeb4d.png); height:246px; text-align:center; } .render-swiper-127-1 .img2 { border-radius:0 0 0 0; padding:0 0 0 0; background-repeat:no-repeat; margin:0 0 0 0; background-size:cover; display:block; width:100%; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/enm3w5ngrb6g6wc2cmjpjnwbd6r4f7zt.jpg); background-position:center top; height:100%; } .render-swiper-127-1 .img1 { border-radius:0 0 0 0; padding:0 0 0 0; background-repeat:no-repeat; margin:0 0 0 0; background-size:cover; display:block; width:100%; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/238cyht4989cz7tgb6gwe94awlzplak3.jpg); background-position:center top; height:100%; } .render-swiper-127-1 .formwrap { background-color:none; transform:translateY(-50%); z-index:2; top:50%; width:340px; right:-.2rem; position:absolute; } .render-swiper-127-1 .inputform { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .2rem 0; width:100%; position:relative; } .render-swiper-127-1 .banner { width:100%; position:relative; height:630px; } .render-swiper-127-1 { background-color:#fff; } .render-swiper-127-1 .container { border-radius:0px 0px 0px 0px; padding:0px 0px 0px 0px; margin:0px auto 0px auto; position:relative; height:100%; } } @media (max-width:768px) { .render-swiper-127-1 .swiperel { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:100%; position:relative; height:5.68rem; } .render-swiper-127-1 .btn { background-color:rgb(195, 13, 35); border-radius:60px 60px 60px 60px; padding:0 0 0 0; margin:0 0 0 0; color:#8d0013; font-weight:600; width:100%; font-size:20px; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:0.9rem; text-align:center; } .render-swiper-127-1 .codebtn { background-color:rgb(195, 13, 35); border-radius:.5rem .5rem .5rem .5rem; padding:0 .2rem 0 .2rem; margin:0 0 0 0; color:#8d0013; top:0; font-size:.28rem; line-height:.88rem; position:absolute; right:0; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:.88rem; } .render-swiper-127-1 .free { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .render-swiper-127-1 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#00269a; font-weight:600; display:none; font-size:.4rem; line-height:1; position:relative; } .render-swiper-127-1 .count { padding:0.2rem 0.2rem 0.3rem 0.2rem; margin:0 0 0 0; background-size:100% 100%; color:#fff; display:none; font-size:.24rem; line-height:1.1; right:.05rem; border-radius:0 0 0 0; background-repeat:no-repeat; top:-.4rem; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/pxyzc5cbt5x4rydgzn64kb8fw62carel.png); position:absolute; text-align:center; } .render-swiper-127-1 .phone { border:1px solid #dcdcdc; padding:0 .26rem 0 .26rem; margin:0 0 0 0; color:#a2a2a2; font-size:.28rem; line-height:.88rem; border-radius:.5rem .5rem .5rem .5rem; background-color:#fff; width:100%; position:relative; height:0.9rem; text-align:left; } .render-swiper-127-1 .code { border:1px solid #dcdcdc; padding:0 .26rem 0 .26rem; margin:0 0 0 0; color:#a2a2a2; font-size:.28rem; line-height:.88rem; border-radius:.5rem .5rem .5rem .5rem; background-color:#fff; width:100%; position:relative; height:.88rem; text-align:left; } .render-swiper-127-1 .gift { border-radius:0 0 0 0; padding:0 0 0 0; margin:.3rem auto .6rem auto; display:none; width:100%; } .render-swiper-127-1 .content { background-color:#d10d28; border-radius:10px 10px 10px 10px; padding:3.8rem .4rem .6rem .4rem; margin:0 0 .4rem 0; width:100%; position:relative; text-align:center; } .render-swiper-127-1 .titleimg { z-index:1; background-size:100% 100%; color:#fff; font-weight:bold; font-size:.42rem; border-radius:0 0 0 0; background-repeat:no-repeat; transform:translateX(-50%); text-shadow:0 2px #e95d00; top:-.3rem; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/1d8m3m671dzb4k5pg586nefb64l1dh4b.png); height:4.7rem; text-align:center; padding:0 0 0 0; margin:-1.2rem 0 0 0; display:block; left:50%; width:100%; position:absolute; } .render-swiper-127-1 .img2 { border-radius:0 0 0 0; padding:0 0 0 0; background-repeat:no-repeat; margin:0 0 0 0; background-size:100% auto; display:block; width:100%; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/5n7yw7za321dl6la4a6y1d78y43wtcwa.png); background-position:center top; height:100%; } .render-swiper-127-1 .img1 { border-radius:0 0 0 0; padding:0 0 0 0; background-repeat:no-repeat; margin:0 0 0 0; background-size:100% auto; display:block; width:100%; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/9kzbtpb67xjzyk5lpe95ph9gfyx86fzf.png); background-position:center top; height:100%; } .render-swiper-127-1 .formwrap { border-radius:.24rem .24rem .24rem .24rem; box-shadow:0 0 .1rem .1rem rgba(15,34,135,.1); margin:.4rem auto 0 auto; background-coloe:#fff; width:94%; position:relative; } .render-swiper-127-1 .inputform { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .2rem 0; width:100%; position:relative; } .render-swiper-127-1 .banner { width:100%; position:relative; height:auto; } .render-swiper-127-1 { background-color:#fff; } .render-swiper-127-1 .container { background-color:#fff; border-radius:0 0 0 0; padding:.5rem 0 .3rem 0; margin:0 0 0 0; text-align:center; height:auto; } } </style> <style> /* PC端 */ @media (min-width:769px) { } /* 手机端 */ @media (max-width:768px) { } </style> <div class="render-swiper-127-1"> <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 "></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"> 立即领取 </button> <img class="lion " src=""> </div> </div> </div> </div> </div> <script> $(function(){ let _countNum = 99 const _countTimer = setInterval(()=>{ if(_countNum > 1){ $('.render-swiper-127-1 .count strong').text(--_countNum) }else{ $('.render-swiper-127-1 .count strong').text('1') } },20000); new Swiper ('.render-swiper-127-1 .swiper-container', { loop: true, // 循环模式选项 autoplay:true, }) }) </script> <style> @media (min-width:769px) { .render-jsx-356-2 .btn { color:#fff; font-size:.3rem; border-radius:60px 60px 60px 60px; background-color:#0e3180; outline:none; text-align:center; border:none; padding:0 0 0 0; margin:.5rem auto 0 auto; display:none; line-height:70px; width:380px; } .render-jsx-356-2 .list { padding:0.5rem 0 .5rem .6rem; background-repeat:no-repeat; background-size:100% 100%; width:100%; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/02/h9yzjg36ezr8rykr56lmx8x6fzdz7gzk.png); background-position:center center; } .render-jsx-356-2 .container { padding:0 0 0 0; margin:0 auto 0 auto; } .render-jsx-356-2 .content { background-color:#f5f7ff; border-radius:0 0 0 0; padding:.3rem 0 .6rem 0; margin:0 0 0 0; width:100%; } .render-jsx-356-2 .typetitle { padding:0 .3rem 0 0; color:#c30d23; font-size:.2rem; line-height:.8rem; text-align:center; } .render-jsx-356-2 .types { flex-direction:row; flex:1; display:flex; justify-content:space-between; } .render-jsx-356-2 .container { padding:0 0 0 0; margin:0 auto 0 auto; display:flex; justify-content:space-between; } .render-jsx-356-2 .tabs { background-color:#fff; width:100%; } .render-jsx-356-2 .item { display:none; width:100%; justify-content:space-between; line-height:1.8; align-items:center; } .render-jsx-356-2 .righttext { padding:0 0 0 .4rem; color:#fff; width:50%; font-size:.2rem; } .render-jsx-356-2 .type { cursor:pointer; color:#666; width:16%; font-size:.2rem; line-height:.8rem; text-align:center; } .render-jsx-356-2 .lefttext { color:#333; width:50%; font-size:.2rem; } .render-jsx-356-2 { padding:0 0 0 0; } } @media (max-width:768px) { .render-jsx-356-2 .btn { border:none; padding:0 0 0 0; margin:.5rem auto 0 auto; color:#fff; display:none; font-size:.32rem; line-height:.88rem; border-radius:.6rem .6rem .6rem .6rem; background-color:#0e3180; outline:none; width:4.2rem; text-align:center; } .render-jsx-356-2 .list { padding:0 0 0 0; background-repeat:no-repeat; background-size:100% 100%; width:100%; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/02/f2cjp52fdhl528ht632wjfyrh8fg74nt.png); background-position:center center; } .render-jsx-356-2 .container { padding:0 0 0 0; margin:0 auto 0 auto; } .render-jsx-356-2 .content { border-radius:0 0 0 0; padding:.2rem 0 0 0; margin:0 auto 0 auto; width:92%; } .render-jsx-356-2 .typetitle { margin:0 0 .4rem 0; color:#c30d23; font-weight:bold; display:block; font-size:.38rem; line-height:1; position:relative; text-align:center; } .render-jsx-356-2 .types { flex-direction:row; display:flex; justify-content:space-between; flex-wrap:wrap; } .render-jsx-356-2 .container { padding:0 0 0 0; margin:0 auto 0 auto; } .render-jsx-356-2 .tabs { margin:0 auto 0 auto; width:92%; } .render-jsx-356-2 .item { flex-direction:column; display:none; width:100%; justify-content:center; line-height:1.8; align-items:center; } .render-jsx-356-2 .righttext { padding:.3rem 0 .3rem .6rem; color:#fff; width:100%; font-size:.24rem; height:50%; } .render-jsx-356-2 .type { border-radius:.6rem .6rem .6rem .6rem; cursor:pointer; border:1px solid #0e3180; margin:0 0 .2rem 0; color:#0e3180; width:30%; font-size:.26rem; line-height:.6rem; text-align:center; } .render-jsx-356-2 .lefttext { padding:.3rem 0 .3rem .6rem; color:#333; width:100%; font-size:.24rem; height:50%; } .render-jsx-356-2 { background-color:#f0f3fd; padding:.6rem 0 .6rem 0; } } </style> <style> .render-jsx-356-2 .list p{ position:relative; } .render-jsx-356-2 .list .lefttext p::before, .render-jsx-356-2 .list .righttext p::before{ content:'';display:block;width:0;height:0;border:.06rem solid rgba(0,0,0,0);position:absolute;left:-.22rem;top:50%;transform:translateY(-50%); } .render-jsx-356-2 .list .lefttext p::before{ border-left:.1rem solid #0e3180; } .render-jsx-356-2 .list .righttext p::before{ border-left:.1rem solid #fff; } .render-jsx-356-2 .actitem{ display:flex !important; } /* PC端 */ @media (min-width:769px) { .render-jsx-356-2 .acttab{ background-color:#0e3180;color:#fff !important;font-weight:bold;position:relative; } .render-jsx-356-2 .acttab::after{ content:'';display:block;width:0;height:0;border:.1rem solid rgba(0,0,0,0);border-top:.1rem solid #0e3180;position:absolute;left:50%;bottom:-.2rem;transform:translateX(-50%); } } /* 手机端 */ @media (max-width:768px) { .render-jsx-356-2 .acttab{ color:#fff !important;background-color:#c30d23;border:1px solid #c30d23 !important; } } </style> <div class="render-jsx-356-2"> <div class="tabs"> <div class="container"> <span class="typetitle">请选择您的身份</span> <ol class="types"> <li class="type type1">青少年</li> <li class="type type2">上班族/白领</li> <li class="type type3">出国/旅游者</li> <li class="type type4">自由职业者</li> <li class="type type5">零基础</li> <li class="type type6">雅思托福</li> </ol> </div> </div> <div class="content"> <div class="container" style="display:block;"> <div class="list"> <div class="item item1"> <div class="lefttext"><p>背单词,记语法,枯燥又无趣,孩子不愿意坚持</p><p>大班学习,孩子容易被忽略 ,无针对性辅导</p><p>无法清楚了解孩子的学习效果</p><p>路途遥远 ,苦了孩子,累了自己</p></div> <div class="righttext"><p>趣味十足的互动教学,<b style="color:#fcd683;">提升学习兴趣</b></p><p><b style="color:#fcd683;">严选持证外教1对1</b>因材施教</p><p>家长可同时在线 <b style="color:#fcd683;">定期汇报学习效果</b></p><p>衔接新课标,基于国际 CEFR研发,<b style="color:#fcd683;">同步国际教育</b></p></div> </div> <div class="item item2"> <div class="lefttext"><p>工作繁忙,没时间</p><p>职场竞争、定向提升,普通课程匹配度低</p><p>读写强,听说弱,无法用英语商务交流</p><p>诱惑太多,无法坚持</p></div> <div class="righttext"><p><b style="color:#fcd683;">每天25min</b>,利用碎片时间学习</p><p>个性化定制课程,<b style="color:#fcd683;">满足不同英语学习需求</b></p><p>严选持证<b style="color:#fcd683;">外教1对1</b>在线互动教学</p><p><b style="color:#fcd683;">3对1贴心服务</b>,专人督导,效果实时跟进</p></div> </div> <div class="item item3"> <div class="lefttext"><p>英语基础弱,只能抱团出国</p><p>不了解风俗文化,旅游变瞎逛</p><p>沟通不顺,衣食住行难安排</p><p>不知道旅游目的国特色美食如何表述</p></div> <div class="righttext"><p><b style="color:#fcd683;">提升口语水平</b>,轻松开口,走遍全球</p><p><b style="color:#fcd683;">旅游目的国定制化课程</b>,全面了解当地历史人文</p><p>不同目的国<b style="color:#fcd683;">衣食住行日常沟通实战演练</b>,沟通无障碍</p><p>定制化教材,<b style="color:#fcd683;">专为吃货而生</b></p></div> </div> <div class="item item4"> <div class="lefttext"><p>社交需要使用英语,说不好,很尴尬</p><p>喜欢英语,想进一步提升但遭遇瓶颈</p><p>想学,但不知道该怎么学,怎么开始</p></div> <div class="righttext"><p><b style="color:#fcd683;">外教1对1互动实战教学</b>,社交英语听说流利</p><p><b style="color:#fcd683;">定制英语学习计划</b>,有效提升 ,效果看得见</p><p>8大类176种课程, <b style="color:#fcd683;">1对1量身定制</b>,总有一款适合你</p></div> </div> <div class="item item5"> <div class="lefttext"><p>自学没用,不知道怎么开始,方式不对</p><p>怕学不好,浪费时间,浪费钱</p><p>大小班教学,听不懂 ,没信心</p><p>希望快速能和外国人交流</p></div> <div class="righttext"><p>定制学习规划,<b style="color:#fcd683;">外教+助教+客服全程陪跑</b></p><p><b style="color:#fcd683;">免费试听试学</b>,10年钻研值得一试</p><p><b style="color:#fcd683;">课后效果全程跟踪</b>,效果看得见</p><p><b style="color:#fcd683;">听说读写全面提升</b></p></div> </div> <div class="item item6"> <div class="lefttext"><p>提分大班无演练环境,口语提升困难</p><p>缺乏地道环境口语专项提分</p><p>朋友互练难以发现表达错误</p><p>口语成为拉低分数单项,找不到提升好方法</p></div> <div class="righttext"><p><b style="color:#fcd683;">外教1对1,口语模考</b>,快速掌握提分技巧</p><p>认证( TEFL/TESOL )外教,<b style="color:#fcd683;">地道口语</b></p><p>教师深谙考题规律,理清思路,纠正错误</p><p>口语题库考前突击 ,单项提分</p></div> </div> </div> <button class="btn">免费申请试听课</button> </div> </div> </div> <script> $(function(){ $('.render-jsx-356-2 .types li').eq(0).addClass('acttab'); $('.render-jsx-356-2 .list .item').eq(0).addClass('actitem'); $('.render-jsx-356-2 .types li').click(function(){ $(this).addClass('acttab').siblings().removeClass('acttab'); $('.render-jsx-356-2 .list .item').eq($(this).index()).addClass('actitem').siblings('.item').removeClass('actitem'); }) }) </script> <style> @media (min-width:769px) { .render-jsx-366-3>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .5rem 0; color:#333; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .render-jsx-366-3>.container>.button3 { border-radius:60px 60px 60px 60px; background-color:rgba(195, 13, 35, 1); box-shadow:0px 4px 10px rgba(195,13,35,0.4); padding:0 0 0 0; margin:.5rem auto 0 auto; color:white; display:none; width:4.2rem; font-size:.24rem; text-align:center; height:.6rem; } .render-jsx-366-3>.container>.content>.div2>.item2>.text { border-radius:0 0 0 0; padding:0 0 0 0; margin:.1rem 0 0 0; color:#666; font-size:.18rem; line-height:1.5; } .render-jsx-366-3>.container>.content>.div2>.item2>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 .15rem; color:#c30d23; font-weight:bold; font-size:.24rem; line-height:1; text-align:center; } .render-jsx-366-3>.container>.content>.div2>.item2>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; } .render-jsx-366-3>.container>.content>.div2>.item2>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; align-items:center; } .render-jsx-366-3>.container>.content>.div2>.item2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .15rem 0; } .render-jsx-366-3>.container>.content>.div2>.item1>.text { border-radius:0 0 0 0; padding:0 0 0 0; margin:.1rem 0 0 0; color:#666; font-size:.18rem; line-height:1.5; } .render-jsx-366-3>.container>.content>.div2>.item1>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 .15rem; color:#c30d23; font-weight:bold; font-size:.24rem; line-height:1; text-align:center; } .render-jsx-366-3>.container>.content>.div2>.item1>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; } .render-jsx-366-3>.container>.content>.div2>.item1>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; align-items:center; } .render-jsx-366-3>.container>.content>.div2>.item1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .15rem 0; } .render-jsx-366-3>.container>.content>.div2>.item3>.text { border-radius:0 0 0 0; padding:0 0 0 0; margin:.1rem 0 0 0; color:#666; font-size:.18rem; line-height:1.5; } .render-jsx-366-3>.container>.content>.div2>.item3>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 .15rem; color:#c30d23; font-weight:bold; font-size:.24rem; line-height:1; text-align:center; } .render-jsx-366-3>.container>.content>.div2>.item3>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; } .render-jsx-366-3>.container>.content>.div2>.item3>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; align-items:center; } .render-jsx-366-3>.container>.content>.div2>.item3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .render-jsx-366-3>.container>.content>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:45%; } .render-jsx-366-3>.container>.content>.div1>.button2 { padding:0 0 0 0; margin:0 auto 0 auto; background-size:100% 100%; color:white; display:block; font-size:.24rem; background-position:center center; border-radius:60px 60px 60px 60px; background-repeat:no-repeat; transform:translateX(-50%); top:41%; left:50%; width:.66rem; background-image:url(https://img.acadsoc.com.cn/web/lps/acc/sem/ty/pinpai/img/play.png); position:absolute; text-align:center; height:.66rem; } .render-jsx-366-3>.container>.content>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; } .render-jsx-366-3>.container>.content>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:50%; position:relative; } .render-jsx-366-3>.container>.content { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; justify-content:space-between; align-items:center; } .render-jsx-366-3>.container { min-height:100px; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; } .render-jsx-366-3 { min-height:100px; background-color:white; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; } } @media (max-width:768px) { .render-jsx-366-3>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .5rem 0; color:#333; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .render-jsx-366-3>.container>.button3 { border-radius:60px 60px 60px 60px; background-color:rgba(195, 13, 35, 1); box-shadow:0px 4px 10px rgba(195,13,35,0.4); padding:0 0 0 0; margin:.5rem auto 0 auto; color:white; display:none; width:90%; font-size:.32rem; text-align:center; height:.9rem; } .render-jsx-366-3>.container>.content>.div2>.item2>.text { border-radius:0 0 0 0; padding:0 0 0 0; margin:.15rem 0 0 0; color:#666; font-size:.26rem; line-height:1.5; } .render-jsx-366-3>.container>.content>.div2>.item2>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 .2rem; color:#c30d23; font-weight:bold; font-size:.32rem; text-align:center; } .render-jsx-366-3>.container>.content>.div2>.item2>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:.5rem; } .render-jsx-366-3>.container>.content>.div2>.item2>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; align-items:center; } .render-jsx-366-3>.container>.content>.div2>.item2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .3rem 0; } .render-jsx-366-3>.container>.content>.div2>.item1>.text { border-radius:0 0 0 0; padding:0 0 0 0; margin:.15rem 0 0 0; color:#666; font-size:.26rem; line-height:1.5; } .render-jsx-366-3>.container>.content>.div2>.item1>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 .2rem; color:#c30d23; font-weight:bold; font-size:.32rem; text-align:center; } .render-jsx-366-3>.container>.content>.div2>.item1>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:.5rem; } .render-jsx-366-3>.container>.content>.div2>.item1>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; align-items:center; } .render-jsx-366-3>.container>.content>.div2>.item1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .3rem 0; } .render-jsx-366-3>.container>.content>.div2>.item3>.text { border-radius:0 0 0 0; padding:0 0 0 0; margin:.15rem 0 0 0; color:#666; font-size:.26rem; line-height:1.5; } .render-jsx-366-3>.container>.content>.div2>.item3>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 .2rem; color:#c30d23; font-weight:bold; font-size:.32rem; text-align:center; } .render-jsx-366-3>.container>.content>.div2>.item3>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:.5rem; } .render-jsx-366-3>.container>.content>.div2>.item3>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; align-items:center; } .render-jsx-366-3>.container>.content>.div2>.item3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .render-jsx-366-3>.container>.content>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .render-jsx-366-3>.container>.content>.div1>.button2 { padding:0 0 0 0; margin:0 auto 0 auto; background-size:100% 100%; color:white; display:block; font-size:.32rem; background-position:center center; border-radius:60px 60px 60px 60px; transform:translateX(-50%); background-repeat:no-repeat; top:40%; left:50%; width:.8rem; background-image:url(https://img.acadsoc.com.cn/web/lps/acc/sem/ty/pinpai/img/play.png); position:absolute; text-align:center; height:.8rem; } .render-jsx-366-3>.container>.content>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; } .render-jsx-366-3>.container>.content>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .3rem 0; position:relative; text-align:relative; } .render-jsx-366-3>.container>.content { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .render-jsx-366-3>.container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; width:90%; min-height:100px; } .render-jsx-366-3 { background-color:white; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; } } </style> <style> .render-jsx-366-3 .playbtn:hover{ transform: scale(1.04);transition:0.2s; } </style> <div data-popup-id="367" data-popup-hash-xo6odu="https://img.acadsoc.com.cn/web/lps/acc/sem/ty/pinpai/img/pinpai.mp4" data-popup-hash-g9wv5w="%E2%9C%96" class="render-jsx-366-3"> <div class="container"> <p class="p1"><b style="color:#c30d23;font-size:1.25em;">1分钟了解阿卡索</b> 英语轻松学</p> <div class="content"> <div class="div1"> <img class="img1" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/05/kx36h968naj3dl9zdx2kbkbjzcxclayb.png"> <button class="button2 playbtn"></button> </div> <div class="div2"> <div class="item1"> <div class="div1"> <img class="img1" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/05/n2khk8hgh7y2wc8rmzdwr8mbwb6r3gje.png"> <h3 class="p2">明星倾力推荐</h3> </div> <p class="text">“国民暖爸”佟大为携手妻子关悦亲测推荐,用学员喜欢的方式,激发更多自信表达。</p> </div> <div class="item2"> <div class="div1"> <img class="img1" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/05/xh9g5bz9jg9hd654xbd1dzt8ncpxczxr.png"> <h3 class="p2">外教一对一</h3> </div> <p class="text">严选全球国际外教,均持证上岗,一对一教学,个性化针对辅导。</p> </div> <div class="item3"> <div class="div1"> <img class="img1" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/05/n2khk8hgh7y2wc8rmzdwr8mbwb6r3gje.png"> <h3 class="p2">17级课程体系</h3> </div> <p class="text">从入学启蒙到成人阶段,均依不同级别科学设置课程,满足各阶段学员的学习需求。</p> </div> </div> </div> <button class="button3">按钮</button> </div> </div> <script> $(function(){ $('.render-jsx-366-3 .playbtn').click(function(){ const videoModal = $('#register-popup-367'); if(videoModal){ const video = videoModal.find('.video'); video.attr('autoplay', true); video[0].play(); } }); }) </script> <style> @media (min-width:769px) { .render-jsx-364-4 .img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; } .render-jsx-364-4 .img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .render-jsx-364-4 .regbtn { border-radius:.6rem .6rem .6rem .6rem; background-color:#c30d23; box-shadow:0 .06rem .06rem rgba(206,26,48,.1); padding:0 0 0 0; margin:0 0 0 0; color:#fff; display:block; width:100%; font-size:.3rem; height:.6rem; text-align:center; } .render-jsx-364-4 .opts { border:1px solid #969696; padding:0 .2rem 0 .2rem; background-size:.18rem auto; color:#999; display:block; font-size:.16rem; background-position:90% center; border-radius:.1rem .1rem .1rem .1rem; background-color:#f5f7ff; background-repeat:no-repeat; appearance:none; width:100%; background-image:url(https://img.acadsoc.com.cn/web/lps/acc/sem/ty/pinpai/img/jtx.png); height:.6rem; } .render-jsx-364-4 .regcodebtn { border-radius:.1rem .1rem .1rem .1rem; background-color:#c30d23; padding:0 .2rem 0 .2rem; color:#fff; top:0; display:inline-block; font-size:.18rem; position:absolute; right:0; height:.6rem; } .render-jsx-364-4 .code { border-radius:.1rem .1rem .1rem .1rem; border:1px solid #969696; padding:0 .2rem 0 .2rem; display:block; width:100%; font-size:.18rem; height:.6rem; } .render-jsx-364-4 .regcode { margin:.2rem auto 0 auto; width:100%; position:relative; } .render-jsx-364-4 .phone { border-radius:.1rem .1rem .1rem .1rem; border:1px solid #969696; padding:0 .2rem 0 .2rem; display:block; width:100%; font-size:.18rem; height:.6rem; } .render-jsx-364-4 .regphone { width:100%; position:relative; } .render-jsx-364-4 .wrap { margin:.4rem auto 0 auto; display:flex; width:100%; justify-content:space-between; } .render-jsx-364-4 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .5rem 0; color:#c30d23; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .render-jsx-364-4 .container { padding:0 0 0 0; margin:0 auto 0 auto; } .render-jsx-364-4 .item { width:31%; position:relative; } .render-jsx-364-4 .opt { cursor:pointer; color:#999; width:100%; font-size:.16rem; line-height:.3rem; text-align:center; } .render-jsx-364-4 { background-color:#f5f7ff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; } } @media (max-width:768px) { .render-jsx-364-4 .img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .render-jsx-364-4 .img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; } .render-jsx-364-4 .regbtn { border-radius:.6rem .6rem .6rem .6rem; background-color:#c30d23; padding:0 0 0 0; margin:0 0 0 0; color:#fff; display:block; width:100%; font-size:.32rem; height:.8rem; text-align:center; } .render-jsx-364-4 .opts { border:1px solid #969696; padding:0 .25rem 0 .25rem; background-size:.26rem auto; color:#999; display:block; font-size:.26rem; background-position:96% center; border-radius:.1rem .1rem .1rem .1rem; background-color:#f5f7ff; background-repeat:no-repeat; appearance:none; width:100%; background-image:url(https://img.acadsoc.com.cn/web/lps/acc/sem/ty/pinpai/img/jtx.png); height:.8rem; } .render-jsx-364-4 .regcodebtn { border-radius:.1rem .1rem .1rem .1rem; background-color:#c30d23; padding:0 .25rem 0 .25rem; color:#fff; top:0; display:inline-block; font-size:.26rem; position:absolute; right:0; height:.8rem; } .render-jsx-364-4 .code { border-radius:.1rem .1rem .1rem .1rem; border:1px solid #969696; padding:0 .25rem 0 .25rem; display:block; width:100%; font-size:.26rem; height:.8rem; } .render-jsx-364-4 .regcode { margin:.2rem auto 0 auto; width:100%; position:relative; } .render-jsx-364-4 .phone { border-radius:.1rem .1rem .1rem .1rem; border:1px solid #969696; padding:0 .25rem 0 .25rem; display:block; width:100%; font-size:.26rem; height:.8rem; } .render-jsx-364-4 .regphone { width:100%; position:relative; } .render-jsx-364-4 .wrap { margin:.4rem auto 0 auto; width:90%; } .render-jsx-364-4 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .5rem 0; color:#c30d23; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .render-jsx-364-4 .container { padding:0 0 0 0; margin:0 auto 0 auto; width:92%; } .render-jsx-364-4 .item { margin:0 auto .2rem auto; width:100%; position:relative; } .render-jsx-364-4 .opt { cursor:pointer; color:#999; width:100%; font-size:.24rem; line-height:.3rem; text-align:center; } .render-jsx-364-4 { background-color:#f5f7ff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; } } </style> <style> .render-jsx-364-4 .item3{ margin-bottom:0; } .render-jsx-364-4 .regcodebtn span{ color:#fff; } /* PC端 */ @media (min-width:769px) { } /* 手机端 */ @media (max-width:768px) { } </style> <div class="render-jsx-364-4"> <div class="container"> <h2 class="title">阿卡索2021年收费标准表</h2> <img class="img1" data-popup-id="394" data-popup-hash-bnhndj="%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-whvm97="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-gtdjwv="" data-popup-hash-w5vsat="%E6%BB%A1%E6%84%8F%E5%90%8E%E5%86%8D%E8%B4%AD%E8%AF%BE" data-popup-hash-rzdza5="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/h5z5kjktrjbyz2y9gjrhfxm68xajh68k.png" data-popup-hash-wxpe08="%E6%8F%90%E4%BA%A4%E6%89%8B%E6%9C%BA%E5%8F%B7%EF%BC%8C%E5%8D%B3%E5%8F%AF%E5%85%8D%E8%B4%B9%E8%AF%95%E8%AF%BE" data-popup-hash-n6i7xm="%E7%AB%8B%E5%8D%B3%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" data-popup-hash-4qlj7o="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/9dwe82j5wfbeg8t7k4kjlegj5zdn8p3g.png" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/12/g4zd8a85dz969dbegkna9dtzy34dptb7.png"> <img class="img2" data-popup-id="394" data-popup-hash-bnhndj="%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-whvm97="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-gtdjwv="" data-popup-hash-w5vsat="%E6%BB%A1%E6%84%8F%E5%90%8E%E5%86%8D%E8%B4%AD%E8%AF%BE" data-popup-hash-rzdza5="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/h5z5kjktrjbyz2y9gjrhfxm68xajh68k.png" data-popup-hash-wxpe08="%E6%8F%90%E4%BA%A4%E6%89%8B%E6%9C%BA%E5%8F%B7%EF%BC%8C%E5%8D%B3%E5%8F%AF%E5%85%8D%E8%B4%B9%E8%AF%95%E8%AF%BE" data-popup-hash-n6i7xm="%E7%AB%8B%E5%8D%B3%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" data-popup-hash-4qlj7o="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/9dwe82j5wfbeg8t7k4kjlegj5zdn8p3g.png" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/04/3f797xdfafnycnkn931dywryazczyd79.png"> <div class="wrap"> <div class="item item1"> <select class="opts"> <option class="opt opt0" value="请选择合适您的套餐">请选择合适您的套餐</option> <option class="opt opt1" value="国际套餐">国际套餐</option> <option class="opt opt2" value="明星max套餐A">明星max套餐A</option> <option class="opt opt3" value="明星max套餐B">明星max套餐B</option> <option class="opt opt4" value="明星max套餐C">明星max套餐C</option> <option class="opt opt5" value="明星max套餐D">明星max套餐D</option> <option class="opt opt6" value="明星max套餐E">明星max套餐E</option> </select> </div> <div class="item item2"> <div class="regphone"> <input class="phone" placeholder="输入手机号码,免费领取礼包" name="TxtPhone"> </div> <div class="regcode duaxin" style="display:none;"> <input class="code" placeholder="请输入验证码" name="TxtCode"> <button class="regcodebtn" name="btnGetSMS">获取验证码</button> </div> </div> <div class="item item3"> <button class="regbtn" name="registerSubmit">立即试听</button> </div> </div> </div> </div> <style> @media (min-width:769px) { .render-swiper-206-5 .btn { padding:0 0 0 0; margin:0 auto 0 auto; color:#fff; display:block; font-size:.3rem; line-height:.2rem; border-radius:50px 50px 50px 50px; background-color:#c30d23; box-shadow:0 .06rem .06rem rgba(206,26,48,.1); outline:none; width:4.2rem; height:.6rem; text-align:center; } .render-swiper-206-5 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .render-swiper-206-5 .tabs { border-radius:0 0 0 0; padding:0 0 0 0; margin:.5rem auto .2rem auto; flex-direction:row; display:flex; width:90%; justify-content:space-around; } .render-swiper-206-5 .swiper { border-radius:0 0 0 0; padding:.7rem 0 .7rem 0; margin:0 auto 0 auto; width:100%; } .render-swiper-206-5 .el { } .render-swiper-206-5 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; } .render-swiper-206-5 .item { background-color:#fff; border-radius:.1rem .1rem .1rem .1rem; padding:.25rem .25rem .5rem .25rem; box-shadow:0 0 .15rem .06rem rgba(150,150,150,.1); margin:0 auto 0 auto; } .render-swiper-206-5 .tab { border-radius:.8rem .8rem .8rem .8rem; cursor:pointer; background-color:#fff; padding:14px 0 14px 0; box-shadow:0 0 .1rem .02rem rgba(23,50,136,.1); color:#173288; font-weight:bold; width:230px; font-size:.3rem; line-height:1; text-align:center; } .render-swiper-206-5 .text { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#828282; font-size:16px; line-height:1; text-align:center; } .render-swiper-206-5 .itembtn { border-radius:.6rem .6rem .6rem .6rem; border:2px solid #b81c25; padding:0 0 0 0; margin:.3rem auto 0 auto; color:#b81c25; display:none; width:66%; font-size:20px; line-height:.44rem; text-align:center; } .render-swiper-206-5 .slide { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; height:auto; } .render-swiper-206-5 .img { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; margin:-.45rem auto 0 auto; display:block; width:100%; } .render-swiper-206-5 .itemtitle { border-radius:0 0 0 0; padding:.3rem 0 .2rem 0; margin:0 0 0 0; color:#333; font-weight:bold; font-size:22px; line-height:1; text-align:center; } .render-swiper-206-5 { background-color:rgba(255, 255, 255, 1); border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; } } @media (max-width:768px) { .render-swiper-206-5 .btn { padding:0 0 0 0; margin:0 auto 0 auto; color:#fff; display:block; font-size:.32rem; line-height:.88rem; border-radius:.5rem .5rem .5rem .5rem; background-color:#c30d23; outline:none; width:82%; height:.8rem; text-align:center; } .render-swiper-206-5 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#0e3180; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .render-swiper-206-5 .tabs { border-radius:0 0 0 0; padding:0 0 0 0; margin:.5rem auto .2rem auto; flex-direction:row; display:flex; width:92%; justify-content:space-between; } .render-swiper-206-5 .swiper { border-radius:0 0 0 0; padding:.8rem 0 .6rem 0; margin:0 0 0 0; width:100%; } .render-swiper-206-5 .el { } .render-swiper-206-5 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; } .render-swiper-206-5 .item { background-color:#fff; border-radius:.2rem .2rem .2rem .2rem; padding:.25rem .25rem .25rem .25rem; box-shadow:0 0 .15rem .06rem rgba(44,71,150,.1); margin:0 auto 0 auto; } .render-swiper-206-5 .tab { border-radius:.8rem .8rem .8rem .8rem; cursor:pointer; background-color:#fff; box-shadow:0 0 .1rem .02rem rgba(23,50,136,.1); padding:.12rem 0 .12rem 0; color:#173288; font-weight:bold; width:30%; font-size:.3rem; line-height:1.04; text-align:center; } .render-swiper-206-5 .text { border-radius:0 0 0 0; padding:0 0 .3rem 0; margin:0 0 0 0; color:#828282; font-size:.27rem; line-height:1.3; text-align:center; } .render-swiper-206-5 .itembtn { border-radius:.5rem .5rem .5rem .5rem; border:2px solid #b81c25; padding:0 0 0 0; margin:.24rem auto 0 auto; color:#b81c25; display:none; width:50%; font-size:.3rem; line-height:.6rem; text-align:center; } .render-swiper-206-5 .slide { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; height:auto; } .render-swiper-206-5 .img { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; margin:-.5rem auto 0 auto; display:block; width:92%; } .render-swiper-206-5 .itemtitle { border-radius:0 0 0 0; padding:.5rem 0 .3rem 0; margin:0 0 0 0; color:#333; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .render-swiper-206-5 { background-color:rgba(255, 255, 255, 1); border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; } } </style> <style> .render-swiper-206-5 .tabs span{ font-size:.24rem;font-weight:normal; } .render-swiper-206-5 .tabs .active{ background-color:#173288 !important; color:#fff !important; } .render-swiper-206-5 .tabs .active span{ color:#fff; } .render-swiper-206-5 .swiper-pagination{ bottom:initial;top:-.7rem;position:relative;width:70%;margin:0 auto; } .render-swiper-206-5 .swiper-slide.swiper-slide-active{ transform:scale(1); } .render-swiper-206-5 .swiper-pagination-bullet-active{ background:#173288; } /* PC端 */ @media (min-width:769px) { .render-swiper-206-5 .swiper-slide{ transform:scale(.8); } .render-swiper-206-5 .swiper-pagination-bullet{ width:24px;height:6px;border-radius:6px;position:absolute;top:0;margin:0; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(1){ left:.1rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(2){ left:.45rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(3){ left:.8rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(4){ left:3.55rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(5){ left:3.9rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(6){ left:4.25rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(7){ left:6.6rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(8){ left:6.94rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(9){ left:7.3rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(10){ left:7.65rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(11){ left:8rem !important; } } /* 手机端 */ @media (max-width:768px) { .render-swiper-206-5 .swiper-slide{ width: 80% !important;transform:scale(.9); } .render-swiper-206-5 .swiper-pagination{ width:92%; } .render-swiper-206-5 .swiper-pagination-bullet{ width:.24rem;height:.06rem;border-radius:.06rem;position:absolute;top:0;margin:0 .025rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(1){ left:.5rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(2){ left:.9rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(3){ left:1.3rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(4){ left:2.95rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(5){ left:3.35rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(6){ left:3.75rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(7){ left:5rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(8){ left:5.35rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(9){ left:5.74rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(10){ left:6.13rem !important; } .render-swiper-206-5 .swiper-pagination-bullet:nth-of-type(11){ left:6.5rem !important; } } </style> <div class="render-swiper-206-5"> <div class="container"> <h2 class="title"><b style="color:#b81c25;">综合课程系统</b> 想你所需</h2> <ol class="tabs"> <li class="tab active">学前启蒙<br><span>(3-6岁)</span></li> <li class="tab">中小学<br><span>(6-15岁)</span></li> <li class="tab">成人英语<br><span>(18岁以上)</span></li> </ol> <div class="swiper-container swiper"> <div class="swiper-pagination"></div> <div class="swiper-wrapper"> <div class="swiper-slide item item1"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/UGD-L/ugdsem2-img/swp2.png"> <h3 class="itemtitle">魔法英语学前版</h3> <p class="text">生动有趣的故事情节,开启魔法之旅。</p> <button class="itembtn" data-popup-id="370" data-popup-hash-qzsego="%E6%9F%A5%E7%9C%8B%E6%88%91%E7%9A%84%E6%8E%A8%E8%8D%90%E8%AF%BE%E7%A8%8B" data-popup-hash-lon4cw="%E2%9C%96" data-popup-hash-mscy1k="%E4%B8%BA%E6%88%91%E6%8E%A8%E8%8D%90" data-popup-hash-dcgxri="%E5%9B%9B%E5%85%AD%E7%BA%A7" data-popup-hash-ypjm0s="%E9%9B%85%E6%80%9D/%E6%89%98%E7%A6%8F" data-popup-hash-k5r2e3="%E8%80%83%E7%A0%94%E8%8B%B1%E8%AF%AD" data-popup-hash-wnv3rf="%E5%87%BA%E5%9B%BD%E6%97%85%E6%B8%B8" data-popup-hash-9nya7e="%E5%85%B6%E4%BB%96" data-popup-hash-vhqzgb="0%E5%9F%BA%E7%A1%80%E6%8F%90%E5%8D%87" data-popup-hash-ca1z1n="%E5%AD%A6%E7%A7%91%E8%8B%B1%E8%AF%AD" data-popup-hash-qqg11e="%E6%97%A5%E5%B8%B8%E5%8F%A3%E8%AF%AD" data-popup-hash-71srsg="%E5%95%86%E5%8A%A1%E4%BA%A4%E6%B5%81" data-popup-hash-1crifr="%E8%AF%B7%E9%80%89%E6%8B%A9%E6%82%A8%E7%9A%84%E5%AD%A6%E4%B9%A0%E7%9B%AE%E7%9A%84" data-popup-hash-spmseb="%E7%BB%BC%E5%90%88%E8%8B%B1%E8%AF%AD%E8%83%BD%E5%8A%9B" data-popup-hash-sqaltw="%E4%B8%AD%E5%B0%8F%E5%AD%A6%E7%94%9F" data-popup-hash-pfg3xf="%E8%AF%B7%E9%80%89%E6%8B%A9%E5%90%AC%E8%AF%BE%E8%BA%AB%E4%BB%BD" data-popup-hash-azfaor="%E5%85%B6%E4%BB%96" data-popup-hash-fttcs0="%E8%87%AA%E7%94%B1%E8%81%8C%E4%B8%9A" data-popup-hash-okmpgx="%E9%AB%98%E4%B8%AD%E7%94%9F" data-popup-hash-j5eqlj="%E5%B9%BC%E5%84%BF" data-popup-hash-pdhklw="%E4%B8%8A%E7%8F%AD%E6%97%8F" data-popup-hash-gdm5y6="%E5%A4%A7%E5%AD%A6%E7%94%9F" data-popup-hash-f4ygfd="%E5%A1%AB%E5%86%99%E6%89%8B%E6%9C%BA%E5%8F%B7%EF%BC%8C%E8%8E%B7%E5%8F%96%E4%B8%8A%E8%AF%BE%E6%8F%90%E9%86%92" data-popup-hash-lbm2xu="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-327ylt="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81">免费试听</button> </div> <div class="swiper-slide item item2"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/UGD-L/ugdsem2-img/swp1.png"> <h3 class="itemtitle">阿卡索词汇乐园</h3> <p class="text">卡通动画形象,单词拼写乐趣多。</p> <button class="itembtn" data-popup-id="370" data-popup-hash-qzsego="%E6%9F%A5%E7%9C%8B%E6%88%91%E7%9A%84%E6%8E%A8%E8%8D%90%E8%AF%BE%E7%A8%8B" data-popup-hash-lon4cw="%E2%9C%96" data-popup-hash-mscy1k="%E4%B8%BA%E6%88%91%E6%8E%A8%E8%8D%90" data-popup-hash-dcgxri="%E5%9B%9B%E5%85%AD%E7%BA%A7" data-popup-hash-ypjm0s="%E9%9B%85%E6%80%9D/%E6%89%98%E7%A6%8F" data-popup-hash-k5r2e3="%E8%80%83%E7%A0%94%E8%8B%B1%E8%AF%AD" data-popup-hash-wnv3rf="%E5%87%BA%E5%9B%BD%E6%97%85%E6%B8%B8" data-popup-hash-9nya7e="%E5%85%B6%E4%BB%96" data-popup-hash-vhqzgb="0%E5%9F%BA%E7%A1%80%E6%8F%90%E5%8D%87" data-popup-hash-ca1z1n="%E5%AD%A6%E7%A7%91%E8%8B%B1%E8%AF%AD" data-popup-hash-qqg11e="%E6%97%A5%E5%B8%B8%E5%8F%A3%E8%AF%AD" data-popup-hash-71srsg="%E5%95%86%E5%8A%A1%E4%BA%A4%E6%B5%81" data-popup-hash-1crifr="%E8%AF%B7%E9%80%89%E6%8B%A9%E6%82%A8%E7%9A%84%E5%AD%A6%E4%B9%A0%E7%9B%AE%E7%9A%84" data-popup-hash-spmseb="%E7%BB%BC%E5%90%88%E8%8B%B1%E8%AF%AD%E8%83%BD%E5%8A%9B" data-popup-hash-sqaltw="%E4%B8%AD%E5%B0%8F%E5%AD%A6%E7%94%9F" data-popup-hash-pfg3xf="%E8%AF%B7%E9%80%89%E6%8B%A9%E5%90%AC%E8%AF%BE%E8%BA%AB%E4%BB%BD" data-popup-hash-azfaor="%E5%85%B6%E4%BB%96" data-popup-hash-fttcs0="%E8%87%AA%E7%94%B1%E8%81%8C%E4%B8%9A" data-popup-hash-okmpgx="%E9%AB%98%E4%B8%AD%E7%94%9F" data-popup-hash-j5eqlj="%E5%B9%BC%E5%84%BF" data-popup-hash-pdhklw="%E4%B8%8A%E7%8F%AD%E6%97%8F" data-popup-hash-gdm5y6="%E5%A4%A7%E5%AD%A6%E7%94%9F" data-popup-hash-f4ygfd="%E5%A1%AB%E5%86%99%E6%89%8B%E6%9C%BA%E5%8F%B7%EF%BC%8C%E8%8E%B7%E5%8F%96%E4%B8%8A%E8%AF%BE%E6%8F%90%E9%86%92" data-popup-hash-lbm2xu="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-327ylt="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81">免费试听</button> </div> <div class="swiper-slide item item3"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/UGD-L/ugdsem2-img/swp3.png"> <h3 class="itemtitle">阿卡索会话天地</h3> <p class="text">情景对话,引导孩子开口说英语。</p> <button class="itembtn" data-popup-id="370" data-popup-hash-qzsego="%E6%9F%A5%E7%9C%8B%E6%88%91%E7%9A%84%E6%8E%A8%E8%8D%90%E8%AF%BE%E7%A8%8B" data-popup-hash-lon4cw="%E2%9C%96" data-popup-hash-mscy1k="%E4%B8%BA%E6%88%91%E6%8E%A8%E8%8D%90" data-popup-hash-dcgxri="%E5%9B%9B%E5%85%AD%E7%BA%A7" data-popup-hash-ypjm0s="%E9%9B%85%E6%80%9D/%E6%89%98%E7%A6%8F" data-popup-hash-k5r2e3="%E8%80%83%E7%A0%94%E8%8B%B1%E8%AF%AD" data-popup-hash-wnv3rf="%E5%87%BA%E5%9B%BD%E6%97%85%E6%B8%B8" data-popup-hash-9nya7e="%E5%85%B6%E4%BB%96" data-popup-hash-vhqzgb="0%E5%9F%BA%E7%A1%80%E6%8F%90%E5%8D%87" data-popup-hash-ca1z1n="%E5%AD%A6%E7%A7%91%E8%8B%B1%E8%AF%AD" data-popup-hash-qqg11e="%E6%97%A5%E5%B8%B8%E5%8F%A3%E8%AF%AD" data-popup-hash-71srsg="%E5%95%86%E5%8A%A1%E4%BA%A4%E6%B5%81" data-popup-hash-1crifr="%E8%AF%B7%E9%80%89%E6%8B%A9%E6%82%A8%E7%9A%84%E5%AD%A6%E4%B9%A0%E7%9B%AE%E7%9A%84" data-popup-hash-spmseb="%E7%BB%BC%E5%90%88%E8%8B%B1%E8%AF%AD%E8%83%BD%E5%8A%9B" data-popup-hash-sqaltw="%E4%B8%AD%E5%B0%8F%E5%AD%A6%E7%94%9F" data-popup-hash-pfg3xf="%E8%AF%B7%E9%80%89%E6%8B%A9%E5%90%AC%E8%AF%BE%E8%BA%AB%E4%BB%BD" data-popup-hash-azfaor="%E5%85%B6%E4%BB%96" data-popup-hash-fttcs0="%E8%87%AA%E7%94%B1%E8%81%8C%E4%B8%9A" data-popup-hash-okmpgx="%E9%AB%98%E4%B8%AD%E7%94%9F" data-popup-hash-j5eqlj="%E5%B9%BC%E5%84%BF" data-popup-hash-pdhklw="%E4%B8%8A%E7%8F%AD%E6%97%8F" data-popup-hash-gdm5y6="%E5%A4%A7%E5%AD%A6%E7%94%9F" data-popup-hash-f4ygfd="%E5%A1%AB%E5%86%99%E6%89%8B%E6%9C%BA%E5%8F%B7%EF%BC%8C%E8%8E%B7%E5%8F%96%E4%B8%8A%E8%AF%BE%E6%8F%90%E9%86%92" data-popup-hash-lbm2xu="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-327ylt="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81">免费试听</button> </div> <div class="swiper-slide item item4"> <img class="img" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/dnw9z972xpdl6wmk9lhkmtlhp6431d7n.png"> <h3 class="itemtitle">阿卡索魔法英语</h3> <p class="text">寓教于乐,“25+N”循环沉浸式课堂。</p> <button class="itembtn" data-popup-id="370" data-popup-hash-qzsego="%E6%9F%A5%E7%9C%8B%E6%88%91%E7%9A%84%E6%8E%A8%E8%8D%90%E8%AF%BE%E7%A8%8B" data-popup-hash-lon4cw="%E2%9C%96" data-popup-hash-mscy1k="%E4%B8%BA%E6%88%91%E6%8E%A8%E8%8D%90" data-popup-hash-dcgxri="%E5%9B%9B%E5%85%AD%E7%BA%A7" data-popup-hash-ypjm0s="%E9%9B%85%E6%80%9D/%E6%89%98%E7%A6%8F" data-popup-hash-k5r2e3="%E8%80%83%E7%A0%94%E8%8B%B1%E8%AF%AD" data-popup-hash-wnv3rf="%E5%87%BA%E5%9B%BD%E6%97%85%E6%B8%B8" data-popup-hash-9nya7e="%E5%85%B6%E4%BB%96" data-popup-hash-vhqzgb="0%E5%9F%BA%E7%A1%80%E6%8F%90%E5%8D%87" data-popup-hash-ca1z1n="%E5%AD%A6%E7%A7%91%E8%8B%B1%E8%AF%AD" data-popup-hash-qqg11e="%E6%97%A5%E5%B8%B8%E5%8F%A3%E8%AF%AD" data-popup-hash-71srsg="%E5%95%86%E5%8A%A1%E4%BA%A4%E6%B5%81" data-popup-hash-1crifr="%E8%AF%B7%E9%80%89%E6%8B%A9%E6%82%A8%E7%9A%84%E5%AD%A6%E4%B9%A0%E7%9B%AE%E7%9A%84" data-popup-hash-spmseb="%E7%BB%BC%E5%90%88%E8%8B%B1%E8%AF%AD%E8%83%BD%E5%8A%9B" data-popup-hash-sqaltw="%E4%B8%AD%E5%B0%8F%E5%AD%A6%E7%94%9F" data-popup-hash-pfg3xf="%E8%AF%B7%E9%80%89%E6%8B%A9%E5%90%AC%E8%AF%BE%E8%BA%AB%E4%BB%BD" data-popup-hash-azfaor="%E5%85%B6%E4%BB%96" data-popup-hash-fttcs0="%E8%87%AA%E7%94%B1%E8%81%8C%E4%B8%9A" data-popup-hash-okmpgx="%E9%AB%98%E4%B8%AD%E7%94%9F" data-popup-hash-j5eqlj="%E5%B9%BC%E5%84%BF" data-popup-hash-pdhklw="%E4%B8%8A%E7%8F%AD%E6%97%8F" data-popup-hash-gdm5y6="%E5%A4%A7%E5%AD%A6%E7%94%9F" data-popup-hash-f4ygfd="%E5%A1%AB%E5%86%99%E6%89%8B%E6%9C%BA%E5%8F%B7%EF%BC%8C%E8%8E%B7%E5%8F%96%E4%B8%8A%E8%AF%BE%E6%8F%90%E9%86%92" data-popup-hash-lbm2xu="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-327ylt="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81">免费试听</button> </div> <div class="swiper-slide item item5"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/UGD-L/ugdsem2-img/swp4.png"> <h3 class="itemtitle">美国国家地理</h3> <p class="text">权威引进国际原版教材,真实视觉震撼。</p> <button class="itembtn" data-popup-id="370" data-popup-hash-qzsego="%E6%9F%A5%E7%9C%8B%E6%88%91%E7%9A%84%E6%8E%A8%E8%8D%90%E8%AF%BE%E7%A8%8B" data-popup-hash-lon4cw="%E2%9C%96" data-popup-hash-mscy1k="%E4%B8%BA%E6%88%91%E6%8E%A8%E8%8D%90" data-popup-hash-dcgxri="%E5%9B%9B%E5%85%AD%E7%BA%A7" data-popup-hash-ypjm0s="%E9%9B%85%E6%80%9D/%E6%89%98%E7%A6%8F" data-popup-hash-k5r2e3="%E8%80%83%E7%A0%94%E8%8B%B1%E8%AF%AD" data-popup-hash-wnv3rf="%E5%87%BA%E5%9B%BD%E6%97%85%E6%B8%B8" data-popup-hash-9nya7e="%E5%85%B6%E4%BB%96" data-popup-hash-vhqzgb="0%E5%9F%BA%E7%A1%80%E6%8F%90%E5%8D%87" data-popup-hash-ca1z1n="%E5%AD%A6%E7%A7%91%E8%8B%B1%E8%AF%AD" data-popup-hash-qqg11e="%E6%97%A5%E5%B8%B8%E5%8F%A3%E8%AF%AD" data-popup-hash-71srsg="%E5%95%86%E5%8A%A1%E4%BA%A4%E6%B5%81" data-popup-hash-1crifr="%E8%AF%B7%E9%80%89%E6%8B%A9%E6%82%A8%E7%9A%84%E5%AD%A6%E4%B9%A0%E7%9B%AE%E7%9A%84" data-popup-hash-spmseb="%E7%BB%BC%E5%90%88%E8%8B%B1%E8%AF%AD%E8%83%BD%E5%8A%9B" data-popup-hash-sqaltw="%E4%B8%AD%E5%B0%8F%E5%AD%A6%E7%94%9F" data-popup-hash-pfg3xf="%E8%AF%B7%E9%80%89%E6%8B%A9%E5%90%AC%E8%AF%BE%E8%BA%AB%E4%BB%BD" data-popup-hash-azfaor="%E5%85%B6%E4%BB%96" data-popup-hash-fttcs0="%E8%87%AA%E7%94%B1%E8%81%8C%E4%B8%9A" data-popup-hash-okmpgx="%E9%AB%98%E4%B8%AD%E7%94%9F" data-popup-hash-j5eqlj="%E5%B9%BC%E5%84%BF" data-popup-hash-pdhklw="%E4%B8%8A%E7%8F%AD%E6%97%8F" data-popup-hash-gdm5y6="%E5%A4%A7%E5%AD%A6%E7%94%9F" data-popup-hash-f4ygfd="%E5%A1%AB%E5%86%99%E6%89%8B%E6%9C%BA%E5%8F%B7%EF%BC%8C%E8%8E%B7%E5%8F%96%E4%B8%8A%E8%AF%BE%E6%8F%90%E9%86%92" data-popup-hash-lbm2xu="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-327ylt="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81">免费试听</button> </div> <div class="swiper-slide item item6"> <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/25/3m6x4l2krjrt1d1dc1dza1d6ngnarzmd.png"> <h3 class="itemtitle">阿卡索启蒙单词(自主研发)</h3> <p class="text"> 英文原版动画和插图,激发孩子学习兴趣。</p> <button class="itembtn" data-popup-id="370" data-popup-hash-qzsego="%E6%9F%A5%E7%9C%8B%E6%88%91%E7%9A%84%E6%8E%A8%E8%8D%90%E8%AF%BE%E7%A8%8B" data-popup-hash-lon4cw="%E2%9C%96" data-popup-hash-mscy1k="%E4%B8%BA%E6%88%91%E6%8E%A8%E8%8D%90" data-popup-hash-dcgxri="%E5%9B%9B%E5%85%AD%E7%BA%A7" data-popup-hash-ypjm0s="%E9%9B%85%E6%80%9D/%E6%89%98%E7%A6%8F" data-popup-hash-k5r2e3="%E8%80%83%E7%A0%94%E8%8B%B1%E8%AF%AD" data-popup-hash-wnv3rf="%E5%87%BA%E5%9B%BD%E6%97%85%E6%B8%B8" data-popup-hash-9nya7e="%E5%85%B6%E4%BB%96" data-popup-hash-vhqzgb="0%E5%9F%BA%E7%A1%80%E6%8F%90%E5%8D%87" data-popup-hash-ca1z1n="%E5%AD%A6%E7%A7%91%E8%8B%B1%E8%AF%AD" data-popup-hash-qqg11e="%E6%97%A5%E5%B8%B8%E5%8F%A3%E8%AF%AD" data-popup-hash-71srsg="%E5%95%86%E5%8A%A1%E4%BA%A4%E6%B5%81" data-popup-hash-1crifr="%E8%AF%B7%E9%80%89%E6%8B%A9%E6%82%A8%E7%9A%84%E5%AD%A6%E4%B9%A0%E7%9B%AE%E7%9A%84" data-popup-hash-spmseb="%E7%BB%BC%E5%90%88%E8%8B%B1%E8%AF%AD%E8%83%BD%E5%8A%9B" data-popup-hash-sqaltw="%E4%B8%AD%E5%B0%8F%E5%AD%A6%E7%94%9F" data-popup-hash-pfg3xf="%E8%AF%B7%E9%80%89%E6%8B%A9%E5%90%AC%E8%AF%BE%E8%BA%AB%E4%BB%BD" data-popup-hash-azfaor="%E5%85%B6%E4%BB%96" data-popup-hash-fttcs0="%E8%87%AA%E7%94%B1%E8%81%8C%E4%B8%9A" data-popup-hash-okmpgx="%E9%AB%98%E4%B8%AD%E7%94%9F" data-popup-hash-j5eqlj="%E5%B9%BC%E5%84%BF" data-popup-hash-pdhklw="%E4%B8%8A%E7%8F%AD%E6%97%8F" data-popup-hash-gdm5y6="%E5%A4%A7%E5%AD%A6%E7%94%9F" data-popup-hash-f4ygfd="%E5%A1%AB%E5%86%99%E6%89%8B%E6%9C%BA%E5%8F%B7%EF%BC%8C%E8%8E%B7%E5%8F%96%E4%B8%8A%E8%AF%BE%E6%8F%90%E9%86%92" data-popup-hash-lbm2xu="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-327ylt="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81">免费试听</button> </div> <div class="swiper-slide item item7"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/UGD-L/ugdsem2-img/swp7.png"> <h3 class="itemtitle">新经典综合英语</h3> <p class="text"> 渗透常用英语,辅以听说实战演练。</p> <button class="itembtn" data-popup-id="370" data-popup-hash-qzsego="%E6%9F%A5%E7%9C%8B%E6%88%91%E7%9A%84%E6%8E%A8%E8%8D%90%E8%AF%BE%E7%A8%8B" data-popup-hash-lon4cw="%E2%9C%96" data-popup-hash-mscy1k="%E4%B8%BA%E6%88%91%E6%8E%A8%E8%8D%90" data-popup-hash-dcgxri="%E5%9B%9B%E5%85%AD%E7%BA%A7" data-popup-hash-ypjm0s="%E9%9B%85%E6%80%9D/%E6%89%98%E7%A6%8F" data-popup-hash-k5r2e3="%E8%80%83%E7%A0%94%E8%8B%B1%E8%AF%AD" data-popup-hash-wnv3rf="%E5%87%BA%E5%9B%BD%E6%97%85%E6%B8%B8" data-popup-hash-9nya7e="%E5%85%B6%E4%BB%96" data-popup-hash-vhqzgb="0%E5%9F%BA%E7%A1%80%E6%8F%90%E5%8D%87" data-popup-hash-ca1z1n="%E5%AD%A6%E7%A7%91%E8%8B%B1%E8%AF%AD" data-popup-hash-qqg11e="%E6%97%A5%E5%B8%B8%E5%8F%A3%E8%AF%AD" data-popup-hash-71srsg="%E5%95%86%E5%8A%A1%E4%BA%A4%E6%B5%81" data-popup-hash-1crifr="%E8%AF%B7%E9%80%89%E6%8B%A9%E6%82%A8%E7%9A%84%E5%AD%A6%E4%B9%A0%E7%9B%AE%E7%9A%84" data-popup-hash-spmseb="%E7%BB%BC%E5%90%88%E8%8B%B1%E8%AF%AD%E8%83%BD%E5%8A%9B" data-popup-hash-sqaltw="%E4%B8%AD%E5%B0%8F%E5%AD%A6%E7%94%9F" data-popup-hash-pfg3xf="%E8%AF%B7%E9%80%89%E6%8B%A9%E5%90%AC%E8%AF%BE%E8%BA%AB%E4%BB%BD" data-popup-hash-azfaor="%E5%85%B6%E4%BB%96" data-popup-hash-fttcs0="%E8%87%AA%E7%94%B1%E8%81%8C%E4%B8%9A" data-popup-hash-okmpgx="%E9%AB%98%E4%B8%AD%E7%94%9F" data-popup-hash-j5eqlj="%E5%B9%BC%E5%84%BF" data-popup-hash-pdhklw="%E4%B8%8A%E7%8F%AD%E6%97%8F" data-popup-hash-gdm5y6="%E5%A4%A7%E5%AD%A6%E7%94%9F" data-popup-hash-f4ygfd="%E5%A1%AB%E5%86%99%E6%89%8B%E6%9C%BA%E5%8F%B7%EF%BC%8C%E8%8E%B7%E5%8F%96%E4%B8%8A%E8%AF%BE%E6%8F%90%E9%86%92" data-popup-hash-lbm2xu="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-327ylt="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81">免费试听</button> </div> <div class="swiper-slide item item8"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/UGD-L/ugdsem2-img/swp8.png"> <h3 class="itemtitle">成人口语</h3> <p class="text"> 模拟真实对话场景,1对1互动练习。</p> <button class="itembtn" data-popup-id="370" data-popup-hash-qzsego="%E6%9F%A5%E7%9C%8B%E6%88%91%E7%9A%84%E6%8E%A8%E8%8D%90%E8%AF%BE%E7%A8%8B" data-popup-hash-lon4cw="%E2%9C%96" data-popup-hash-mscy1k="%E4%B8%BA%E6%88%91%E6%8E%A8%E8%8D%90" data-popup-hash-dcgxri="%E5%9B%9B%E5%85%AD%E7%BA%A7" data-popup-hash-ypjm0s="%E9%9B%85%E6%80%9D/%E6%89%98%E7%A6%8F" data-popup-hash-k5r2e3="%E8%80%83%E7%A0%94%E8%8B%B1%E8%AF%AD" data-popup-hash-wnv3rf="%E5%87%BA%E5%9B%BD%E6%97%85%E6%B8%B8" data-popup-hash-9nya7e="%E5%85%B6%E4%BB%96" data-popup-hash-vhqzgb="0%E5%9F%BA%E7%A1%80%E6%8F%90%E5%8D%87" data-popup-hash-ca1z1n="%E5%AD%A6%E7%A7%91%E8%8B%B1%E8%AF%AD" data-popup-hash-qqg11e="%E6%97%A5%E5%B8%B8%E5%8F%A3%E8%AF%AD" data-popup-hash-71srsg="%E5%95%86%E5%8A%A1%E4%BA%A4%E6%B5%81" data-popup-hash-1crifr="%E8%AF%B7%E9%80%89%E6%8B%A9%E6%82%A8%E7%9A%84%E5%AD%A6%E4%B9%A0%E7%9B%AE%E7%9A%84" data-popup-hash-spmseb="%E7%BB%BC%E5%90%88%E8%8B%B1%E8%AF%AD%E8%83%BD%E5%8A%9B" data-popup-hash-sqaltw="%E4%B8%AD%E5%B0%8F%E5%AD%A6%E7%94%9F" data-popup-hash-pfg3xf="%E8%AF%B7%E9%80%89%E6%8B%A9%E5%90%AC%E8%AF%BE%E8%BA%AB%E4%BB%BD" data-popup-hash-azfaor="%E5%85%B6%E4%BB%96" data-popup-hash-fttcs0="%E8%87%AA%E7%94%B1%E8%81%8C%E4%B8%9A" data-popup-hash-okmpgx="%E9%AB%98%E4%B8%AD%E7%94%9F" data-popup-hash-j5eqlj="%E5%B9%BC%E5%84%BF" data-popup-hash-pdhklw="%E4%B8%8A%E7%8F%AD%E6%97%8F" data-popup-hash-gdm5y6="%E5%A4%A7%E5%AD%A6%E7%94%9F" data-popup-hash-f4ygfd="%E5%A1%AB%E5%86%99%E6%89%8B%E6%9C%BA%E5%8F%B7%EF%BC%8C%E8%8E%B7%E5%8F%96%E4%B8%8A%E8%AF%BE%E6%8F%90%E9%86%92" data-popup-hash-lbm2xu="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-327ylt="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81">免费试听</button> </div> <div class="swiper-slide item item9"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/UGD-L/ugdsem2-img/swp9.png"> <h3 class="itemtitle">职场英语</h3> <p class="text">掌握重点词汇表达,职场实现升职加薪。</p> <button class="itembtn" data-popup-id="370" data-popup-hash-qzsego="%E6%9F%A5%E7%9C%8B%E6%88%91%E7%9A%84%E6%8E%A8%E8%8D%90%E8%AF%BE%E7%A8%8B" data-popup-hash-lon4cw="%E2%9C%96" data-popup-hash-mscy1k="%E4%B8%BA%E6%88%91%E6%8E%A8%E8%8D%90" data-popup-hash-dcgxri="%E5%9B%9B%E5%85%AD%E7%BA%A7" data-popup-hash-ypjm0s="%E9%9B%85%E6%80%9D/%E6%89%98%E7%A6%8F" data-popup-hash-k5r2e3="%E8%80%83%E7%A0%94%E8%8B%B1%E8%AF%AD" data-popup-hash-wnv3rf="%E5%87%BA%E5%9B%BD%E6%97%85%E6%B8%B8" data-popup-hash-9nya7e="%E5%85%B6%E4%BB%96" data-popup-hash-vhqzgb="0%E5%9F%BA%E7%A1%80%E6%8F%90%E5%8D%87" data-popup-hash-ca1z1n="%E5%AD%A6%E7%A7%91%E8%8B%B1%E8%AF%AD" data-popup-hash-qqg11e="%E6%97%A5%E5%B8%B8%E5%8F%A3%E8%AF%AD" data-popup-hash-71srsg="%E5%95%86%E5%8A%A1%E4%BA%A4%E6%B5%81" data-popup-hash-1crifr="%E8%AF%B7%E9%80%89%E6%8B%A9%E6%82%A8%E7%9A%84%E5%AD%A6%E4%B9%A0%E7%9B%AE%E7%9A%84" data-popup-hash-spmseb="%E7%BB%BC%E5%90%88%E8%8B%B1%E8%AF%AD%E8%83%BD%E5%8A%9B" data-popup-hash-sqaltw="%E4%B8%AD%E5%B0%8F%E5%AD%A6%E7%94%9F" data-popup-hash-pfg3xf="%E8%AF%B7%E9%80%89%E6%8B%A9%E5%90%AC%E8%AF%BE%E8%BA%AB%E4%BB%BD" data-popup-hash-azfaor="%E5%85%B6%E4%BB%96" data-popup-hash-fttcs0="%E8%87%AA%E7%94%B1%E8%81%8C%E4%B8%9A" data-popup-hash-okmpgx="%E9%AB%98%E4%B8%AD%E7%94%9F" data-popup-hash-j5eqlj="%E5%B9%BC%E5%84%BF" data-popup-hash-pdhklw="%E4%B8%8A%E7%8F%AD%E6%97%8F" data-popup-hash-gdm5y6="%E5%A4%A7%E5%AD%A6%E7%94%9F" data-popup-hash-f4ygfd="%E5%A1%AB%E5%86%99%E6%89%8B%E6%9C%BA%E5%8F%B7%EF%BC%8C%E8%8E%B7%E5%8F%96%E4%B8%8A%E8%AF%BE%E6%8F%90%E9%86%92" data-popup-hash-lbm2xu="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-327ylt="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81">免费试听</button> </div> <div class="swiper-slide item item10"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/UGD-L/ugdsem2-img/swp11.png"> <h3 class="itemtitle">零基础英语</h3> <p class="text"> 沉浸式趣味教学,零基础轻松入门。</p> <button class="itembtn" data-popup-id="370" data-popup-hash-qzsego="%E6%9F%A5%E7%9C%8B%E6%88%91%E7%9A%84%E6%8E%A8%E8%8D%90%E8%AF%BE%E7%A8%8B" data-popup-hash-lon4cw="%E2%9C%96" data-popup-hash-mscy1k="%E4%B8%BA%E6%88%91%E6%8E%A8%E8%8D%90" data-popup-hash-dcgxri="%E5%9B%9B%E5%85%AD%E7%BA%A7" data-popup-hash-ypjm0s="%E9%9B%85%E6%80%9D/%E6%89%98%E7%A6%8F" data-popup-hash-k5r2e3="%E8%80%83%E7%A0%94%E8%8B%B1%E8%AF%AD" data-popup-hash-wnv3rf="%E5%87%BA%E5%9B%BD%E6%97%85%E6%B8%B8" data-popup-hash-9nya7e="%E5%85%B6%E4%BB%96" data-popup-hash-vhqzgb="0%E5%9F%BA%E7%A1%80%E6%8F%90%E5%8D%87" data-popup-hash-ca1z1n="%E5%AD%A6%E7%A7%91%E8%8B%B1%E8%AF%AD" data-popup-hash-qqg11e="%E6%97%A5%E5%B8%B8%E5%8F%A3%E8%AF%AD" data-popup-hash-71srsg="%E5%95%86%E5%8A%A1%E4%BA%A4%E6%B5%81" data-popup-hash-1crifr="%E8%AF%B7%E9%80%89%E6%8B%A9%E6%82%A8%E7%9A%84%E5%AD%A6%E4%B9%A0%E7%9B%AE%E7%9A%84" data-popup-hash-spmseb="%E7%BB%BC%E5%90%88%E8%8B%B1%E8%AF%AD%E8%83%BD%E5%8A%9B" data-popup-hash-sqaltw="%E4%B8%AD%E5%B0%8F%E5%AD%A6%E7%94%9F" data-popup-hash-pfg3xf="%E8%AF%B7%E9%80%89%E6%8B%A9%E5%90%AC%E8%AF%BE%E8%BA%AB%E4%BB%BD" data-popup-hash-azfaor="%E5%85%B6%E4%BB%96" data-popup-hash-fttcs0="%E8%87%AA%E7%94%B1%E8%81%8C%E4%B8%9A" data-popup-hash-okmpgx="%E9%AB%98%E4%B8%AD%E7%94%9F" data-popup-hash-j5eqlj="%E5%B9%BC%E5%84%BF" data-popup-hash-pdhklw="%E4%B8%8A%E7%8F%AD%E6%97%8F" data-popup-hash-gdm5y6="%E5%A4%A7%E5%AD%A6%E7%94%9F" data-popup-hash-f4ygfd="%E5%A1%AB%E5%86%99%E6%89%8B%E6%9C%BA%E5%8F%B7%EF%BC%8C%E8%8E%B7%E5%8F%96%E4%B8%8A%E8%AF%BE%E6%8F%90%E9%86%92" data-popup-hash-lbm2xu="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-327ylt="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81">免费试听</button> </div> <div class="swiper-slide item item11"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/UGD-L/ugdsem2-img/swp10.png"> <h3 class="itemtitle">雅思托福/考级</h3> <p class="text">夯实基础,强化方法,针对性训练。</p> <button class="itembtn" data-popup-id="370" data-popup-hash-qzsego="%E6%9F%A5%E7%9C%8B%E6%88%91%E7%9A%84%E6%8E%A8%E8%8D%90%E8%AF%BE%E7%A8%8B" data-popup-hash-lon4cw="%E2%9C%96" data-popup-hash-mscy1k="%E4%B8%BA%E6%88%91%E6%8E%A8%E8%8D%90" data-popup-hash-dcgxri="%E5%9B%9B%E5%85%AD%E7%BA%A7" data-popup-hash-ypjm0s="%E9%9B%85%E6%80%9D/%E6%89%98%E7%A6%8F" data-popup-hash-k5r2e3="%E8%80%83%E7%A0%94%E8%8B%B1%E8%AF%AD" data-popup-hash-wnv3rf="%E5%87%BA%E5%9B%BD%E6%97%85%E6%B8%B8" data-popup-hash-9nya7e="%E5%85%B6%E4%BB%96" data-popup-hash-vhqzgb="0%E5%9F%BA%E7%A1%80%E6%8F%90%E5%8D%87" data-popup-hash-ca1z1n="%E5%AD%A6%E7%A7%91%E8%8B%B1%E8%AF%AD" data-popup-hash-qqg11e="%E6%97%A5%E5%B8%B8%E5%8F%A3%E8%AF%AD" data-popup-hash-71srsg="%E5%95%86%E5%8A%A1%E4%BA%A4%E6%B5%81" data-popup-hash-1crifr="%E8%AF%B7%E9%80%89%E6%8B%A9%E6%82%A8%E7%9A%84%E5%AD%A6%E4%B9%A0%E7%9B%AE%E7%9A%84" data-popup-hash-spmseb="%E7%BB%BC%E5%90%88%E8%8B%B1%E8%AF%AD%E8%83%BD%E5%8A%9B" data-popup-hash-sqaltw="%E4%B8%AD%E5%B0%8F%E5%AD%A6%E7%94%9F" data-popup-hash-pfg3xf="%E8%AF%B7%E9%80%89%E6%8B%A9%E5%90%AC%E8%AF%BE%E8%BA%AB%E4%BB%BD" data-popup-hash-azfaor="%E5%85%B6%E4%BB%96" data-popup-hash-fttcs0="%E8%87%AA%E7%94%B1%E8%81%8C%E4%B8%9A" data-popup-hash-okmpgx="%E9%AB%98%E4%B8%AD%E7%94%9F" data-popup-hash-j5eqlj="%E5%B9%BC%E5%84%BF" data-popup-hash-pdhklw="%E4%B8%8A%E7%8F%AD%E6%97%8F" data-popup-hash-gdm5y6="%E5%A4%A7%E5%AD%A6%E7%94%9F" data-popup-hash-f4ygfd="%E5%A1%AB%E5%86%99%E6%89%8B%E6%9C%BA%E5%8F%B7%EF%BC%8C%E8%8E%B7%E5%8F%96%E4%B8%8A%E8%AF%BE%E6%8F%90%E9%86%92" data-popup-hash-lbm2xu="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-327ylt="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81">免费试听</button> </div> </div> </div> <button class="btn" data-popup-id="370" data-popup-hash-qzsego="%E6%9F%A5%E7%9C%8B%E6%88%91%E7%9A%84%E6%8E%A8%E8%8D%90%E8%AF%BE%E7%A8%8B" data-popup-hash-lon4cw="%E2%9C%96" data-popup-hash-mscy1k="%E4%B8%BA%E6%88%91%E6%8E%A8%E8%8D%90" data-popup-hash-dcgxri="%E5%9B%9B%E5%85%AD%E7%BA%A7" data-popup-hash-ypjm0s="%E9%9B%85%E6%80%9D/%E6%89%98%E7%A6%8F" data-popup-hash-k5r2e3="%E8%80%83%E7%A0%94%E8%8B%B1%E8%AF%AD" data-popup-hash-wnv3rf="%E5%87%BA%E5%9B%BD%E6%97%85%E6%B8%B8" data-popup-hash-9nya7e="%E5%85%B6%E4%BB%96" data-popup-hash-vhqzgb="0%E5%9F%BA%E7%A1%80%E6%8F%90%E5%8D%87" data-popup-hash-ca1z1n="%E5%AD%A6%E7%A7%91%E8%8B%B1%E8%AF%AD" data-popup-hash-qqg11e="%E6%97%A5%E5%B8%B8%E5%8F%A3%E8%AF%AD" data-popup-hash-71srsg="%E5%95%86%E5%8A%A1%E4%BA%A4%E6%B5%81" data-popup-hash-1crifr="%E8%AF%B7%E9%80%89%E6%8B%A9%E6%82%A8%E7%9A%84%E5%AD%A6%E4%B9%A0%E7%9B%AE%E7%9A%84" data-popup-hash-spmseb="%E7%BB%BC%E5%90%88%E8%8B%B1%E8%AF%AD%E8%83%BD%E5%8A%9B" data-popup-hash-sqaltw="%E4%B8%AD%E5%B0%8F%E5%AD%A6%E7%94%9F" data-popup-hash-pfg3xf="%E8%AF%B7%E9%80%89%E6%8B%A9%E5%90%AC%E8%AF%BE%E8%BA%AB%E4%BB%BD" data-popup-hash-azfaor="%E5%85%B6%E4%BB%96" data-popup-hash-fttcs0="%E8%87%AA%E7%94%B1%E8%81%8C%E4%B8%9A" data-popup-hash-okmpgx="%E9%AB%98%E4%B8%AD%E7%94%9F" data-popup-hash-j5eqlj="%E5%B9%BC%E5%84%BF" data-popup-hash-pdhklw="%E4%B8%8A%E7%8F%AD%E6%97%8F" data-popup-hash-gdm5y6="%E5%A4%A7%E5%AD%A6%E7%94%9F" data-popup-hash-f4ygfd="%E5%A1%AB%E5%86%99%E6%89%8B%E6%9C%BA%E5%8F%B7%EF%BC%8C%E8%8E%B7%E5%8F%96%E4%B8%8A%E8%AF%BE%E6%8F%90%E9%86%92" data-popup-hash-lbm2xu="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-327ylt="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81">推荐适合我的课程</button> </div> </div> <script> $(function(){ const courseSwiper = new Swiper('.render-swiper-206-5 .swiper-container',{ autoplay: { delay: 3000, stopOnLastSlide: false, disableOnInteraction: false, }, centeredSlides: HtmlWidth >= 768 ? true : 'auto', loop: false, spaceBetween: 0, initialSlide: 1, slidesPerView: HtmlWidth >= 768 ? 3 : 'auto', observer:true, pagination: { el: '.render-swiper-206-5 .swiper-pagination', clickable: true, }, on:{ slideChange: function(){ let i = this.realIndex,_index = 0; if(i<3){ _index=0 }else if(i<6){ _index=1 }else { _index=2 } $(".render-swiper-206-5 .tabs li").eq(_index).addClass('active').siblings().removeClass('active'); }, } }); $(".render-swiper-206-5 .tabs li").click(function(){ $(this).addClass('active').siblings().removeClass('active'); let _index =$(this).index(),i=0; if(_index==0){ i==0 }else if(_index==1){ i = 3 } else{ i = 6 } courseSwiper.slideTo(i); }); }) </script> <style> @media (min-width:769px) { .render-swiper-361-6 .list { background-color:#fff; padding:.3rem .3rem .3rem .3rem; box-shadow:0 0 .1rem .1rem rgba(150,150,150,.1); width:50%; } .render-swiper-361-6 .options { loop:true; slidesPerView:1; spaceBetween:20; } .render-swiper-361-6 .swiper { padding:0 0 .4rem 0; margin:0 0 0 0; z-index:1; left:-.2rem; width:50%; position:relative; } .render-swiper-361-6 .content { margin:.5rem 0 0 0; display:flex; width:100%; justify-content:space-between; align-items:flex-end; } .render-swiper-361-6 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#333; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .render-swiper-361-6 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; } .render-swiper-361-6 .icon { display:block; width:.64rem; height:100%; } .render-swiper-361-6 .opttitle { color:#c30d23; font-size:.3rem; line-height:1; } .render-swiper-361-6 .item { padding:0 0 0 0; } .render-swiper-361-6 .opt { margin:0 0 .3rem 0; display:flex; justify-content:space-between; align-items:center; } .render-swiper-361-6 .slide { padding:0 0 0 0; } .render-swiper-361-6 .img { display:block; width:100%; } .render-swiper-361-6 .optinfo { margin:0 0 0 .12rem; flex:1; } .render-swiper-361-6 .opttext { margin:.1rem 0 0 0; color:#6f6e6e; font-size:.16rem; line-height:1; } .render-swiper-361-6 { background-color:#f5f7ff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; background-repeat:no-repeat; margin:0 0 0 0; background-size:cover; background-image:url(https://img.acadsoc.com.cn/web/lps/acc/sem/baidu/pz/ty/1223/img/timg.png); background-position:center center; } } @media (max-width:768px) { .render-swiper-361-6 .list { background-color:#fff; padding:.3rem .3rem .3rem .3rem; box-shadow:0 0 .1rem .1rem rgba(150,150,150,.1); width:100%; } .render-swiper-361-6 .options { loop:true; slidesPerView:1; spaceBetween:20; } .render-swiper-361-6 .swiper { padding:0 0 .4rem 0; margin:0 auto 0 auto; z-index:1; top:-.2rem; width:100%; position:relative; } .render-swiper-361-6 .content { margin:.5rem 0 0 0; width:100%; } .render-swiper-361-6 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#333; font-weight:bold; font-size:.4rem; line-height:1.4; text-align:center; } .render-swiper-361-6 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; width:92%; } .render-swiper-361-6 .icon { display:block; width:1.1rem; height:100%; } .render-swiper-361-6 .opttitle { color:#c30d23; font-size:.3rem; line-height:1; } .render-swiper-361-6 .item { padding:0 0 0 0; } .render-swiper-361-6 .opt { margin:0 0 .3rem 0; display:flex; justify-content:space-between; align-items:center; } .render-swiper-361-6 .slide { padding:0 0 0 0; } .render-swiper-361-6 .img { display:block; width:100%; } .render-swiper-361-6 .optinfo { margin:0 0 0 .25rem; flex:1; } .render-swiper-361-6 .opttext { margin:.1rem 0 0 0; color:#6f6e6e; font-size:.24rem; line-height:1.4; } .render-swiper-361-6 { background-color:#f5f7ff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; background-repeat:no-repeat; margin:0 0 0 0; background-size:cover; background-image:url(https://img.acadsoc.com.cn/web/lps/acc/sem/baidu/pz/ty/1223/img/timg.png); background-position:center center; } } </style> <style> .render-swiper-361-6 .swiper-pagination{ bottom:0; } .render-swiper-361-6 .swiper-pagination-bullet{ width:.15rem;height:.15rem;border-radius:.15rem !important; } .render-swiper-361-6 .swiper-pagination-bullet-active{ background:#b81c25;width:.4rem;transition:0.2s; } /* PC端 */ @media (min-width:769px) { } /* 手机端 */ @media (max-width:768px) { } </style> <div class="render-swiper-361-6"> <div class="container"> <h2 class="title"><b style="color:#c30d23;font-size:1.25em;">5层严选</b> 国际外教均持证保驾护航</h2> <div class="content"> <ul class="list"> <li class="opt opt1"> <img class="icon" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/we4z46w9lcfry9d6rezlgeythyzp1d2t.png"> <div class="optinfo"> <h4 class="opttitle">真人外教1对1</h4> <p class="opttext">阿卡索外教多数拥有硕士以上高等学历,1对1因材施教。</p> </div> </li> <li class="opt opt2"> <img class="icon" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/amkacg9lctfdm7xb3wf7xd3kblt23keb.png"> <div class="optinfo"> <h4 class="opttitle">严选更专业</h4> <p class="opttext">所有外教必须经历5轮以上资格审查,录取率仅为3% 。</p> </div> </li> <li class="opt opt3"> <img class="icon" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/l2hyf74e5rj2nafwn1d4e8aez8td4agk.png"> <div class="optinfo"> <h4 class="opttitle">持证上岗</h4> <p class="opttext">外教全通过国际测评考试,均持有TESOL等资格证。</p> </div> </li> <li class="opt opt4"> <img class="icon" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/kf9cyr6x6ka5hg9d65cmkl57fymb6fr2.png"> <div class="optinfo"> <h4 class="opttitle">终身培训</h4> <p class="opttext">全日制岗前培训、课中指引及课后培养,定期考核淘汰。</p> </div> </li> </ul> <div class="swiper-container swiper"> <div class="swiper-wrapper"> <div class="swiper-slide slide"> <div class="item item1"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/baidu/pz/ty/1223/img/swp1.png"> </div> </div> <div class="swiper-slide slide"> <div class="item item2"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/baidu/pz/ty/1223/img/swp2.png"> </div> </div> <div class="swiper-slide slide"> <div class="item item3"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/baidu/pz/ty/1223/img/swp3.png"> </div> </div> <div class="swiper-slide slide"> <div class="item item4"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/baidu/pz/ty/1223/img/swp4.png"> </div> </div> <div class="swiper-slide slide"> <div class="item item5"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/baidu/pz/ty/1223/img/swp5.png"> </div> </div> <div class="swiper-slide slide"> <div class="item item6"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/baidu/pz/ty/1223/img/swp6.png"> </div> </div> </div> <div class="swiper-pagination"></div> </div> </div> </div> </div> <script> $(function(){ new Swiper ('.render-swiper-361-6 .swiper-container', HtmlWidth >= 768 ? {"loop":true,"slidesPerView":1,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false},"spaceBetween":20,"pagination":{"el":".render-swiper-361-6 .swiper-pagination","clickable":true}} : {"loop":true,"slidesPerView":1,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false},"spaceBetween":20,"pagination":{"el":".render-swiper-361-6 .swiper-pagination","clickable":true}} ); }) </script> <style> @media (min-width:769px) { .render-swiper-360-7 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:1.5rem 0 .35rem 0; color:#333; font-weight:bold; font-size:.4rem; line-height:1; } .render-swiper-360-7 .options { loop:true; slidesPerView:1; spaceBetween:20; } .render-swiper-360-7 .swiper { padding:0 0 .55rem 0; margin:0 0 0 0; width:6.8rem; } .render-swiper-360-7 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; } .render-swiper-360-7 .item { padding:0 1.5rem 0 0; position:relative; } .render-swiper-360-7 .text { border-radius:0 0 0 0; padding:.2rem 0 0 .7rem; margin:0 0 0 0; color:#666; font-size:.2rem; line-height:1.5; } .render-swiper-360-7 .slide { padding:0 0 0 0; } .render-swiper-360-7 .img { border-radius:50% 50% 50% 50%; border:2px solid #fff; transform:translateY(-50%); top:50%; display:block; width:1rem; position:absolute; right:0; height:1rem; } .render-swiper-360-7 .itemtitle { border-radius:0 0 0 0; padding:0 0 0 .7rem; background-repeat:no-repeat; margin:0 0 0 0; background-size:.5rem auto; color:#1a2d78; font-size:.24rem; line-height:1.5; background-image:url(https://img.acadsoc.com.cn/web/web3/img/new/yinhao.png); background-position:left .06rem; } .render-swiper-360-7 { border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; background-repeat:no-repeat; margin:0 0 0 0; background-size:cover; background-image:url(https://img.acadsoc.com.cn/web/web3/img/method-bg2-new.jpg); background-position:center center; height:830px; } } @media (max-width:768px) { .render-swiper-360-7 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .25rem 0; color:#333; font-weight:bold; font-size:.4rem; line-height:1; } .render-swiper-360-7 .options { loop:true; slidesPerView:1; spaceBetween:20; } .render-swiper-360-7 .swiper { padding:0 0 .5rem 0; margin:0 auto 0 auto; width:100%; } .render-swiper-360-7 .container { background-color:rgba(255,255,255,.8); border-radius:0 0 0 0; padding:.4rem .4rem .4rem .4rem; margin:0 auto 0 auto; width:92%; } .render-swiper-360-7 .item { padding:0 0 0 0; position:relative; } .render-swiper-360-7 .text { border-radius:0 0 0 0; padding:.2rem 0 0 .7rem; margin:0 0 0 0; color:#666; font-size:.24rem; line-height:1.5; } .render-swiper-360-7 .slide { padding:0 0 0 0; } .render-swiper-360-7 .img { display:none; } .render-swiper-360-7 .itemtitle { border-radius:0 0 0 0; padding:0 0 0 .7rem; background-repeat:no-repeat; margin:0 0 0 0; background-size:.6rem auto; color:#1a2d78; font-size:.26rem; line-height:1.5; background-image:url(https://img.acadsoc.com.cn/web/web3/img/new/yinhao.png); background-position:left .08rem; } .render-swiper-360-7 { border-radius:0 0 0 0; padding:.4rem 0 .4rem 0; background-repeat:no-repeat; margin:0 0 0 0; background-size:cover; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/b68zkl1dl6jrdwmc4lzlzndxdr1de36e.jpg); background-position:center center; } } </style> <style> .render-swiper-360-7 .swiper-pagination{ bottom:0; } .render-swiper-360-7 .swiper-pagination-bullet{ width:.15rem;height:.15rem;margin:0 10px !important; } .render-swiper-360-7 .swiper-pagination-bullet-active{ background:#b81c25; } /* PC端 */ @media (min-width:769px) { } /* 手机端 */ @media (max-width:768px) { .render-swiper-360-7 .swiper-pagination-bullet{ margin:0 5px !important; } } </style> <div class="render-swiper-360-7"> <div class="container"> <h2 class="title"><b style="color:#c30d23;font-size:1.25em;">用对方法</b>才能学好英语</h2> <div class="swiper-container swiper"> <div class="swiper-wrapper"> <div class="swiper-slide slide"> <div class="item item1"> <img class="img" src="https://img.acadsoc.com.cn/web/web3/img/tutor1.jpg"> <p class="itemtitle">听说孩童时期是学习语言的最好时期,我今年24岁,学英语还来得及吗?</p> <p class="text">著名主持人蔡康永曾说,18岁觉得学习英语难,<br>放弃英语,28岁出现一个很棒但要会英语的工作,你只好说我不会。因此学习英语最好的时间是趁现在,并且我们打破传统“填鸭式”教学模式,规划科学的学习计划,更有强大的师资团队为您学英语保驾护航!</p> </div> </div> <div class="swiper-slide slide"> <div class="item item2"> <img class="img" src="https://img.acadsoc.com.cn/web/web3/img/tutor2.jpg"> <p class="itemtitle">工作忙、商务应酬多,想学英语可是又没有基础,怎么办?</p> <p class="text">我们有系统从零开始到单项突破语音、语法、词汇的基础英语课程,并且25分钟外教在线一对一的教学方式可以让您充分利用碎片化时间,无论是在家、公园、办公室随时都可以使用手机、电脑、pad通过A-Classroom等方式在线学习。</p> </div> </div> <div class="swiper-slide slide"> <div class="item item3"> <img class="img" src="https://img.acadsoc.com.cn/web/web3/img/tutor3.jpg"> <p class="itemtitle">在学校学了十几年英语,还是不敢开口说,一对一外教课能改变现状吗?</p> <p class="text">传统应试教学较死板,死记硬背违背语言学习特征。在学校注重应试而忽视对口语能力的培养。其实,语言学习最重要的是语言环境,真人一对一外教课程让您沉浸在英语母语环境里,不仅培养英语思维能力,而且能学习与体验西方文化,自然习得地道口语。</p> </div> </div> </div> <div class="swiper-pagination"></div> </div> </div> </div> <script> $(function(){ new Swiper ('.render-swiper-360-7 .swiper-container', HtmlWidth >= 768 ? {"loop":true,"slidesPerView":1,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false},"spaceBetween":20,"pagination":{"el":".render-swiper-360-7 .swiper-pagination","clickable":true}} : {"loop":true,"slidesPerView":1,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false},"spaceBetween":20,"pagination":{"el":".render-swiper-360-7 .swiper-pagination","clickable":true}} ); }) </script> <style> @media (min-width:769px) { .render-swiper-359-8 .btn { border-radius:50px 50px 50px 50px; background-color:#b81c25; padding:0 0 0 0; margin:0 auto 0 auto; outline:none; color:#fff; display:none; width:480px; font-size:24px; line-height:60px; text-align:center; } .render-swiper-359-8 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#c30d23; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .render-swiper-359-8 .options { loop:true; slidesPerView:1; spaceBetween:20; } .render-swiper-359-8 .swiper { border-radius:0 0 0 0; padding:.5rem 0 .5rem 0; margin:0 auto .5rem auto; width:100%; } .render-swiper-359-8 .container { padding:0 0 0 0; margin:0 auto 0 auto; } .render-swiper-359-8 .img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .render-swiper-359-8 .item { padding:0 0 0 0; } .render-swiper-359-8 .slide { padding:0 0 0 0; } .render-swiper-359-8 .img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; } .render-swiper-359-8 { background-color:#fff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; } } @media (max-width:768px) { .render-swiper-359-8 .btn { border-radius:.6rem .6rem .6rem .6rem; background-color:#b81c25; padding:0 0 0 0; margin:0 auto 0 auto; outline:none; color:#fff; display:none; width:90%; font-size:.32rem; line-height:.9rem; text-align:center; } .render-swiper-359-8 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#c30d23; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .render-swiper-359-8 .options { loop:true; slidesPerView:1; spaceBetween:20; } .render-swiper-359-8 .swiper { border-radius:0 0 0 0; padding:.5rem 0 .5rem 0; margin:0 auto .5rem auto; width:100%; } .render-swiper-359-8 .container { padding:0 0 0 0; margin:0 auto 0 auto; width:92%; } .render-swiper-359-8 .img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; } .render-swiper-359-8 .item { padding:0 0 0 0; } .render-swiper-359-8 .slide { padding:0 0 0 0; } .render-swiper-359-8 .img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .render-swiper-359-8 { background-color:rgba(255, 255, 255, 1); border-radius:0 0 0 0; padding:.6rem 0 .4rem 0; margin:0 0 0 0; } } </style> <style> .render-swiper-359-8 .swiper-pagination{ bottom:0; } .render-swiper-359-8 .swiper-pagination-bullet{ width:.15rem;height:.15rem;margin:0 10px !important; } .render-swiper-359-8 .swiper-pagination-bullet-active{ background:#b81c25; } /* PC端 */ @media (min-width:769px) { } /* 手机端 */ @media (max-width:768px) { .render-swiper-359-8 .swiper-pagination-bullet{ margin:0 5px !important; } } </style> <div class="render-swiper-359-8"> <div class="container"> <h2 class="title">权威媒体报道</h2> <div class="swiper-container swiper"> <div class="swiper-wrapper"> <div class="swiper-slide slide"> <div class="item item1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/acc/sem/ty/pinpai/20210217/con7-img1.png"> <img class="img2" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/10/jhj63wj1d4b41dzh6lfyt74c35fmhtjw.png"> </div> </div> <div class="swiper-slide slide"> <div class="item item2"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/acc/sem/ty/pinpai/20210217/con7-img2.png"> <img class="img2" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/10/3dn87n2c7cdrm64f4thecj47ng2ztjd9.png"> </div> </div> </div> <div class="swiper-pagination"></div> </div> <button class="btn">按钮</button> </div> </div> <script> $(function(){ new Swiper ('.render-swiper-359-8 .swiper-container', HtmlWidth >= 768 ? {"loop":true,"slidesPerView":1,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false},"spaceBetween":20,"pagination":{"el":".render-swiper-359-8 .swiper-pagination","clickable":true}} : {"loop":true,"slidesPerView":1,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false},"spaceBetween":20,"pagination":{"el":".render-swiper-359-8 .swiper-pagination","clickable":true}} ); }) </script> <style> @media (min-width:769px) { .render-jsx-358-9>.container>.text1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#333; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .render-jsx-358-9>.container>.btn3 { border-radius:.6rem .6rem .6rem .6rem; background-color:rgba(195, 13, 35, 1); padding:0 0 0 0; margin:.6rem auto 0 auto; color:white; display:none; width:4.2rem; font-size:22px; text-align:center; height:.6rem; } .render-jsx-358-9>.container>.list>.item2>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .render-jsx-358-9>.container>.list>.item2>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#fff; font-weight:bold; font-size:22px; line-height:1; text-align:center; } .render-jsx-358-9>.container>.list>.item2>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:.12rem 0 0 0; max-height:0; margin:0 0 0 0; overflow:hidden; color:#fff; font-size:16px; line-height:1.6; transition:0.6s; } .render-jsx-358-9>.container>.list>.item2>.div1>.div2 { border-radius:.1rem .1rem .1rem .1rem; flex-direction:column; top:0; height:100%; padding:0 .22rem 0 .22rem; margin:0 0 0 0; display:flex; transition:0.4s; left:0; width:100%; justify-content:center; position:absolute; align-items:center; min-width:100px; } .render-jsx-358-9>.container>.list>.item2>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .render-jsx-358-9>.container>.list>.item2>.div1 { border-radius:.15rem .15rem .15rem .15rem; padding:0 0 0 0; margin:0 0 0 0; position:relative; min-width:100px; } .render-jsx-358-9>.container>.list>.item2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .4rem 0; width:23.5%; } .render-jsx-358-9>.container>.list>.item1>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .render-jsx-358-9>.container>.list>.item1>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#fff; font-weight:bold; font-size:22px; line-height:1; text-align:center; } .render-jsx-358-9>.container>.list>.item1>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:.12rem 0 0 0; max-height:0; margin:0 0 0 0; overflow:hidden; color:#fff; font-size:16px; line-height:1.6; transition:0.6s; } .render-jsx-358-9>.container>.list>.item1>.div1>.div2 { border-radius:.1rem .1rem .1rem .1rem; flex-direction:column; top:0; height:100%; padding:0 .22rem 0 .22rem; margin:0 0 0 0; display:flex; transition:0.4s; left:0; width:100%; justify-content:center; position:absolute; align-items:center; min-width:100px; } .render-jsx-358-9>.container>.list>.item1>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .render-jsx-358-9>.container>.list>.item1>.div1 { border-radius:.15rem .15rem .15rem .15rem; padding:0 0 0 0; margin:0 0 0 0; position:relative; min-width:100px; } .render-jsx-358-9>.container>.list>.item1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .4rem 0; width:23.5%; } .render-jsx-358-9>.container>.list>.item8>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .render-jsx-358-9>.container>.list>.item8>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#fff; font-weight:bold; font-size:22px; line-height:1; text-align:center; } .render-jsx-358-9>.container>.list>.item8>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:.12rem 0 0 0; max-height:0; margin:0 0 0 0; overflow:hidden; color:#fff; font-size:16px; line-height:1.6; transition:0.6s; } .render-jsx-358-9>.container>.list>.item8>.div1>.div2 { border-radius:.1rem .1rem .1rem .1rem; flex-direction:column; top:0; height:100%; padding:0 .22rem 0 .22rem; margin:0 0 0 0; display:flex; transition:0.4s; left:0; width:100%; justify-content:center; position:absolute; align-items:center; min-width:100px; } .render-jsx-358-9>.container>.list>.item8>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .render-jsx-358-9>.container>.list>.item8>.div1 { border-radius:.15rem .15rem .15rem .15rem; padding:0 0 0 0; margin:0 0 0 0; position:relative; min-width:100px; } .render-jsx-358-9>.container>.list>.item8 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:23.5%; } .render-jsx-358-9>.container>.list>.item7>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .render-jsx-358-9>.container>.list>.item7>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#fff; font-weight:bold; font-size:22px; line-height:1; text-align:center; } .render-jsx-358-9>.container>.list>.item7>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:.12rem 0 0 0; max-height:0; margin:0 0 0 0; overflow:hidden; color:#fff; font-size:16px; line-height:1.6; transition:0.6s; } .render-jsx-358-9>.container>.list>.item7>.div1>.div2 { border-radius:.1rem .1rem .1rem .1rem; flex-direction:column; top:0; height:100%; padding:0 .22rem 0 .22rem; margin:0 0 0 0; display:flex; transition:0.4s; left:0; width:100%; justify-content:center; position:absolute; align-items:center; min-width:100px; } .render-jsx-358-9>.container>.list>.item7>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .render-jsx-358-9>.container>.list>.item7>.div1 { border-radius:.15rem .15rem .15rem .15rem; padding:0 0 0 0; margin:0 0 0 0; position:relative; min-width:100px; } .render-jsx-358-9>.container>.list>.item7 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:23.5%; } .render-jsx-358-9>.container>.list>.item4>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .render-jsx-358-9>.container>.list>.item4>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#fff; font-weight:bold; font-size:22px; line-height:1; text-align:center; } .render-jsx-358-9>.container>.list>.item4>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:.12rem 0 0 0; max-height:0; margin:0 0 0 0; overflow:hidden; color:#fff; font-size:16px; line-height:1.6; transition:0.6s; } .render-jsx-358-9>.container>.list>.item4>.div1>.div2 { border-radius:.1rem .1rem .1rem .1rem; flex-direction:column; top:0; height:100%; padding:0 .22rem 0 .22rem; margin:0 0 0 0; display:flex; transition:0.4s; left:0; width:100%; justify-content:center; position:absolute; align-items:center; min-width:100px; } .render-jsx-358-9>.container>.list>.item4>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .render-jsx-358-9>.container>.list>.item4>.div1 { border-radius:.15rem .15rem .15rem .15rem; padding:0 0 0 0; margin:0 0 0 0; position:relative; min-width:100px; } .render-jsx-358-9>.container>.list>.item4 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:23.5%; } .render-jsx-358-9>.container>.list>.item3>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .render-jsx-358-9>.container>.list>.item3>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#fff; font-weight:bold; font-size:22px; line-height:1; text-align:center; } .render-jsx-358-9>.container>.list>.item3>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:.12rem 0 0 0; max-height:0; margin:0 0 0 0; overflow:hidden; color:#fff; font-size:16px; line-height:1.6; transition:0.6s; } .render-jsx-358-9>.container>.list>.item3>.div1>.div2 { border-radius:.1rem .1rem .1rem .1rem; flex-direction:column; top:0; height:100%; padding:0 .22rem 0 .22rem; margin:0 0 0 0; display:flex; transition:0.4s; left:0; width:100%; justify-content:center; position:absolute; align-items:center; min-width:100px; } .render-jsx-358-9>.container>.list>.item3>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .render-jsx-358-9>.container>.list>.item3>.div1 { border-radius:.15rem .15rem .15rem .15rem; padding:0 0 0 0; margin:0 0 0 0; position:relative; min-width:100px; } .render-jsx-358-9>.container>.list>.item3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .4rem 0; width:23.5%; } .render-jsx-358-9>.container>.list>.item6>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .render-jsx-358-9>.container>.list>.item6>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#fff; font-weight:bold; font-size:22px; line-height:1; text-align:center; } .render-jsx-358-9>.container>.list>.item6>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:.12rem 0 0 0; max-height:0; margin:0 0 0 0; overflow:hidden; color:#fff; font-size:16px; line-height:1.6; transition:0.6s; } .render-jsx-358-9>.container>.list>.item6>.div1>.div2 { border-radius:.1rem .1rem .1rem .1rem; flex-direction:column; top:0; height:100%; padding:0 .22rem 0 .22rem; margin:0 0 0 0; display:flex; transition:0.4s; left:0; width:100%; justify-content:center; position:absolute; align-items:center; min-width:100px; } .render-jsx-358-9>.container>.list>.item6>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .render-jsx-358-9>.container>.list>.item6>.div1 { border-radius:.15rem .15rem .15rem .15rem; padding:0 0 0 0; margin:0 0 0 0; position:relative; min-width:100px; } .render-jsx-358-9>.container>.list>.item6 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:23.5%; } .render-jsx-358-9>.container>.list>.item5>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .render-jsx-358-9>.container>.list>.item5>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#fff; font-weight:bold; font-size:22px; line-height:1; text-align:center; } .render-jsx-358-9>.container>.list>.item5>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:.12rem 0 0 0; max-height:0; margin:0 0 0 0; overflow:hidden; color:#fff; font-size:16px; line-height:1.6; transition:0.6s; } .render-jsx-358-9>.container>.list>.item5>.div1>.div2 { border-radius:.1rem .1rem .1rem .1rem; flex-direction:column; top:0; height:100%; padding:0 .22rem 0 .22rem; margin:0 0 0 0; display:flex; transition:0.4s; left:0; width:100%; justify-content:center; position:absolute; align-items:center; min-width:100px; } .render-jsx-358-9>.container>.list>.item5>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .render-jsx-358-9>.container>.list>.item5>.div1 { border-radius:.15rem .15rem .15rem .15rem; padding:0 0 0 0; margin:0 0 0 0; position:relative; min-width:100px; } .render-jsx-358-9>.container>.list>.item5 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:23.5%; } .render-jsx-358-9>.container>.list { border-radius:0 0 0 0; padding:0 0 0 0; margin:.5rem 0 0 0; display:flex; justify-content:space-between; flex-wrap:wrap; } .render-jsx-358-9>.container { min-height:100px; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; } .render-jsx-358-9 { background-color:white; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; } } @media (max-width:768px) { .render-jsx-358-9>.container>.text1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .5rem 0; color:#333; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .render-jsx-358-9>.container>.btn3 { border-radius:.6rem .6rem .6rem .6rem; background-color:rgba(195, 13, 35, 1); padding:0 0 0 0; margin:.5rem auto 0 auto; color:white; display:none; width:90%; font-size:.34rem; text-align:center; height:.9rem; } .render-jsx-358-9>.container>.list>.item2>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item2>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 .14rem 0; margin:0 0 0 0; color:#c30d23; font-weight:bold; width:100%; font-size:.34rem; line-height:1; text-align:left; } .render-jsx-358-9>.container>.list>.item2>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#666; font-size:.24rem; text-align:left; } .render-jsx-358-9>.container>.list>.item2>.div1>.div2 { border-radius:0 0 0 0; padding:.22rem .2rem; margin:0 0 0 0; flex-direction:column; display:flex; justify-content:center; align-items:center; min-width:100px; } .render-jsx-358-9>.container>.list>.item2>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item2>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; flex-direction:row-reverse; display:flex; width:100%; min-height:100px; justify-content:space-between; min-width:100px; } .render-jsx-358-9>.container>.list>.item2 { border-radius:0 0 0 0; padding:0 0 0 0; box-shadow:0 0 .1rem .05rem rgba(0,38,154,.1); margin:0 0 .3rem 0; width:100%; } .render-jsx-358-9>.container>.list>.item1>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item1>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 .14rem 0; margin:0 0 0 0; color:#c30d23; font-weight:bold; width:100%; font-size:.34rem; line-height:1; text-align:left; } .render-jsx-358-9>.container>.list>.item1>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#666; font-size:.24rem; text-align:left; } .render-jsx-358-9>.container>.list>.item1>.div1>.div2 { border-radius:0 0 0 0; padding:.22rem .2rem; margin:0 0 0 0; flex-direction:column; display:flex; justify-content:center; align-items:center; min-width:100px; } .render-jsx-358-9>.container>.list>.item1>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item1>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; flex-direction:row; display:flex; width:100%; min-height:100px; justify-content:space-between; min-width:100px; } .render-jsx-358-9>.container>.list>.item1 { border-radius:0 0 0 0; padding:0 0 0 0; box-shadow:0 0 .1rem .05rem rgba(0,38,154,.1); margin:0 0 .3rem 0; width:100%; } .render-jsx-358-9>.container>.list>.item8>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item8>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 .14rem 0; margin:0 0 0 0; color:#c30d23; font-weight:bold; width:100%; font-size:.34rem; line-height:1; text-align:left; } .render-jsx-358-9>.container>.list>.item8>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#666; font-size:.24rem; text-align:left; } .render-jsx-358-9>.container>.list>.item8>.div1>.div2 { border-radius:0 0 0 0; padding:.22rem .2rem; margin:0 0 0 0; flex-direction:column; display:flex; justify-content:center; align-items:center; } .render-jsx-358-9>.container>.list>.item8>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item8>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; flex-direction:row-reverse; display:flex; width:100%; min-height:100px; justify-content:space-between; min-width:100px; } .render-jsx-358-9>.container>.list>.item8 { border-radius:0 0 0 0; padding:0 0 0 0; box-shadow:0 0 .1rem .05rem rgba(0,38,154,.1); margin:0 0 0 0; width:100%; } .render-jsx-358-9>.container>.list>.item7>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item7>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 .14rem 0; margin:0 0 0 0; color:#c30d23; font-weight:bold; width:100%; font-size:.34rem; line-height:1; text-align:left; } .render-jsx-358-9>.container>.list>.item7>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#666; font-size:.24rem; text-align:left; } .render-jsx-358-9>.container>.list>.item7>.div1>.div2 { border-radius:0 0 0 0; padding:.22rem .2rem; margin:0 0 0 0; flex-direction:column; display:flex; justify-content:center; align-items:center; } .render-jsx-358-9>.container>.list>.item7>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item7>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; flex-direction:row; display:flex; width:100%; min-height:100px; justify-content:space-between; min-width:100px; } .render-jsx-358-9>.container>.list>.item7 { border-radius:0 0 0 0; padding:0 0 0 0; box-shadow:0 0 .1rem .05rem rgba(0,38,154,.1); margin:0 0 .3rem 0; width:100%; } .render-jsx-358-9>.container>.list>.item4>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item4>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 .14rem 0; margin:0 0 0 0; color:#c30d23; font-weight:bold; width:100%; font-size:.34rem; line-height:1; text-align:left; } .render-jsx-358-9>.container>.list>.item4>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#666; font-size:.24rem; text-align:left; } .render-jsx-358-9>.container>.list>.item4>.div1>.div2 { border-radius:0 0 0 0; padding:.22rem .2rem; margin:0 0 0 0; flex-direction:column; display:flex; justify-content:center; align-items:center; } .render-jsx-358-9>.container>.list>.item4>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item4>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; flex-direction:row-reverse; display:flex; width:100%; min-height:100px; justify-content:space-between; min-width:100px; } .render-jsx-358-9>.container>.list>.item4 { border-radius:0 0 0 0; padding:0 0 0 0; box-shadow:0 0 .1rem .05rem rgba(0,38,154,.1); margin:0 0 .3rem 0; width:100%; } .render-jsx-358-9>.container>.list>.item3>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item3>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 .14rem 0; margin:0 0 0 0; color:#c30d23; font-weight:bold; width:100%; font-size:.34rem; line-height:1; text-align:left; } .render-jsx-358-9>.container>.list>.item3>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#666; font-size:.24rem; text-align:left; } .render-jsx-358-9>.container>.list>.item3>.div1>.div2 { border-radius:0 0 0 0; padding:.22rem .2rem; margin:0 0 0 0; flex-direction:column; display:flex; justify-content:center; align-items:center; min-width:100px; } .render-jsx-358-9>.container>.list>.item3>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item3>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; flex-direction:row; display:flex; width:100%; min-height:100px; justify-content:space-between; min-width:100px; } .render-jsx-358-9>.container>.list>.item3 { border-radius:0 0 0 0; padding:0 0 0 0; box-shadow:0 0 .1rem .05rem rgba(0,38,154,.1); margin:0 0 .3rem 0; width:100%; } .render-jsx-358-9>.container>.list>.item6>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item6>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 .14rem 0; margin:0 0 0 0; color:#c30d23; font-weight:bold; width:100%; font-size:.34rem; line-height:1; text-align:left; } .render-jsx-358-9>.container>.list>.item6>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#666; font-size:.24rem; text-align:left; } .render-jsx-358-9>.container>.list>.item6>.div1>.div2 { border-radius:0 0 0 0; padding:.22rem .2rem; margin:0 0 0 0; flex-direction:column; display:flex; justify-content:center; align-items:center; } .render-jsx-358-9>.container>.list>.item6>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item6>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; flex-direction:row-reverse; display:flex; width:100%; min-height:100px; justify-content:space-between; min-width:100px; } .render-jsx-358-9>.container>.list>.item6 { border-radius:0 0 0 0; padding:0 0 0 0; box-shadow:0 0 .1rem .05rem rgba(0,38,154,.1); margin:0 0 .3rem 0; width:100%; } .render-jsx-358-9>.container>.list>.item5>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item5>.div1>.div2>.text1 { border-radius:0 0 0 0; padding:0 0 .14rem 0; margin:0 0 0 0; color:#c30d23; font-weight:bold; width:100%; font-size:.34rem; line-height:1; text-align:left; } .render-jsx-358-9>.container>.list>.item5>.div1>.div2>.text2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#666; font-size:.24rem; text-align:left; } .render-jsx-358-9>.container>.list>.item5>.div1>.div2 { border-radius:0 0 0 0; padding:.22rem .2rem; margin:0 0 0 0; flex-direction:column; display:flex; justify-content:center; align-items:center; } .render-jsx-358-9>.container>.list>.item5>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; width:2.6rem; height:100%; } .render-jsx-358-9>.container>.list>.item5>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; flex-direction:row; display:flex; width:100%; min-height:100px; justify-content:space-between; min-width:100px; } .render-jsx-358-9>.container>.list>.item5 { border-radius:0 0 0 0; padding:0 0 0 0; box-shadow:0 0 .1rem .05rem rgba(0,38,154,.1); margin:0 0 .3rem 0; width:100%; } .render-jsx-358-9>.container>.list { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; justify-content:space-between; flex-wrap:wrap; } .render-jsx-358-9>.container { border-radius:0 0 0 0; padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; min-height:100px; } .render-jsx-358-9 { background-color:white; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; } } </style> <style> @media (min-width:769px){ .render-jsx-358-9 .mask:hover{ background-color:rgba(25,46,121,.8) !important; } .render-jsx-358-9 .mask:hover p:nth-of-type(2){ max-height:100% !important; } } @media (max-width:768px) { .render-jsx-358-9 .mask p:nth-of-type(2) span{ color:#c30d23; } .render-jsx-358-9 .list>div:nth-of-type(odd){ background:#f3f5ff; } } </style> <div class="render-jsx-358-9"> <div class="container"> <h2 class="text1"><b style="font-size:1.25em;color:#c30d23;">阿卡索8大优势</b> 助学员赢取未来</h2> <div class="div2 list"> <div class="item1"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/lxhd/baidu/img/pic1.png"> <img class="img2" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/dk2t6e7hlgxypm6r7hecl21d6bg3e3l3.png"> <div class="div2 mask"> <p class="text1">全球外教一对一</p> <p class="text2">甄选全球资深外教在线一对一授课,采取非常严苛的内部考核机制,不定期淘汰不合适的外教</p> </div> </div> </div> <div class="item2"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/lxhd/baidu/img/pic2.png"> <img class="img2" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/1dtlmd4zj64t9ph8gtmeghrd9xln5drx.png"> <div class="div2 mask"> <p class="text1">随时随地在线学</p> <p class="text2">打破时间与空间的限制,利用排队、坐公交、挤地铁等零碎时间,随时随地用平板电脑、手机、电脑在线约课上课,每天25分钟,有效利用碎片化时间学习</p> </div> </div> </div> <div class="item3"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/lxhd/baidu/img/pic3.png"> <img class="img2" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/agcacyc3gtwcfp6nbkywly862etb1dt4.png"> <div class="div2 mask"> <p class="text1">纯英文语言学习环境</p> <p class="text2">外教长期生活工作在官方语言或母语为英语的国家,保证外教的口音地道且原汁原味,并且阿卡索致力为每一位想要练习口语的学习者提供本土化的语言环境</p> </div> </div> </div> <div class="item4"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/lxhd/baidu/img/pic4.png"> <img class="img2" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/m3lp2l86lrym3ep5hynt3yxg3ghf71dg.png"> <div class="div2 mask"> <p class="text1">外教均持证上岗</p> <p class="text2">阿卡索的外教来自世界各国,他们不仅拥有良好的教育背景、丰富的教学经验以及独到的教学方法,而且所有外教均持有TESOL等国际认证的教学资格证书</p> </div> </div> </div> <div class="item5"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/lxhd/baidu/img/pic5.png"> <img class="img2" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/98j6nxf93h6bwy5axthazdkr2rpd8kdw.png"> <div class="div2 mask"> <p class="text1">3对1全程跟进效果</p> <p class="text2">阿卡索的学习顾问为您定制专属的学习计划;贴心客服全程跟进学习效果;外教在线一对一教学,全方位个性化服务为您学习口语保驾护航</p> </div> </div> </div> <div class="item6"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/lxhd/baidu/img/pic6.png"> <img class="img2" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/ek39jygal1dxzaw2hy8agdne1djfjk2z.png"> <div class="div2 mask"> <p class="text1">国际原版教材</p> <p class="text2">所用教材多为引进的国际原版教材,以及为华人定制的阿卡索特色原创教材,平均学历为研究生以上的教研团队,让您在家就能体验名校教学内容</p> </div> </div> </div> <div class="item7"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/lxhd/baidu/img/pic7.png"> <img class="img2" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/mntzbatl5n726mnwtr9c7b8trfh1dyw4.png"> <div class="div2 mask"> <p class="text1">高性价比13.8/节起</p> <p class="text2">一节课低至13.8元,性价比高,质优价廉让每个家庭都能请得起外教。精选8大英语课程类别,近百门主推精品课程,满足各个年龄段群体学习的需求</p> </div> </div> </div> <div class="item8"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/lxhd/baidu/img/pic8.png"> <img class="img2" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/dkhlr1dzd7act5yx4hjbahp9p3hl1djp.png"> <div class="div2 mask"> <p class="text1">量需个性化定制</p> <p class="text2">无论您是都市白领、家庭主妇或者是在校学生,或是其他身份,无论您是已有一定基础还是0基础,阿卡索都可以为您量身定制合适您的专属课程</p> </div> </div> </div> </div> <button class="btn3">按钮</button> </div> </div> <style> @media (min-width:769px) { .auto-element-357-10>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .5rem 0; color:#fff; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .auto-element-357-10>.container>.div2>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:5.55rem; } .auto-element-357-10>.container>.div2>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:5.55rem; } .auto-element-357-10>.container>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; justify-content:space-between; min-width:100px; } .auto-element-357-10>.container { min-height:100px; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; } .auto-element-357-10 { background-color:#1a2d78; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; } } @media (max-width:768px) { .auto-element-357-10>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .5rem 0; color:#fff; font-weight:bold; font-size:.38rem; line-height:1; text-align:center; } .auto-element-357-10>.container>.div2>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; display:block; width:90%; } .auto-element-357-10>.container>.div2>.img1 { border-radius:0 0 0 0; padding:0 auto 0 auto; margin:0 auto .5rem auto; display:block; width:90%; } .auto-element-357-10>.container>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; min-height:100px; min-width:100px; } .auto-element-357-10>.container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; width:92%; min-height:100px; } .auto-element-357-10 { background-color:#1a2d78; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; } } </style> <div class="auto-element-357-10"> <div class="container"> <p class="p1"><b style="color:#fff;font-size:1.25em">10年专注</b> 阿卡索备受学员与业界肯定</p> <div class="div2"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/lxhd/baidu/img/bg6q.png"> <img class="img2" src="https://img.acadsoc.com.cn/web/lps/lxhd/baidu/img/bg6q2.png"> </div> </div> </div> <style> @media (min-width:769px) { .render-swiper-362-11 .btn { border:none; padding:0 0 0 0; margin:0 auto 0 auto; color:#fff; display:none; font-size:22px; line-height:60px; border-radius:60px 60px 60px 60px; background-color:#c30d23; outline:none; width:420px; height:60px; text-align:center; } .render-swiper-362-11 .title { border-radius:0 0 0 0; padding:0 .2rem 0 .2rem; margin:0 0 0 0; color:#333; font-weight:bold; dispay:inline-block; font-size:.4rem; text-align:center; } .render-swiper-362-11 .options { loop:false; slidesPerView:4; spaceBetween:30; } .render-swiper-362-11 .swiper { border-radius:0 0 0 0; padding:.5rem .1rem .6rem .1rem; margin:0 0 0 0; width:100%; } .render-swiper-362-11 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; } .render-swiper-362-11 .item { border-radius:.1rem .1rem .1rem .1rem; box-shadow:0 0 .05rem .05rem rgba(150,150,150,.1); padding:0 0 0 0; margin:0 auto 0 auto; overflow:hidden; } .render-swiper-362-11 .text { background-color:#122b88; border-radius:0 0 0 0; padding:.1rem .1rem .1rem .1rem; margin:0 0 0 0; color:#fff; font-size:.17rem; line-height:1.6; text-align:center; } .render-swiper-362-11 .slide { height:auto; } .render-swiper-362-11 .img { border-radius:.1rem .1rem .1rem .1rem; background-color:#fff; padding:.1rem .1rem .1rem .1rem; margin:0 0 0 0; display:block; width:100%; } .render-swiper-362-11 { background-color:#fff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; } } @media (max-width:768px) { .render-swiper-362-11 .btn { border:none; padding:0 0 0 0; margin:0 auto 0 auto; color:#fff; display:none; font-size:.36rem; line-height:.9rem; border-radius:.6rem .6rem .6rem .6rem; background-color:#c30d23; outline:none; width:80%; height:.9rem; text-align:center; } .render-swiper-362-11 .title { border-radius:0 0 0 0; padding:0 .2rem 0 .2rem; margin:0 0 0 0; color:#333; font-weight:bold; display:none; dispay:inline-block; font-size:.4rem; text-align:center; } .render-swiper-362-11 .options { loop:true; centeredSlides:auto; slidesPerView:auto; spaceBetween:-50; } .render-swiper-362-11 .swiper { border-radius:0 0 0 0; padding:.5rem .1rem .6rem .1rem; margin:0 0 0 0; width:100%; } .render-swiper-362-11 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; width:100%; } .render-swiper-362-11 .item { border-radius:.1rem .1rem .1rem .1rem; box-shadow:0 0 .1rem .1rem rgba(0,0,0,.1); padding:0 0 0 0; margin:0 auto 0 auto; overflow:hidden; } .render-swiper-362-11 .text { background-color:#122b88; border-radius:0 0 0 0; padding:.2rem .1rem .2rem .1rem; margin:0 0 0 0; color:#fff; font-size:.28rem; line-height:1.6; text-align:center; } .render-swiper-362-11 .slide { height:auto; } .render-swiper-362-11 .img { border-radius:.1rem .1rem 0 0; background-color:#fff; padding:.14rem .14rem .14rem .14rem; margin:0 0 0 0; display:block; width:100%; } .render-swiper-362-11 { background-color:#fff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; } } </style> <style> /* PC端 */ @media (min-width:769px) { .render-swiper-362-11 .item:hover{ transition:0.3s all ease; transform:scale(1.04); } } /* 手机端 */ @media (max-width:768px) { .render-swiper-362-11 .swiper-slide{ width: 70% !important; transform:scale(.8); } .render-swiper-362-11 .swiper-slide.swiper-slide-active{ transform:scale(1);z-index:1; } } </style> <div class="render-swiper-362-11"> <div class="container"> <h2 class="title">企业荣誉</h2> <div class="swiper-container swiper"> <div class="swiper-wrapper"> <div class="swiper-slide item item1"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/ty/pinpai/20210217/p1.png"> <p class="text">2020年度影响力<br>在线教育品牌</p> </div> <div class="swiper-slide item item2"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/ty/pinpai/20210217/p2.png"> <p class="text">2020环球网年度<br>影响力在线教育品牌</p> </div> <div class="swiper-slide item item3"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/ty/pinpai/20210217/p3.png"> <p class="text">36氪WISE2019<br>教育高成长公司</p> </div> <div class="swiper-slide item item4"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/ty/pinpai/20210217/p4.png"> <p class="text">2018年新华网<br>品牌影响力少儿英语机构</p> </div> </div> </div> <button class="btn">按钮</button> </div> </div> <script> $(function(){ if(HtmlWidth >= 768){ $('.render-swiper-362-11 .swiper-container').addClass('swiper-no-swiping') } new Swiper('.render-swiper-362-11 .swiper-container',HtmlWidth >= 768 ? {"loop":false,"slidesPerView":4,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false},"spaceBetween":30} : {"loop":true,"centeredSlides":"auto","slidesPerView":"auto","autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false},"spaceBetween":-50} ); }) </script> <style> /* PC端 */ @media (min-width:769px) { .render-jsx-100-12 { background-color:#fff; } .render-jsx-100-12 .container { border-radius:0 0 0 0; padding:0 0 30px 0; margin:0 auto 0 auto; line-height:1; text-align:center; } .render-jsx-100-12 .container { } .render-jsx-100-12 .title{ border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:rgba(102, 102, 102, 1); font-weight:400; vertical-align:middle; dispay:inline-block; font-size:.2rem; } .render-jsx-100-12 .iconleft{ border-radius:0 0 0 0; height:.32rem; padding:0 0 0 0; margin:0 .12rem 0 .12rem; display:none; vertical-align:middle; width:auto; } .render-jsx-100-12 .iconright{ border-radius:0 0 0 0; height:.32rem; padding:0 0 0 0; margin:0 .12rem 0 .12rem; display:none; vertical-align:middle; width:auto; } } /* 手机端 */ @media (max-width:768px) { .render-jsx-100-12 { background-color:#fff; } .render-jsx-100-12 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto .6rem auto; line-height:1; text-align:center; } .render-jsx-100-12 .container { } .render-jsx-100-12 .title{ border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:rgba(102, 102, 102, 1); font-weight:400; vertical-align:middle; dispay:inline-block; font-size:.32rem; } .render-jsx-100-12 .iconleft{ border-radius:0 0 0 0; padding:0 0 0 0; margin:0 .12rem 0 .12rem; display:none; vertical-align:middle; width:auto; height:.32rem; } .render-jsx-100-12 .iconright{ border-radius:0 0 0 0; padding:0 0 0 0; margin:0 .12rem 0 .12rem; display:none; vertical-align:middle; width:auto; height:.32rem; } } </style> <div class="render-jsx-100-12"> <div class="container"> <img class="iconleft icon" src="https://img.acadsoc.com.cn/web/lps/sem/ty/en1-m/img/zs.png"> <strong class="title">*以上数据均为内部统计数据</strong> <img class="iconright icon" src="https://img.acadsoc.com.cn/web/lps/sem/ty/en1-m/img/zs.png"> </div> </div> <style> @media (min-width:769px) { .render-jsx-368-13 .regcodebtn { border-radius:0 .5rem .5rem 0; background-color:#c30d23; padding:0 .1rem 0 .1rem; color:#fff; top:0; display:inline-block; font-size:.14rem; position:absolute; right:0; height:.46rem; } .render-jsx-368-13 .code { border-radius:.5rem .5rem .5rem .5rem; border:1px solid #fff; padding:0 .2rem 0 .2rem; color:#fff; display:block; width:100%; font-size:.15rem; height:.46rem; } .render-jsx-368-13 .regcode { width:31%; position:relative; } .render-jsx-368-13 .phone { border-radius:.5rem .5rem .5rem .5rem; border:1px solid #fff; padding:0 .2rem 0 .2rem; margin:0 0 0 0; color:#fff; display:block; width:100%; font-size:.15rem; height:.46rem; } .render-jsx-368-13 .regphone { width:31%; } .render-jsx-368-13 .regbtn { border-radius:.5rem .5rem .5rem .5rem; background-color:#c30d23; color:#fff; display:block; width:31%; font-size:.2rem; height:.46rem; text-align:center; } .render-jsx-368-13 .regwrap { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; width:6.6rem; justify-content:space-between; position:absolute; right:0; } .render-jsx-368-13 .mbtn { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .render-jsx-368-13 .text { padding:0 120px 0 100px; margin:-20px 0 0 -146px; background-size:auto 100%; color:#fff; font-size:.28rem; line-height:1; background-position:center center; border-radius:0 0 0 0; background-repeat:no-repeat; left:2rem; width:42%; position:absolute; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/k5pwmnx3a9wlper9azlfe6x1dk71dh78.png); height:90%; } .render-jsx-368-13 .img { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 -90px; left:0; bottom:0; display:block; width:1.8rem; position:absolute; } .render-jsx-368-13 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; display:flex; position:relative; align-items:center; height:.7rem; } .render-jsx-368-13 { background-color:#545454; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:100%; } } @media (max-width:768px) { .render-jsx-368-13 .regcodebtn { background-color:#c30d23; color:#fff; top:0; display:inline-block; width:100%; font-size:.16rem; position:absolute; right:0; } .render-jsx-368-13 .code { display:block; width:100%; font-size:.16rem; } .render-jsx-368-13 .regcode { width:31%; position:relative; } .render-jsx-368-13 .phone { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; font-size:.16rem; } .render-jsx-368-13 .regphone { width:31%; } .render-jsx-368-13 .regbtn { display:block; width:31%; font-size:.32rem; } .render-jsx-368-13 .regwrap { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; width:1rem; } .render-jsx-368-13 .mbtn { padding:0 0 0 0; margin:0 0 0 0; color:#fff; display:block; font-size:.32rem; right:0; background-color:#c30d23; border-radius:0 0 0 0; width:2rem; position:absolute; height:100%; text-align:center; } .render-jsx-368-13 .text { background-size:auto 100%; color:#fff; font-size:.32rem; border-radius:0 0 0 0; background-repeat:no-repeat; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/rxyklz5h64hlhn6k7klnc1da52fzx893.png); height:140%; padding:0 0 0 0; margin:-26px 0 0 -20px; background-position:center center; left:2.6rem; width:46%; position:absolute; } .render-jsx-368-13 .img { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; left:.1rem; bottom:0; display:block; width:2.1rem; position:absolute; } .render-jsx-368-13 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; display:flex; position:relative; align-items:center; height:1.1rem; } .render-jsx-368-13 { background-color:#545454; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:100%; } } </style> <style> .render-jsx-368-13 .regcodebtn span{ color:#fff !important; } /* PC端 */ @media (min-width:769px) { .render-jsx-368-13 .text br{ display:none !important; } } /* 手机端 */ @media (max-width:768px) { } </style> <div class="render-jsx-368-13-top"></div> <div class="render-jsx-368-13 fixed__el"> <div class="container"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/acc/sem/baidu/pz/ty/1223/img/model.png"> <p class="text"> </p> <div class="regwrap"> <div class="regphone"> <input class="phone" placeholder="请输入您的手机号码" name="TxtPhone"> </div> <div class="regcode duaxin"> <input class="code" placeholder="验证码" name="TxtCode"> <button class="regcodebtn" name="btnGetSMS">获取验证码</button> </div> <button class="regbtn" name="registerSubmit">立即领取</button> </div> <button class="mbtn" data-popup-id="396" data-popup-hash-qkgqf4="%E7%AB%8B%E5%8D%B3%E9%A2%86%E5%8F%96" data-popup-hash-ggwyiv="%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-et1djo="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-f93rsg="%E8%AF%B7%E8%BE%93%E5%85%A5%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7%E7%A0%81" data-popup-hash-0kb2fg="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/10/j51d7mgyz85km8whnlba36flamcj45ty.png" data-popup-hash-enabc3="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/w2gmk6c3r931damhyl87z3c9l4cf3m72.png" data-popup-hash-dre9og="%E6%81%AD%E5%96%9C%E6%82%A8%E8%8E%B7%E5%BE%97" data-popup-hash-jf4osb="10%E5%91%A8%E5%B9%B4%E5%AD%A6%E4%B9%A0%E5%A4%A7%E7%A4%BC%E5%8C%85" data-popup-hash-dsssi4="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/7flyh1d1dn1dznfd2drteb51dkrlbty1.png">立即领取</button> </div> </div> <style> @media (min-width:769px) { .auto-element-384-14>.container>.div2>.div2>.img3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .auto-element-384-14>.container>.div2>.div2>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .auto-element-384-14>.container>.div2>.div2>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 .2rem 0 0; } .auto-element-384-14>.container>.div2>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; align-items:center; } .auto-element-384-14>.container>.div2>.div1>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#999; font-size:.14rem; } .auto-element-384-14>.container>.div2>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .auto-element-384-14>.container>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; justify-content:space-between; align-items:center; } .auto-element-384-14>.container>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .auto-element-384-14>.container { min-height:100px; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; } .auto-element-384-14 { background-color:#333333; border-radius:0 0 0 0; padding:.15rem 0 .15rem 0; margin:0 0 0 0; min-height:100px; } } @media (max-width:768px) { .auto-element-384-14>.container>.div2>.div2>.img3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; display:block; width:5.3rem; } .auto-element-384-14>.container>.div2>.div2>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .auto-element-384-14>.container>.div2>.div2>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; } .auto-element-384-14>.container>.div2>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .auto-element-384-14>.container>.div2>.div1>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 .25rem 0; color:#999; font-size:.26rem; line-height:1.8; text-align:center; } .auto-element-384-14>.container>.div2>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .auto-element-384-14>.container>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .auto-element-384-14>.container>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; max-width:100%; display:block; } .auto-element-384-14>.container { border-radius:0 0 0 0; padding:0 .3rem 0 .3rem; margin:0 0 0 0; flex-direction:column; display:flex; min-height:100px; justify-content:center; align-items:center; } .auto-element-384-14 { background-color:#333; border-radius:0 0 0 0; padding:.4rem 0 .4rem 0; margin:0 0 0 0; min-height:100px; } } </style> <div data-popup-id="390" data-popup-hash-k6ephe="%E7%AB%8B%E5%8D%B3%E4%B8%8B%E8%BD%BD" data-popup-hash-khbo8s="%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-qcnoxx="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-owgo3u="%E8%AF%B7%E8%BE%93%E5%85%A5%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7%E7%A0%81" data-popup-hash-ejkxdq="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/10/j51d7mgyz85km8whnlba36flamcj45ty.png" data-popup-hash-yf0gjc="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/w2gmk6c3r931damhyl87z3c9l4cf3m72.png" data-popup-hash-ytdvng="%E4%B8%8B%E8%BD%BD%E5%85%8D%E8%B4%B9%E9%A2%86" data-popup-hash-dvk56x="%E5%AD%A6%E4%B9%A0%E5%A4%A7%E7%A4%BC%E5%8C%85" data-popup-hash-qtif1y="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/7flyh1d1dn1dznfd2drteb51dkrlbty1.png" class="auto-element-384-14"> <div class="container"> <img class="img1" src="https://img.acadsoc.com.cn/web/img/logo-white.png"> <div class="div2"> <div class="div1"> <p class="p1">服务热线:400-600-1166 <a href="http://www.miitbeian.gov.cn/" rel="nofollow" target="_blank" style="text-decoration:none;color:#999;font-weight:bold;">粤ICP备19156451号</a><br> 本站信息由深圳市阿卡索资讯股份有限公司发布</p> </div> <div class="div2"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/acc/sem/ty/pinpai/img/qrcode-pc.png"> <img class="img2" src="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/pcImg/footer.png"> <img class="img3" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/10/ek593apewc9wpdfn45erhelzj35wg31d.png"> </div> </div> </div> </div> <style> @media (min-width:769px) { .auto-element-316-xhpB1F>.div1>.button3 { color:white; font-size:.24rem; border-radius:50% 50% 50% 50%; transform:translateX(-50%); text-align:center; height:1.1rem; padding:0 0 0 0; margin:0 auto 0 auto; bottom:.44rem; display:block; left:50%; width:1.1rem; position:absolute; } .auto-element-316-xhpB1F>.div1>.close1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; transform:translateX(-50%); left:50%; bottom:-.5rem; width:.3rem; position:absolute; } .auto-element-316-xhpB1F>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .auto-element-316-xhpB1F>.div1 { background-size:100%; min-height:100px; border-radius:.14rem .14rem .14rem .14rem; transform:translate(-50%, -50%); background-repeat:no-repeat; top:50%; padding:0 0 0 0; margin:0 0 0 0; left:50%; width:3.4rem; position:absolute; min-width:100px; } .auto-element-316-xhpB1F { background-color:rgba(0,0,0,0.7); 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) { .auto-element-316-xhpB1F>.div1>.button3 { padding:0 0 0 0; margin:0 auto 0 auto; color:white; bottom:.9rem; display:block; font-size:.32rem; border-radius:50% 50% 50% 50%; transform:translateX(-50%); left:50%; width:2.1rem; position:absolute; text-align:center; height:2.1rem; } .auto-element-316-xhpB1F>.div1>.close1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; transform:translateX(-50%); left:50%; bottom:-.9rem; width:.6rem; position:absolute; } .auto-element-316-xhpB1F>.div1>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; } .auto-element-316-xhpB1F>.div1 { padding:0 0 0 0; margin:0 0 0 0; background-size:100%; min-height:100px; border-radius:.1rem .1rem .1rem .1rem; transform:translate(-50%, -50%); background-repeat:no-repeat; top:50%; left:50%; width:90%; position:absolute; min-width:100px; } .auto-element-316-xhpB1F { background-color:rgba(0,0,0,0.7); 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> <div id="loading-popup-316" class="auto-element-316-xhpB1F"> <div class="div1"> <img class="close-popup close1" src="https://img.acadsoc.com.cn/web/lps/ac/sem/ty/1203/close.png"> <img class="img2" src="https://img.acadsoc.com.cn/web/lps/ac/sem/ty/1203/popup1.png"> <button data-popup-id="396" data-popup-hash-qkgqf4="%E7%AB%8B%E5%8D%B3%E9%A2%86%E5%8F%96" data-popup-hash-ggwyiv="%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-et1djo="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-f93rsg="%E8%AF%B7%E8%BE%93%E5%85%A5%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7%E7%A0%81" data-popup-hash-0kb2fg="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/10/j51d7mgyz85km8whnlba36flamcj45ty.png" data-popup-hash-enabc3="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/w2gmk6c3r931damhyl87z3c9l4cf3m72.png" data-popup-hash-dre9og="%E6%81%AD%E5%96%9C%E6%82%A8%E8%8E%B7%E5%BE%97" data-popup-hash-jf4osb="10%E5%91%A8%E5%B9%B4%E5%AD%A6%E4%B9%A0%E5%A4%A7%E7%A4%BC%E5%8C%85" data-popup-hash-dsssi4="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/7flyh1d1dn1dznfd2drteb51dkrlbty1.png" class="button3 close-popup"> </button> </div> </div> <style> @media (min-width:769px) { .render-jsx-367-model .close { border-radius:50% 50% 50% 50%; background-color:#fff; box-shadow:0 0 .1rem .1rem rgba(100,100,100,.1); top:-.15rem; display:block; width:.4rem; font-size:.2rem; position:absolute; right:-.15rem; height:.4rem; text-align:center; } .render-jsx-367-model .video { display:block; width:100%; } .render-jsx-367-model .modalcon { background-color:#fff; border-radius:.15rem .15rem .15rem .15rem; padding:.2rem .2rem .2rem .2rem; transform:translate(-50%,-50%); top:50%; left:50%; width:11rem; position:absolute; } .render-jsx-367-model { background-color:rgba(0,0,0,0.5); top:0; left:0; bottom:0; width:100%; position:fixed; right:0; height:100%; } } @media (max-width:768px) { .render-jsx-367-model .close { border-radius:50% 50% 50% 50%; background-color:#fff; box-shadow:0 0 .1rem .1rem rgba(100,100,100,.1); top:-.15rem; display:block; width:.4rem; font-size:.26rem; position:absolute; right:-.15rem; height:.4rem; text-align:center; } .render-jsx-367-model .video { display:block; width:100%; } .render-jsx-367-model .modalcon { background-color:#fff; border-radius:.15rem .15rem .15rem .15rem; padding:.2rem .2rem .2rem .2rem; transform:translate(-50%,-50%); top:50%; left:50%; width:92%; position:absolute; } .render-jsx-367-model { background-color:rgba(0,0,0,0.5); top:0; left:0; bottom:0; width:100%; position:fixed; right:0; height:100%; } } </style> <style> /* PC端 */ @media (min-width:769px) { } /* 手机端 */ @media (max-width:768px) { } </style> <div class="render-jsx-367-model" id="register-popup-367"> <div class="modalcon"> <button class="close close-popup" =""="" data-modal-hash="g9wv5w">✖</button> <video class="video" controls="controls" autoplay="false" preload="" src="https://img.acadsoc.com.cn/web/lps/acc/sem/ty/pinpai/img/pinpai.mp4"></video> </div> </div> <script> $(function(){ $('.render-jsx-367-model .close').click(function(){ $('.render-jsx-367-model .video')[0].pause(); }); }) </script> <style> @media (min-width:769px) { .render-jsx-370-model .regcodebtn { border-radius:.5rem .5rem .5rem .5rem; background-color:#c30d23; padding:0 .2rem 0 .2rem; color:#fff; top:0; display:inline-block; font-size:.17rem; position:absolute; right:0; height:.5rem; } .render-jsx-370-model .code { border-radius:.5rem .5rem .5rem .5rem; border:1px solid #ccc; padding:0 .2rem 0 .2rem; color:#b2b2b2; display:block; width:100%; font-size:.17rem; height:.5rem; } .render-jsx-370-model .regcode { margin:0 auto .2rem auto; width:100%; position:relative; } .render-jsx-370-model .phone { border-radius:.5rem .5rem .5rem .5rem; border:1px solid #ccc; padding:0 .2rem 0 .2rem; color:#b2b2b2; display:block; width:100%; font-size:.17rem; height:.5rem; } .render-jsx-370-model .regphone { margin:0 auto .2rem auto; width:100%; } .render-jsx-370-model .regbtn { border-radius:.5rem .5rem .5rem .5rem; background-color:#c30d23; color:#fff; display:block; width:100%; font-size:.22rem; height:.5rem; text-align:center; } .render-jsx-370-model .content { margin:.8rem auto 0 auto; width:85%; } .render-jsx-370-model .close { border-radius:50% 50% 50% 50%; border:1px solid #fff; top:.15rem; color:#fff; display:block; width:.3rem; font-size:.18rem; position:absolute; right:.15rem; height:.3rem; text-align:center; } .render-jsx-370-model .title { color:#fff; font-weight:bold; font-size:.28rem; line-height:1; text-align:center; } .render-jsx-370-model .container { padding:.45rem 0 .45rem 0; margin:0 0 0 0; background-size:100% auto; background-position:left top; background-color:#fff; border-radius:.15rem .15rem .15rem .15rem; transform:translate(-50%,-50%); background-repeat:no-repeat; top:50%; left:50%; width:4.5rem; position:absolute; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/05/zadanm6z975a9ye397h2wacymrg1df3y.png); } .render-jsx-370-model .select { border:1px solid #ccc; padding:0 .2rem 0 .2rem; margin:0 auto .2rem auto; background-size:.14rem auto; color:#b2b2b2; display:block; font-size:.17rem; background-position:94% center; border-radius:.5rem .5rem .5rem .5rem; outline:none; background-repeat:no-repeat; appearance:none; width:100%; background-image:url(https://img.acadsoc.com.cn/web/lps/acc/sem/baidu/pz/ty/1223/img/icon-bom.png); height:.5rem; text-align:center; } .render-jsx-370-model .opt { padding:0 .2rem 0 .2rem; outline:none; display:block; width:100%; font-size:.17rem; line-height:.4rem; text-align:center; } .render-jsx-370-model { background-color:rgba(0,0,0,0.5); top:0; left:0; bottom:0; width:100%; position:fixed; right:0; height:100%; } } @media (max-width:768px) { .render-jsx-370-model .regcodebtn { background-color:#c30d23; border-radius:.6rem .6rem .6rem .6rem; padding:0 .3rem 0 .3rem; color:#fff; top:0; display:inline-block; font-size:.26rem; position:absolute; right:0; height:.9rem; } .render-jsx-370-model .code { border-radius:.6rem .6rem .6rem .6rem; border:1px solid #ccc; padding:0 .35rem 0 .35rem; color:#b2b2b2; display:block; width:100%; font-size:.26rem; height:.9rem; } .render-jsx-370-model .regcode { margin:0 auto .3rem auto; width:100%; position:relative; } .render-jsx-370-model .phone { border-radius:.6rem .6rem .6rem .6rem; border:1px solid #ccc; padding:0 .35rem 0 .35rem; color:#b2b2b2; display:block; width:100%; font-size:.26rem; height:.9rem; } .render-jsx-370-model .regphone { margin:0 auto .3rem auto; width:100%; } .render-jsx-370-model .regbtn { border-radius:.6rem .6rem .6rem .6rem; background-color:#c30d23; color:#fff; display:block; width:100%; font-size:.36rem; height:.9rem; text-align:center; } .render-jsx-370-model .content { margin:1.14rem auto 0 auto; width:90%; } .render-jsx-370-model .close { border-radius:50% 50% 50% 50%; border:1px solid #fff; top:.2rem; color:#fff; display:block; width:.5rem; font-size:.24rem; position:absolute; right:.2rem; height:.5rem; text-align:center; } .render-jsx-370-model .title { color:#fff; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; } .render-jsx-370-model .container { padding:.6rem 0 .5rem 0; margin:0 0 0 0; background-size:100% auto; background-position:left top; background-color:#fff; border-radius:.15rem .15rem .15rem .15rem; transform:translate(-50%,-50%); background-repeat:no-repeat; top:50%; left:50%; width:92%; position:absolute; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/05/zadanm6z975a9ye397h2wacymrg1df3y.png); } .render-jsx-370-model .select { border:1px solid #ccc; padding:0 .35rem 0 .35rem; margin:0 auto .3rem auto; background-size:.18rem auto; color:#b2b2b2; display:block; font-size:.26rem; background-position:94% center; border-radius:.6rem .6rem .6rem .6rem; outline:none; background-repeat:no-repeat; appearance:none; width:100%; background-image:url(https://img.acadsoc.com.cn/web/lps/acc/sem/baidu/pz/ty/1223/img/icon-bom.png); height:.9rem; text-align:center; } .render-jsx-370-model .opt { padding:0 .35rem 0 .35rem; outline:none; display:block; width:100%; font-size:.26rem; line-height:.4rem; text-align:center; } .render-jsx-370-model { background-color:rgba(0,0,0,0.5); top:0; left:0; bottom:0; width:100%; position:fixed; right:0; height:100%; } } </style> <style> /* PC端 */ @media (min-width:769px) { } /* 手机端 */ @media (max-width:768px) { } </style> <div class="render-jsx-370-model" id="register-popup-370"> <div class="container"> <button class="close close-popup" =""="" data-modal-hash="lon4cw">✖</button> <h2 class="title" data-modal-hash="qzsego">查看我的推荐课程</h2> <div class="content"> <select class="select1 select"> <option class="opt item1" value="请选择听课身份">请选择听课身份</option> <option class="opt item2" value="中小学生">中小学生</option> <option class="opt item3" value="幼儿">幼儿</option> <option class="opt item4" value="高中生">高中生</option> <option class="opt item5" value="大学生">大学生</option> <option class="opt item6" value="上班族">上班族</option> <option class="opt item7" value="自由职业">自由职业</option> <option class="opt item8" value="其他">其他</option> </select> <select class="select2 select"> <option class="opt opt1" value="请选择您的学习目的">请选择您的学习目的</option> <option class="opt opt2" value="综合英语能力">综合英语能力</option> <option class="opt opt3" value="0基础提升">0基础提升</option> <option class="opt opt4" value="学科英语">学科英语</option> <option class="opt opt5" value="日常口语">日常口语</option> <option class="opt opt6" value="商务交流">商务交流</option> <option class="opt opt7" value="四六级">四六级</option> <option class="opt opt8" value="雅思/托福">雅思/托福</option> <option class="opt opt9" value="考研英语">考研英语</option> <option class="opt opt10" value="出国旅游">出国旅游</option> <option class="opt opt11" value="其他">其他</option> </select> <div class="regphone"> <input class="phone" placeholder="填写手机号,获取上课提醒" name="TxtPhone" data-modal-hash="f4ygfd"> </div> <div class="regcode duaxin" style="display:none;"> <input class="code" placeholder="请输入验证码" name="TxtCode" data-modal-hash="lbm2xu"> <button class="regcodebtn" name="btnGetSMS" data-modal-hash="327ylt">获取验证码</button> </div> <button class="regbtn" name="registerSubmit" data-modal-hash="mscy1k">为我推荐</button> <img class="gift" src=""> </div> </div> </div> <style> @media (min-width:769px) { .auto-element-390-model>.div1>.div2>.regbtn3 { border-radius:60px 60px 60px 60px; background-color:#c30d23; box-shadow:0px 4px 10px rgba(195,13,35,0.4); padding:0 0 0 0; margin:.2rem auto 0 auto; color:#8d0013; font-weight:600; display:block; width:3.6rem; font-size:.24rem; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:.5rem; } .auto-element-390-model>.div1>.div2>.regcode2>.code { border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; display:block; width:90%; font-size:.16rem; height:.5rem; } .auto-element-390-model>.div1>.div2>.regcode2>.regcodebtn { color:#8d0013; font-size:.16rem; background-color:#c30d23; border-radius:60px 60px 60px 60px; top:0; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:100%; padding:0 .3rem 0 .3rem; margin:0 0.2rem 0 0; right:0; position:absolute; } .auto-element-390-model>.div1>.div2>.regcode2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem auto 0 auto; width:4rem; position:relative; } .auto-element-390-model>.div1>.div2>.regphone1>.phone { border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; display:block; width:90%; font-size:.16rem; height:.5rem; } .auto-element-390-model>.div1>.div2>.regphone1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem auto 0 auto; width:4rem; } .auto-element-390-model>.div1>.div2 { border-radius:0 0 .2rem .2rem; background-color:#d10d28; padding:.2rem 0 .4rem 0; margin:0 0 0 0; min-height:100px; min-width:100px; } .auto-element-390-model>.div1>.close3 { padding:0 0 0 0; margin:0 0 0 0; bottom:-.7rem; display:block; border-radius:0 0 0 0; transform:translateX(-50%); left:50%; width:.3rem; position:absolute; height:.3rem; } .auto-element-390-model>.div1>.div1>.img4 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; display:block; width:3.6rem; height:1.1rem; } .auto-element-390-model>.div1>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:-.4rem 0 0 0; color:#d10d28; font-weight:bold; font-size:.4rem; text-align:center; } .auto-element-390-model>.div1>.div1>.p3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .1rem 0; color:#d10d28; font-weight:bold; font-size:.28rem; text-align:center; } .auto-element-390-model>.div1>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:-.1rem 0 0 3.6rem; } .auto-element-390-model>.div1>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; background-repeat:no-repeat; background-size:100% 100%; width:100%; min-height:100px; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/10/4lbfawcxc8yf4gy95jgdafcy2j7ey47k.png); background-position:center center; min-width:100px; height:3rem; } .auto-element-390-model>.div1 { z-index:10; background-size:100%; min-height:100px; border-radius:.14rem .14rem .14rem .14rem; transform:translate(-50%, -50%); background-repeat:no-repeat; top:50%; text-align:left; padding:0 0 0 0; margin:0 0 0 0; left:50%; width:4.5rem; position:absolute; min-width:100px; } .auto-element-390-model { background-color:rgba(0,0,0,0.7); border-radius:0 0 0 0; padding:0 0 0 0; z-index:10; margin:0 0 0 0; top:0; left:0; bottom:0; position:fixed; right:0; } } @media (max-width:768px) { .auto-element-390-model>.div1>.div2>.regbtn3 { border-radius:60px 60px 60px 60px; background-color:#c30d23; padding:0 0 0 0; margin:.2rem auto 0 auto; color:#8d0013; font-weight:600; display:block; width:5.5rem; font-size:.36rem; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:.9rem; } .auto-element-390-model>.div1>.div2>.regcode2>.code { border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; display:block; width:92%; font-size:.28rem; height:.9rem; } .auto-element-390-model>.div1>.div2>.regcode2>.regcodebtn { background-color:#c30d23; border-radius:60px 60px 60px 60px; padding:0 .3rem 0 .3rem; margin:0 0.2rem 0 0; top:0; color:#8d0013; display:block; font-size:.28rem; position:absolute; right:0; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:100%; } .auto-element-390-model>.div1>.div2>.regcode2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem auto 0 auto; width:6rem; position:relative; } .auto-element-390-model>.div1>.div2>.regphone1>.phone { border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; display:block; width:92%; font-size:.28rem; height:.9rem; } .auto-element-390-model>.div1>.div2>.regphone1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem auto 0 auto; top:.3rem; width:6rem; } .auto-element-390-model>.div1>.div2 { min-height:100px; border-radius:0 0 .3rem .3rem; background-color:#d10d28; padding:.2rem 0 .6rem 0; margin:0 0 0 0; min-width:100px; } .auto-element-390-model>.div1>.close3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; top:9.2rem; left:50%; display:block; width:.5rem; position:absolute; height:.5rem; } .auto-element-390-model>.div1>.div1>.img4 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; display:block; width:5.4rem; height:1.6rem; } .auto-element-390-model>.div1>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:-.9rem 0 0 0; color:#d10d28; font-weight:bold; font-size:.6rem; text-align:center; } .auto-element-390-model>.div1>.div1>.p3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .2rem 0; color:#d10d28; font-weight:bold; font-size:.4rem; text-align:center; } .auto-element-390-model>.div1>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:-.3rem 0 0 5rem; } .auto-element-390-model>.div1>.div1 { padding:0 0 0 0; margin:0 0 -.1rem 0; background-size:100% 100%; display:block; min-height:100px; background-position:center center; border-radius:0 0 0 0; background-repeat:no-repeat; width:100%; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/10/e7gnm1dr85jtk61dtpe6mlrh8f726bx4.png); min-width:100px; height:4.4rem; } .auto-element-390-model>.div1 { padding:0 0 0 0; z-index:10; margin:0 0 0 0; background-size:100%; min-height:100px; border-radius:.1rem .1rem .1rem .1rem; transform:translate(-50%, -50%); background-repeat:no-repeat; top:50%; left:50%; width:6.5rem; position:absolute; min-width:100px; text-align:left; } .auto-element-390-model { background-color:rgba(0,0,0,0.7); border-radius:0 0 0 0; padding:0 0 0 0; z-index:10; margin:0 0 0 0; top:0; left:0; bottom:0; position:fixed; right:0; } } </style> <div id="register-popup-390" style="display:none;" class="auto-element-390-model"> <div class="div1"> <div class="div1"> <img class="img1" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/7flyh1d1dn1dznfd2drteb51dkrlbty1.png" data-modal-hash="qtif1y"> <p class="p2" data-modal-hash="ytdvng">下载免费领</p> <p class="p3" data-modal-hash="dvk56x">学习大礼包</p> <img class="img4" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/w2gmk6c3r931damhyl87z3c9l4cf3m72.png" data-modal-hash="yf0gjc"> </div> <div class="div2"> <div class="regphone1"> <input name="TxtPhone" class="phone" placeholder="请输入您的手机号码" type="tel" data-modal-hash="owgo3u"> </div> <div class="regcode2"> <input name="TxtCode" class="code" placeholder="验证码" type="tel" data-modal-hash="khbo8s"> <button name="btnGetSMS" class="regcodebtn" data-modal-hash="qcnoxx">获取验证码</button> </div> <button name="registerSubmit" class="regbtn3" data-modal-hash="k6ephe">立即下载</button> </div> <img class="close-popup close3" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/10/j51d7mgyz85km8whnlba36flamcj45ty.png" data-modal-hash="ejkxdq"> </div> </div> <style> @media (min-width:769px) { .render-jsx-394-model>.div1>.regcode6>.code { border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); padding:0 0 0 .3rem; margin:0 .3rem 0 .3rem; width:86%; font-size:.16rem; height:.5rem; } .render-jsx-394-model>.div1>.regcode6>.regcodebtn { background-color:#c30d23; border-radius:60px 60px 60px 60px; padding:0 .3rem 0 .3rem; margin:0 .26rem 0 0; top:0; color:#e11514; font-size:.16rem; position:absolute; right:0; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:100%; } .render-jsx-394-model>.div1>.regcode6 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem auto 0 auto; width:4rem; position:relative; } .render-jsx-394-model>.div1>.p2 { padding:0 0 0 0; margin:24px auto 16px auto; background-size:auto 100%; font-weight:bold; font-size:.4rem; line-height:1; background-position:center center; border-radius:0 0 0 0; background-repeat:no-repeat; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/kzfexkg4mwhrmfyfnadbylc1dxyhz7n6.png); text-align:center; height:.4rem; } .render-jsx-394-model>.div1>.p4 { color:rgba(255, 255, 255, 1); font-weight:bold; font-size:.3rem; border-radius:0 0 0 0; text-align:center; padding:0 0 1px 0; margin:0 0 0 0; } .render-jsx-394-model>.div1>.close8 { border-radius:0 0 0 0; top:.2rem; padding:0 0 0 2px; margin:0 0 0 0; right:.2rem; width:.2rem; position:absolute; } .render-jsx-394-model>.div1>.regphone5>.phone { border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); padding:0 .3rem 0 .3rem; margin:0 .3rem 0 .3rem; width:86%; font-size:.16rem; height:.5rem; } .render-jsx-394-model>.div1>.regphone5 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem auto 0 auto; width:4rem; } .render-jsx-394-model>.div1>.regbtn7 { border-radius:60px 60px 60px 60px; padding:0 0 0 0; margin:.2rem auto .1rem auto; color:#e11514; font-weight:600; display:block; width:3.4rem; font-size:.2rem; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:.5rem; } .render-jsx-394-model>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:-1.88rem auto 0 auto; display:block; width:80%; } .render-jsx-394-model>.div1 { z-index:10; background-size:100% 100%; min-height:100px; border-radius:.1rem .1rem .1rem .1rem; transform:translate(-50%, -50%); background-repeat:no-repeat; top:50%; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/f1d1d4hfj1djywzc8jh81dh3be7twzjc.png); text-align:left; padding:0 0 .3rem 0; margin:0 0 0 0; background-position:center center; left:50%; width:4rem; position:absolute; min-width:100px; } .render-jsx-394-model { background-color:rgba(0,0,0,0.7); border-radius:0 0 0 0; padding:0 0 0 0; z-index:10; margin:0 0 0 0; top:0; left:0; bottom:0; line-height:1; position:fixed; right:0; } } @media (max-width:768px) { .render-jsx-394-model>.div1>.regcode6>.code { border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); padding:0 0 0 .3rem; margin:0 .3rem 0 .3rem; width:90%; font-size:.28rem; height:.9rem; } .render-jsx-394-model>.div1>.regcode6>.regcodebtn { background-color:#c30d23; border-radius:60px 60px 60px 60px; padding:0 .3rem 0 .3rem; margin:0 .3rem 0 0; top:0; color:#e11514; font-size:.28rem; position:absolute; right:0; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:100%; } .render-jsx-394-model>.div1>.regcode6 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem auto 0 auto; width:6rem; position:relative; } .render-jsx-394-model>.div1>.p2 { padding:0 0 0 0; margin:18px auto 6px auto; background-size:auto 100%; font-weight:bold; font-size:.4rem; line-height:1.6; background-position:center center; border-radius:0 0 0 0; background-repeat:no-repeat; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/kzfexkg4mwhrmfyfnadbylc1dxyhz7n6.png); text-align:center; height:.7rem; } .render-jsx-394-model>.div1>.p4 { border-radius:0 0 0 0; padding:0 0 10px 0; margin:0 0 0 0; color:rgba(255, 255, 255, 1); font-weight:bold; font-size:.4rem; text-align:center; } .render-jsx-394-model>.div1>.close8 { border-radius:0 0 0 0; padding:0 0 0 0; margin:16px 0 0 0; top:0; width:.32rem; position:absolute; right:.2rem; } .render-jsx-394-model>.div1>.regphone5>.phone { border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); padding:0 .3rem 0 .3rem; margin:0 .3rem 0 .3rem; width:90%; font-size:.28rem; height:.9rem; } .render-jsx-394-model>.div1>.regphone5 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem auto 0 auto; top:.3rem; width:6rem; } .render-jsx-394-model>.div1>.regbtn7 { border-radius:60px 60px 60px 60px; background-color:#c30d23; padding:0 0 0 0; margin:.2rem auto .4rem auto; color:#e11514; font-weight:600; display:block; width:84%; font-size:.36rem; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:.9rem; } .render-jsx-394-model>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:-3.05rem auto 0 auto; background-repeat:no-repeat; display:block; width:80%; background-position:center center; } .render-jsx-394-model>.div1 { padding:0 auto 0 auto; z-index:10; margin:0 auto 0 auto; background-size:100% 100%; min-height:100px; background-position:center center; border-radius:.14rem .14rem .14rem .14rem; transform:translate(-50%, -50%); background-repeat:no-repeat; top:50%; left:50%; width:6.5rem; position:absolute; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/f1d1d4hfj1djywzc8jh81dh3be7twzjc.png); min-width:100px; text-align:left; } .render-jsx-394-model { background-color:rgba(0,0,0,0.7); border-radius:0 0 0 0; padding:0 0 0 0; z-index:10; margin:0 0 0 0; top:0; left:0; bottom:0; position:fixed; right:0; } } </style> <div id="register-popup-394" style="display:none;" class="render-jsx-394-model"> <div class="div1"> <img class="img1" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/9dwe82j5wfbeg8t7k4kjlegj5zdn8p3g.png" data-modal-hash="4qlj7o"> <p class="p2" data-modal-hash="gtdjwv"></p> <p class="p4" data-modal-hash="w5vsat">满意后再购课</p> <div class="regphone5"> <input name="TxtPhone" class="phone" placeholder="提交手机号,即可免费试课" type="tel" data-modal-hash="wxpe08"> </div> <div class="regcode6"> <input name="TxtCode" class="code" placeholder="验证码" type="tel" data-modal-hash="bnhndj"> <button name="btnGetSMS" class="regcodebtn" data-modal-hash="whvm97">获取验证码</button> </div> <button name="registerSubmit" class="regbtn7" data-modal-hash="n6i7xm">立即免费试听</button> <img class="close-popup close8" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/h5z5kjktrjbyz2y9gjrhfxm68xajh68k.png" data-modal-hash="rzdza5"> </div> </div> <style> @media (min-width:769px) { .auto-element-396-model>.div1>.div2>.regbtn3 { border-radius:60px 60px 60px 60px; background-color:#c30d23; box-shadow:0px 4px 10px rgba(195,13,35,0.4); padding:0 0 0 0; margin:.2rem auto 0 auto; color:#8d0013; font-weight:600; display:block; width:3.6rem; font-size:.24rem; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:.5rem; } .auto-element-396-model>.div1>.div2>.regcode2>.code { border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; display:block; width:90%; font-size:.16rem; height:.5rem; } .auto-element-396-model>.div1>.div2>.regcode2>.regcodebtn { color:#8d0013; font-size:.16rem; background-color:#c30d23; border-radius:60px 60px 60px 60px; top:0; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:100%; padding:0 .3rem 0 .3rem; margin:0 0.2rem 0 0; right:0; position:absolute; } .auto-element-396-model>.div1>.div2>.regcode2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem auto 0 auto; width:4rem; position:relative; } .auto-element-396-model>.div1>.div2>.regphone1>.phone { border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; display:block; width:90%; font-size:.16rem; height:.5rem; } .auto-element-396-model>.div1>.div2>.regphone1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem auto 0 auto; width:4rem; } .auto-element-396-model>.div1>.div2 { border-radius:0 0 .2rem .2rem; background-color:#d10d28; padding:.2rem 0 .4rem 0; margin:0 0 0 0; min-height:100px; min-width:100px; } .auto-element-396-model>.div1>.close3 { padding:0 0 0 0; margin:0 0 0 0; bottom:-.7rem; display:block; border-radius:0 0 0 0; transform:translateX(-50%); left:50%; width:.3rem; position:absolute; height:.3rem; } .auto-element-396-model>.div1>.div1>.img4 { border-radius:0 0 0 0; height:1.1rem; padding:0 0 0 0; margin:0 auto 0 auto; display:block; width:3.6rem; } .auto-element-396-model>.div1>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:-.4rem 0 0 0; color:#d10d28; font-weight:bold; font-size:.4rem; text-align:center; } .auto-element-396-model>.div1>.div1>.p3 { color:rgba(20, 43, 136, 1); font-weight:bold; font-size:.28rem; border-radius:0 0 0 0; text-align:center; padding:0 0 0 0; margin:0 0 .1rem 0; } .auto-element-396-model>.div1>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:-.1rem 0 0 3.6rem; } .auto-element-396-model>.div1>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; background-repeat:no-repeat; background-size:100% 100%; width:100%; min-height:100px; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/10/4lbfawcxc8yf4gy95jgdafcy2j7ey47k.png); background-position:center center; min-width:100px; height:3rem; } .auto-element-396-model>.div1 { z-index:10; background-size:100%; min-height:100px; border-radius:.14rem .14rem .14rem .14rem; transform:translate(-50%, -50%); background-repeat:no-repeat; top:50%; text-align:left; padding:0 0 0 0; margin:0 0 0 0; left:50%; width:4.5rem; position:absolute; min-width:100px; } .auto-element-396-model { background-color:rgba(0,0,0,0.7); border-radius:0 0 0 0; padding:0 0 0 0; z-index:10; margin:0 0 0 0; top:0; left:0; bottom:0; position:fixed; right:0; } } @media (max-width:768px) { .auto-element-396-model>.div1>.div2>.regbtn3 { border-radius:60px 60px 60px 60px; background-color:#c30d23; padding:0 0 0 0; margin:.2rem auto 0 auto; color:#8d0013; font-weight:600; display:block; width:5.5rem; font-size:.36rem; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:.9rem; } .auto-element-396-model>.div1>.div2>.regcode2>.code { border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; display:block; width:92%; font-size:.28rem; height:.9rem; } .auto-element-396-model>.div1>.div2>.regcode2>.regcodebtn { background-color:#c30d23; border-radius:60px 60px 60px 60px; padding:0 .3rem 0 .3rem; margin:0 0.2rem 0 0; top:0; color:#8d0013; display:block; font-size:.28rem; position:absolute; right:0; background-image:linear-gradient(#ffdd49, #feb921, #fd9e03); height:100%; } .auto-element-396-model>.div1>.div2>.regcode2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem auto 0 auto; width:6rem; position:relative; } .auto-element-396-model>.div1>.div2>.regphone1>.phone { border-radius:60px 60px 60px 60px; background-color:rgba(255, 255, 255, 1); padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; display:block; width:92%; font-size:.28rem; height:.9rem; } .auto-element-396-model>.div1>.div2>.regphone1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem auto 0 auto; top:.3rem; width:6rem; } .auto-element-396-model>.div1>.div2 { min-height:100px; border-radius:0 0 .3rem .3rem; background-color:#d10d28; padding:.2rem 0 .6rem 0; margin:0 0 0 0; min-width:100px; } .auto-element-396-model>.div1>.close3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; top:9.2rem; left:50%; display:block; width:.5rem; position:absolute; height:.5rem; } .auto-element-396-model>.div1>.div1>.img4 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; display:block; width:5.4rem; height:1.6rem; } .auto-element-396-model>.div1>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:-.9rem 0 0 0; color:#d10d28; font-weight:bold; font-size:.6rem; text-align:center; } .auto-element-396-model>.div1>.div1>.p3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .2rem 0; color:rgba(20, 43, 136, 1); font-weight:bold; font-size:.4rem; text-align:center; } .auto-element-396-model>.div1>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:-.3rem 0 0 5rem; } .auto-element-396-model>.div1>.div1 { padding:0 0 0 0; margin:0 0 0 0; background-size:100% 100%; display:block; min-height:100px; background-position:center center; border-radius:0 0 0 0; background-repeat:no-repeat; width:100%; background-image:url(https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/10/e7gnm1dr85jtk61dtpe6mlrh8f726bx4.png); min-width:100px; height:4.4rem; } .auto-element-396-model>.div1 { padding:0 0 0 0; z-index:10; margin:0 0 0 0; background-size:100%; min-height:100px; border-radius:.1rem .1rem .1rem .1rem; transform:translate(-50%, -50%); background-repeat:no-repeat; top:50%; left:50%; width:6.5rem; position:absolute; min-width:100px; text-align:left; } .auto-element-396-model { background-color:rgba(0,0,0,0.7); border-radius:0 0 0 0; padding:0 0 0 0; z-index:10; margin:0 0 0 0; top:0; left:0; bottom:0; position:fixed; right:0; } } </style> <div id="register-popup-396" style="display:none;" class="auto-element-396-model"> <div class="div1"> <div class="div1"> <img class="img1" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/7flyh1d1dn1dznfd2drteb51dkrlbty1.png" data-modal-hash="dsssi4"> <p class="p2" data-modal-hash="dre9og">恭喜您获得</p> <p class="p3" data-modal-hash="jf4osb">10周年学习大礼包</p> <img class="img4" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/09/w2gmk6c3r931damhyl87z3c9l4cf3m72.png" data-modal-hash="enabc3"> </div> <div class="div2"> <div class="regphone1"> <input name="TxtPhone" class="phone" placeholder="请输入您的手机号码" type="tel" data-modal-hash="f93rsg"> </div> <div class="regcode2"> <input name="TxtCode" class="code" placeholder="验证码" type="tel" data-modal-hash="ggwyiv"> <button name="btnGetSMS" class="regcodebtn" data-modal-hash="et1djo">获取验证码</button> </div> <button name="registerSubmit" class="regbtn3" data-modal-hash="qkgqf4">立即领取</button> </div> <img class="close-popup close3" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/10/j51d7mgyz85km8whnlba36flamcj45ty.png" data-modal-hash="0kb2fg"> </div> </div> <!--滑动验证生成--> <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/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 defaultPay = { sort: '', value: '', } var payConfig = { sort: '', value: '', }; var paytype = 'wechat'; // wechat | alipay window.onload = function(){ addFixedEls(); } function addFixedEls(){ // 头部元素 const headerFixedElement = $('body>div').eq(0); $('.fixed__el').each((i,v) => { // 定位元素 const fixedEl = $(v); // 移除元素 const removeFixedElement = fixedEl.prev(); let bTop = removeFixedElement.offset().top - 10 - $(window).height() + removeFixedElement.height(); let rTop = headerFixedElement.offset().top + headerFixedElement.height(); $(window).scroll(function () { let sTop = $(this).scrollTop(); if (sTop > rTop) { fixedEl.fadeIn(300); if (sTop >= bTop) { fixedEl.removeClass('fixed'); } else { fixedEl.addClass('fixed'); } } else { fixedEl.fadeOut(300); } }) }) } const date = new Date(); const curruYear = date.getFullYear(); const currMonth = date.getMonth() + 1; const currDate = date.getDate(); // 替换时间文字 document.querySelectorAll('.time').forEach(function(v){ v.innerHTML = getToday(v.innerHTML); }) // dynamic data const imgIds = []; const bgImgIds = []; const textIds = []; $(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(); }) // 防止页面后退 监听 history.pushState({ title: 'title', url: '#back' }, 'title', '#back'); window.addEventListener('popstate', holdBack); } // 关闭弹窗 $('.close-popup').click(function(){ window.payConfig = { sort: '', value: '' }; $(this).parents('[id*=-popup]').fadeOut(); }) // 关闭注册弹窗 $('.register-close').click(function(){ $(this).parents('[id*=register-popup]').fadeOut(); }) // 打开弹窗 $('[data-popup-id]').click(function(){ window.payConfig.sort = this.getAttribute('data-pay-sort'); window.payConfig.value = this.getAttribute('data-pay-value'); openModal(this); }) // 单链接跳转 $('[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" }); }) $('[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); }); } }) if ($('[data-pay-sort]').length > 0){ $('[data-paytype]').click(function () { window.paytype = this.getAttribute('data-paytype'); }); } // 注册 register.init({ successTxt: false, // 值为false时不执行 successLocation: false, // 值为false时不执行 successFn: function () { ABRecord.registNotice(); //百度ocpc提交成功埋码 window._agl && window._agl.push(['track', ['success', { t: 3 }]]) $(".loading").hide(); window.registerCallback && window.registerCallback(); // customize register code return false; }, type: 'code', //注册类型:normal(常规),code(验证码注册),uid(带推荐人uid) }); }) </script> <!-- 53客服 --> <!-- customize footer code --> </body></html>