<!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> <script src="https://www.acadsoc.com.cn/OCPC/js/ocpc.js"></script> </head> <!-- style: {{templateId}} --> <body class="body--PM"> <!-- js统计 --> <script src="https://img.acadsoc.com.cn/web/js/monitor/apm.web.js"></script> <style> /* auto generate style */ @media (min-width:769px) { .render-swiper-248-0 .container { margin:0 auto 0 auto; position:relative; height:100%; }.render-swiper-248-0 .com { background-color:#fff; border-radius:.1rem .1rem .1rem .1rem; padding:0 .25rem .3rem .25rem; z-index:3; transform:translateY(-50%); top:50%; width:3.5rem; position:absolute; right:0; }.render-swiper-248-0 .regbtn4 { border-radius:60px 60px 60px 60px; background-color:#c30d23; padding:0 0 0 0; margin:.16rem auto 0 auto; color:white; font-weight:bold; display:block; width:100%; font-size:.16rem; height:.5rem; }.render-swiper-248-0 .text1 { color:rgba(20, 43, 136, 1); font-weight:bold; font-size:24px; line-height:1.4; text-align:center; }.render-swiper-248-0 .regphone2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.15rem auto 0 auto; width:100%; }.render-swiper-248-0 .phone { border-radius:60px 60px 60px 60px; background-color:#EEEEEE; padding:0 .3rem 0 .3rem; margin:0 0 0 0; width:100%; font-size:.16rem; height:.5rem; }.render-swiper-248-0 .text2 { color:#666; font-size:.14rem; line-height:1.6; text-align:center; }.render-swiper-248-0 .regcode3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.16rem auto 0 auto; width:100%; position:relative; }.render-swiper-248-0 .code { border-radius:60px 60px 60px 60px; background-color:#EEEEEE; padding:0 0 0 .3rem; margin:0 0 0 0; width:100%; font-size:.16rem; height:.5rem; }.render-swiper-248-0 .regcodebtn { background-color:#c30d23; border-radius:60px; padding:0 .3rem 0 .3rem; top:0; color:white; font-size:.16rem; position:absolute; right:0; height:100%; }.render-swiper-248-0 .timetips { padding:.1rem 0 0 0; background-repeat:no-repeat; margin:-.12rem auto .1rem auto; background-size:auto 100%; color:#fff; width:2.1rem; font-size:16px; background-image:url(https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/img/reg-top.png); text-align:center; height:.6rem; }.render-swiper-248-0 .tips { border-radius:0 0 0 0; padding:0 0 0 0; margin:.15rem auto 0 auto; display:block; }.render-swiper-248-0 .swiper { z-index:2; width:100%; position:absolute; height:100%; }.render-swiper-248-0 .slide1 { background-size:cover; border-radius:0 0 0 0; background-repeat:no-repeat; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/19/dgbcr7rtmaybh8ptm1d936npw6l98rdf.png); padding:0 0 0 0; margin:0 0 0 0; background-position:center; }.render-swiper-248-0 .img { display:none; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }.render-swiper-248-0 .slide2 { background-repeat:no-repeat; background-size:cover; background-position:center; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/19/7ptrmg1d2x4wjxe63wjbjp1d861d3ecl.png); }.render-swiper-248-0 { padding:0 0 0 0; margin:0 0 0 0; position:relative; height:600px; }.render-swiper-323-1 .item { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }.render-swiper-323-1 .img { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; display:block; width:85%; }.render-swiper-323-1 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }.render-swiper-323-1 .subtitle { margin:.3rem 0 0 0; color:#666; font-size:.22rem; line-height:1.6; text-align:center; }.render-swiper-323-1 .title { border:none; color:#333; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; }.render-swiper-323-1 .list { border-radius:0 0 0 0; padding:.5rem 0 .5rem 0; margin:0 auto 0 auto; width:100%; }.render-swiper-323-1 .btn { padding:0 0 0 0; margin:0 auto 0 auto; color:#fff; display:block; font-size:24px; line-height:60px; border-radius:50px 50px 50px 50px; background-color:#b81c25; box-shadow:0 .1rem .1rem rgba(195,13,35,.2); outline:none; width:480px; text-align:center; }.render-swiper-323-1 { background-color:#fff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; }.render-swiper-172-2 .lefttitle { border-radius:.1rem .1rem .1rem .1rem; background-color:#fff; color:#c30d23; font-weight:bold; width:1.6rem; font-size:24px; line-height:.46rem; text-align:center; }.render-swiper-172-2 .righttitle { border-radius:.1rem .1rem .1rem .1rem; background-color:#fff; color:#0e3180; font-weight:bold; width:1.6rem; font-size:24px; line-height:.46rem; text-align:center; }.render-swiper-172-2 .item { padding:.2rem .4rem .2rem .4rem; background-repeat:no-repeat; flex-direction:row; background-size:100% 100%; display:flex; width:100%; justify-content:space-between; min-height:1.5rem; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/09/9pmafgtrmbnan3cgjt2wy81dfcytw2z4.png); background-position:center center; }.render-swiper-172-2 .righttext { padding-top:.2rem; color:#fff; font-size:18px; line-height:1.4; }.render-swiper-172-2 .tab { border-radius:40px 40px 40px 40px; border:1px solid #00269a; cursor:pointer; color:#00269a; width:14%; font-size:20px; line-height:40px; text-align:center; }.render-swiper-172-2 .lefttext { padding-top:.2rem; color:#fff; font-size:18px; line-height:1.4; }.render-swiper-172-2 .leftcontent { width:44%; }.render-swiper-172-2 .slide { }.render-swiper-172-2 .rightcontent { width:42%; }.render-swiper-172-2 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }.render-swiper-172-2 .tabs { margin:.4rem auto .4rem auto; flex-direction:row; display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; }.render-swiper-172-2 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#333; font-weight:bold; font-size:.38rem; line-height:1; text-align:center; }.render-swiper-172-2 .list { margin:0 auto 0 auto; width:100%; }.render-swiper-172-2 .btn { padding:0 0 0 0; margin:.4rem auto 0 auto; color:#fff; display:block; font-size:24px; border-radius:50px 50px 50px 50px; background-color:#b81c25; outline:none; width:420px; height:.6rem; text-align:center; }.render-swiper-172-2 { background-color:#fff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; }.auto-element-265-3>.container { min-height:100px; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }.auto-element-265-3>.container>.p1 { color:#333; font-size:.4rem; border-radius:0 0 0 0; text-align:center; padding:0 0 0 0; margin:0 0 .5rem 0; line-height:1; }.auto-element-265-3>.container>.button3 { border-radius:60px 60px 60px 60px; background-color:rgba(195, 13, 35, 1); padding:0 0 0 0; box-shadow:0px 4px 10px rgba(195,13,35,0.4); margin:.5rem auto 0 auto; color:white; display:block; width:4.2rem; font-size:.24rem; text-align:center; height:.6rem; }.auto-element-265-3>.container>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; min-height:100px; justify-content:space-between; flex-wrap:wrap; min-width:100px; }.auto-element-265-3>.container>.div2>.div8 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:23%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div8>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.19rem; line-height:1; text-align:center; }.auto-element-265-3>.container>.div2>.div8>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; box-shadow:0 0 .04rem .01rem rgba(150,150,150,.1); margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div8>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.22rem; line-height:.5rem; border-radius:0 .36rem 0 0; background-color:#c30d23; left:0; width:88%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div8>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3>.container>.div2>.div7 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:23%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div7>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.19rem; line-height:1; text-align:center; }.auto-element-265-3>.container>.div2>.div7>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; box-shadow:0 0 .04rem .01rem rgba(150,150,150,.1); margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div7>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.22rem; line-height:.5rem; border-radius:0 .36rem 0 0; background-color:#c30d23; left:0; width:88%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div7>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3>.container>.div2>.div6 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:23%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div6>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.19rem; line-height:1; text-align:center; }.auto-element-265-3>.container>.div2>.div6>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; box-shadow:0 0 .04rem .01rem rgba(150,150,150,.1); margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div6>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.22rem; line-height:.5rem; border-radius:0 .36rem 0 0; background-color:#c30d23; left:0; width:88%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div6>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3>.container>.div2>.div5 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:23%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div5>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.19rem; line-height:1; text-align:center; }.auto-element-265-3>.container>.div2>.div5>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; box-shadow:0 0 .04rem .01rem rgba(150,150,150,.1); margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div5>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.22rem; line-height:.5rem; border-radius:0 .36rem 0 0; background-color:#c30d23; left:0; width:88%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div5>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3>.container>.div2>.div4 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .5rem 0; width:23%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div4>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.19rem; line-height:1; text-align:center; }.auto-element-265-3>.container>.div2>.div4>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; box-shadow:0 0 .04rem .01rem rgba(150,150,150,.1); margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div4>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.22rem; line-height:.5rem; border-radius:0 .36rem 0 0; background-color:#c30d23; left:0; width:88%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div4>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3>.container>.div2>.div3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .5rem 0; width:23%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div3>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.19rem; line-height:1; text-align:center; }.auto-element-265-3>.container>.div2>.div3>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; box-shadow:0 0 .04rem .01rem rgba(150,150,150,.1); margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div3>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.22rem; line-height:.5rem; border-radius:0 .36rem 0 0; background-color:#c30d23; left:0; width:88%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div3>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3>.container>.div2>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .5rem 0; width:23%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div2>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.19rem; line-height:1; text-align:center; }.auto-element-265-3>.container>.div2>.div2>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; box-shadow:0 0 .04rem .01rem rgba(150,150,150,.1); margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div2>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.22rem; line-height:.5rem; border-radius:0 .36rem 0 0; background-color:#c30d23; left:0; width:88%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div2>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3>.container>.div2>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .5rem 0; width:23%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.19rem; line-height:1; text-align:center; }.auto-element-265-3>.container>.div2>.div1>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; box-shadow:0 0 .04rem .01rem rgba(150,150,150,.1); margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div1>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.22rem; line-height:.5rem; border-radius:0 .36rem 0 0; background-color:#c30d23; left:0; width:88%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div1>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3 { background-color:#f5f5f5; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; }.auto-element-253-4>.container { min-height:100px; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }.auto-element-253-4>.container>.img4 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; }.auto-element-253-4>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#333; font-weight:bold; font-size:.4rem; text-align:center; }.auto-element-253-4>.container>.p2 { color:#666; font-size:.32rem; border-radius:0 0 0 0; text-align:center; padding:0 0 0 0; margin:.1rem 0 0 0; }.auto-element-253-4>.container>.img5 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem 0 0 0; }.auto-element-253-4>.container>.p5 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem 0 0 0; color:#666; font-size:.18rem; text-align:center; }.auto-element-253-4>.container>.button7 { border-radius:60px 60px 60px 60px; background-color:rgba(195, 13, 35, 1); padding:0 0 0 0; box-shadow:0px 4px 10px rgba(195,13,35,0.4); margin:.4rem auto 0 auto; color:white; display:block; width:4rem; font-size:.24rem; text-align:center; height:.6rem; }.auto-element-253-4 { background-color:#F5F5F5; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; }.auto-element-330-6>.container { min-height:100px; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }.auto-element-330-6>.container>.img3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; }.auto-element-330-6>.container>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; display:block; }.auto-element-330-6 { background-color:#f9fafe; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; }.auto-element-230-7>.container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }.auto-element-230-7>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#666; font-size:.24rem; text-align:center; }.auto-element-230-7 { background-color:white; border-radius:0 0 0 0; padding:.3rem 0 .3rem 0; margin:0 0 0 0; }.render-jsx-175-P8j5Ql>.con { background-color:white; border-radius:20px; padding:0 0 .4rem 0; margin:0 auto 0 auto; transform:translate(-50%,-50%); top:50%; left:50%; width:4.5rem; position:absolute; }.render-jsx-175-P8j5Ql>.con>.regbtn { border-radius:60px; background-color:#c30d23; margin:0 auto; color:white; font-weight:bold; display:block; width:4rem; font-size:16px; height:.55rem; }.render-jsx-175-P8j5Ql>.con>.img { margin:-.75rem 0 0; width:100%; }.render-jsx-175-P8j5Ql>.con>.regphone { margin:.2rem auto 0 auto; width:4rem; }.render-jsx-175-P8j5Ql>.con>.regphone>.phone { border:1px solid #A0A0A0; border-radius:60px; padding:0 0 0 .3rem; width:100%; font-size:16px; height:.5rem; }.render-jsx-175-P8j5Ql>.con>.closeimg { top:.16rem; width:.23rem; right:.16rem; position:absolute; }.render-jsx-175-P8j5Ql>.con>.regcode { margin:.2rem auto .2rem auto; width:4rem; position:relative; }.render-jsx-175-P8j5Ql>.con>.regcode>.code { border:1px solid #A0A0A0; border-radius:60px; padding:0 0 0 .3rem; width:100%; font-size:16px; line-height:.5rem; height:.5rem; }.render-jsx-175-P8j5Ql>.con>.regcode>.regcodebtn { background-color:#c30d23; border-radius:60px; padding:0 30px 0 30px; top:0; color:white; font-size:16px; position:absolute; right:0; height:100%; }.render-jsx-175-P8j5Ql>.con>.title { margin:.2rem 0; color:rgba(195, 13, 35, 1); font-weight:bold; font-size:.32rem; text-align:center; }.render-jsx-175-P8j5Ql { background-color:rgba(0,0,0,0.5); padding:0 0 0 0; margin:0 0 0 0; top:0; left:0; bottom:0; position:fixed; right:0; } } @media (max-width:768px) { .render-swiper-248-0 .container { margin:0 auto 0 auto; position:relative; }.render-swiper-248-0 .com { background-color:#fff; border-radius:.1rem .1rem .1rem .1rem; padding:.9rem .3rem .3rem .3rem; box-shadow:0 0 .1rem .1rem rgba(0,40,162,.1); transform:translateY(0); margin:-.7rem auto 0 auto; z-index:2; top:initial; width:92%; position:relative; right:initial; }.render-swiper-248-0 .regbtn4 { border-radius:60px 60px 60px 60px; background-color:#c30d23; padding:0 0 0 0; margin:.3rem auto 0 auto; color:white; font-weight:bold; display:block; width:100%; font-size:.32rem; height:.9rem; }.render-swiper-248-0 .text1 { color:rgba(20, 43, 136, 1); font-weight:bold; font-size:.38rem; line-height:1.4; text-align:center; }.render-swiper-248-0 .regphone2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.3rem auto 0 auto; top:.3rem; width:100%; }.render-swiper-248-0 .phone { border-radius:60px 60px 60px 60px; background-color:#EEEEEE; padding:0 .3rem 0 .3rem; margin:0 0 0 0; width:100%; font-size:.28rem; height:.9rem; }.render-swiper-248-0 .text2 { color:#666; font-size:.28rem; line-height:1.6; text-align:center; }.render-swiper-248-0 .regcode3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.3rem auto 0 auto; width:100%; position:relative; }.render-swiper-248-0 .code { border-radius:60px 60px 60px 60px; background-color:#EEEEEE; padding:0 0 0 .3rem; margin:0 0 0 0; width:100%; font-size:.28rem; height:.9rem; }.render-swiper-248-0 .regcodebtn { background-color:#c30d23; border-radius:60px; padding:0 .3rem 0 .3rem; top:0; color:white; font-size:.28rem; position:absolute; right:0; height:100%; }.render-swiper-248-0 .timetips { padding:.14rem 0 0 0; background-size:auto 100%; color:#fff; font-size:.24rem; line-height:1.3; background-repeat:no-repeat; transform:translateX(-50%); top:-.18rem; left:50%; width:2.95rem; background-image:url(https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/img/reg-top.png); position:absolute; text-align:center; height:.9rem; }.render-swiper-248-0 .tips { border-radius:0 0 0 0; padding:0 0 0 0; margin:.24rem auto 0 auto; display:block; }.render-swiper-248-0 .swiper { width:100%; }.render-swiper-248-0 .slide1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }.render-swiper-248-0 .img { width:100%; border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }.render-swiper-248-0 .slide2 { }.render-swiper-248-0 { background-color:#fff; padding:0 0 .2rem 0; margin:0 0 0 0; position:relative; }.render-swiper-323-1 .item { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; }.render-swiper-323-1 .img { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; display:block; width:88%; }.render-swiper-323-1 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }.render-swiper-323-1 .subtitle { margin:.25rem 0 0 0; color:#666; font-size:.28rem; line-height:1.6; text-align:center; }.render-swiper-323-1 .title { border:none; color:#333; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; }.render-swiper-323-1 .list { border-radius:0 0 0 0; padding:.4rem 0 .4rem 0; margin:0 auto .4rem auto; width:100%; }.render-swiper-323-1 .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:#b81c25; box-shadow:0 .1rem .1rem rgba(195,13,35,.2); outline:none; width:92%; text-align:center; }.render-swiper-323-1 { background-color:#fff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; }.render-swiper-172-2 .lefttitle { border-radius:.1rem .1rem .1rem .1rem; background-color:#fff; color:#c30d23; font-weight:bold; width:1.7rem; font-size:.28rem; line-height:.46rem; text-align:center; }.render-swiper-172-2 .righttitle { border-radius:.1rem .1rem .1rem .1rem; background-color:#fff; color:#0e3180; font-weight:bold; width:1.7rem; font-size:.28rem; line-height:.46rem; text-align:center; }.render-swiper-172-2 .item { padding:.4rem .3rem .4rem .3rem; background-repeat:no-repeat; flex-direction:row; background-size:100% 100%; display:flex; width:100%; justify-content:space-between; background-image:url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/09/2m7y3j3bj2fm74ab2747hrjal969ah7k.png); background-position:center center; }.render-swiper-172-2 .righttext { padding-top:.2rem; color:#fff; font-size:.24rem; line-height:1.4; }.render-swiper-172-2 .tab { border-radius:.4rem .4rem .4rem .4rem; border:1px solid #00269a; cursor:pointer; margin:.3rem 0 0 0; color:#00269a; width:31%; font-size:.26rem; line-height:.6rem; text-align:center; }.render-swiper-172-2 .lefttext { padding-top:.2rem; color:#fff; font-size:.24rem; line-height:1.4; }.render-swiper-172-2 .leftcontent { width:40%; }.render-swiper-172-2 .slide { }.render-swiper-172-2 .rightcontent { width:37%; }.render-swiper-172-2 .container { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; }.render-swiper-172-2 .tabs { margin:0 auto .4rem auto; flex-direction:row; display:flex; width:100%; justify-content:space-between; flex-wrap:wrap; }.render-swiper-172-2 .title { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .3rem 0; color:#333; font-weight:bold; font-size:.4rem; line-height:1; text-align:center; }.render-swiper-172-2 .list { }.render-swiper-172-2 .btn { padding:0 0 0 0; margin:.5rem auto 0 auto; color:#fff; display:block; font-size:.32rem; line-height:.88rem; border-radius:.5rem .5rem .5rem .5rem; background-color:#b81c25; outline:none; width:88%; height:.88rem; text-align:center; }.render-swiper-172-2 { background-color:#fff; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; }.auto-element-265-3>.container { border-radius:0 0 0 0; padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; min-height:100px; }.auto-element-265-3>.container>.p1 { color:#333; font-size:.4rem; border-radius:0 0 0 0; text-align:center; padding:0 0 0 0; margin:0 0 .5rem 0; line-height:1.3; }.auto-element-265-3>.container>.button3 { border-radius:60px 60px 60px 60px; background-color:rgba(195, 13, 35, 1); padding:0 0 0 0; box-shadow:0px 4px 10px rgba(195,13,35,0.4); margin:.5rem auto 0 auto; color:white; display:block; width:90%; font-size:.32rem; text-align:center; height:.9rem; }.auto-element-265-3>.container>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:flex; min-height:100px; justify-content:space-between; flex-wrap:wrap; min-width:100px; }.auto-element-265-3>.container>.div2>.div8 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:48%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div8>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.26rem; line-height:1.4; text-align:center; }.auto-element-265-3>.container>.div2>.div8>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div8>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.3rem; line-height:.6rem; border-radius:0 .4rem 0 0; background-color:#c30d23; left:0; width:90%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div8>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3>.container>.div2>.div7 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; width:48%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div7>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.26rem; line-height:1.4; text-align:center; }.auto-element-265-3>.container>.div2>.div7>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div7>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.3rem; line-height:.6rem; border-radius:0 .4rem 0 0; background-color:#c30d23; left:0; width:90%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div7>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3>.container>.div2>.div6 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .4rem 0; width:48%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div6>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.26rem; line-height:1.4; text-align:center; }.auto-element-265-3>.container>.div2>.div6>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div6>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.3rem; line-height:.6rem; border-radius:0 .4rem 0 0; background-color:#c30d23; left:0; width:90%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div6>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3>.container>.div2>.div5 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .4rem 0; width:48%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div5>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.26rem; line-height:1.4; text-align:center; }.auto-element-265-3>.container>.div2>.div5>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div5>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.3rem; line-height:.6rem; border-radius:0 .4rem 0 0; background-color:#c30d23; left:0; width:90%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div5>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3>.container>.div2>.div4 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .4rem 0; width:48%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div4>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.26rem; line-height:1.4; text-align:center; }.auto-element-265-3>.container>.div2>.div4>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div4>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.3rem; line-height:.6rem; border-radius:0 .4rem 0 0; background-color:#c30d23; left:0; width:90%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div4>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3>.container>.div2>.div3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .4rem 0; width:48%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div3>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.26rem; line-height:1.4; text-align:center; }.auto-element-265-3>.container>.div2>.div3>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div3>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.3rem; line-height:.6rem; border-radius:0 .4rem 0 0; background-color:#c30d23; left:0; width:90%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div3>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3>.container>.div2>.div2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .4rem 0; width:48%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div2>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.26rem; line-height:1.4; text-align:center; }.auto-element-265-3>.container>.div2>.div2>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div2>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.3rem; line-height:.6rem; border-radius:0 .4rem 0 0; background-color:#c30d23; left:0; width:90%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div2>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3>.container>.div2>.div1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 .4rem 0; width:48%; min-height:100px; min-width:100px; }.auto-element-265-3>.container>.div2>.div1>.p2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.25rem 0 0 0; color:#666; font-size:.26rem; line-height:1.4; text-align:center; }.auto-element-265-3>.container>.div2>.div1>.div1 { border-radius:.1rem .1rem .1rem .1rem; padding:0 0 0 0; margin:0 0 0 0; overflow:hidden; min-height:100px; position:relative; min-width:100px; }.auto-element-265-3>.container>.div2>.div1>.div1>.p2 { padding:0 0 0 0; margin:0 0 0 0; color:#fff; bottom:0; display:block; font-size:.3rem; line-height:.6rem; border-radius:0 .4rem 0 0; background-color:#c30d23; left:0; width:90%; position:absolute; text-align:center; }.auto-element-265-3>.container>.div2>.div1>.div1>.img1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:block; width:100%; }.auto-element-265-3 { background-color:#f5f5f5; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; }.auto-element-253-4>.container { border-radius:0 0 0 0; padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; min-height:100px; }.auto-element-253-4>.container>.img4 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.2rem 0 0 0; }.auto-element-253-4>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#333; font-weight:bold; font-size:.4rem; text-align:center; }.auto-element-253-4>.container>.p2 { color:#666; font-size:.32rem; border-radius:0 0 0 0; text-align:center; padding:0 0 0 0; margin:.2rem 0 0 0; }.auto-element-253-4>.container>.img5 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; }.auto-element-253-4>.container>.p5 { color:#666; font-size:.28rem; border-radius:0 0 0 0; text-align:center; padding:0 0 0 0; margin:.2rem 0 0 0; }.auto-element-253-4>.container>.button7 { border-radius:60px 60px 60px 60px; background-color:rgba(195, 13, 35, 1); padding:0 0 0 0; box-shadow:0px 4px 10px rgba(195,13,35,0.4); margin:.4rem auto 0 auto; color:white; display:block; width:6rem; font-size:.32rem; text-align:center; height:.9rem; }.auto-element-253-4 { background-color:white; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; }.auto-element-330-6>.container { border-radius:0 0 0 0; padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; min-height:100px; }.auto-element-330-6>.container>.img3 { border-radius:0 0 0 0; padding:0 0 0 0; margin:.5rem auto 0 auto; display:block; }.auto-element-330-6>.container>.img2 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; display:none; }.auto-element-330-6 { background-color:#f9fafe; border-radius:0 0 0 0; padding:.6rem 0 .6rem 0; margin:0 0 0 0; min-height:100px; }.auto-element-230-7>.container { border-radius:0 0 0 0; padding:0 .3rem 0 .3rem; margin:0 auto 0 auto; }.auto-element-230-7>.container>.p1 { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#666; font-size:.24rem; text-align:center; }.auto-element-230-7 { background-color:white; border-radius:0 0 0 0; padding:.3rem 0 .3rem 0; margin:0 0 0 0; }.render-jsx-175-P8j5Ql>.con { background-color:white; border-radius:13px; padding:0 0 .4rem 0; margin:0 auto 0 auto; transform:translate(-50%,-50%); top:50%; left:50%; width:7rem; position:absolute; }.render-jsx-175-P8j5Ql>.con>.regbtn { border-radius:60px; background-color:#c30d23; margin:0 auto; color:white; font-weight:bold; display:block; width:6rem; font-size:.32rem; height:.9rem; }.render-jsx-175-P8j5Ql>.con>.img { margin:-1.18rem 0 0; width:100%; }.render-jsx-175-P8j5Ql>.con>.regphone { margin:.2rem auto 0 auto; top:.3rem; width:6rem; }.render-jsx-175-P8j5Ql>.con>.regphone>.phone { border:1px solid #A0A0A0; border-radius:60px; padding:0 0 0 .3rem; width:100%; font-size:.28rem; height:.9rem; }.render-jsx-175-P8j5Ql>.con>.closeimg { top:.3rem; width:.4rem; right:.3rem; position:absolute; }.render-jsx-175-P8j5Ql>.con>.regcode { margin:.3rem auto .3rem auto; width:6rem; position:relative; }.render-jsx-175-P8j5Ql>.con>.regcode>.code { border:1px solid #A0A0A0; border-radius:60px; padding:0 0 0 .3rem; width:100%; font-size:.28rem; height:.9rem; }.render-jsx-175-P8j5Ql>.con>.regcode>.regcodebtn { background-color:#c30d23; border-radius:60px; padding:0 .3rem 0 .3rem; top:0; color:white; font-size:.3rem; position:absolute; right:0; height:100%; }.render-jsx-175-P8j5Ql>.con>.title { margin:.2rem 0; color:rgba(195, 13, 35, 1); font-weight:bold; font-size:.32rem; text-align:center; }.render-jsx-175-P8j5Ql { background-color:rgba(0,0,0,0.5); padding:0 0 0 0; margin:0 0 0 0; top:0; left:0; bottom:0; position:fixed; right:0; } } </style> <header class="top"> <div class="header-wrap"> <a class="header-logo" href="javascript:;"></a> <div class="header-text">省时 · 省钱 · 专业 · 贴心 · 有保障</div> <div class="header-tel"></div> </div> </header> <style> /* PC端 */ @media (min-width:769px) { } /* 手机端 */ @media (max-width:768px) { } </style> <div class="render-swiper-248-0"> <div class="swiper swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide slide1"> <img class="img" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/03/a4dfl5zgrpf2zfw1dgnl28m579gl9m31.png"> </div> <div class="swiper-slide slide2"> <img class="img" src="https://img.acadsoc.com.cn/web/lps/sem/sogou/pz/cr/LHY2SEM/img/banner2.png"> </div> </div> </div> <div class="container"> <div class="com"> <div class="timetips">距结束还剩:<b style="display:block;color:#fff;">00:00:00</b></div> <p class="text1"><b style="color:#c30d23;">免费领</b> 53节精品外教课</p> <p class="text2">*每个ID限领一次</p> <div class="regphone2"> <input placeholder="请输入手机号" type="tel" name="TxtPhone" class="phone"> </div> <div class="regcode3"> <input placeholder="请输入验证码" type="tel" name="TxtCode" class="code"> <button name="btnGetSMS" class="regcodebtn">获取验证码</button> </div> <button name="registerSubmit" class="regbtn4">立即领取</button> <img class="tips" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/20/wbp3ae8zgj6n4kfta4gb21dtzl72r3mr.png"> </div> </div> </div> <script type="text/javascript" src="https://img.acadsoc.com.cn/web/lps/js/time-util.js"></script> <script> $(function(){ getTomorrowCountDown(function (res) { $('.render-swiper-248-0 .timetips b').text(`${res.hourse}:${res.minutes}:${res.seconds}`); }); new Swiper('.render-swiper-248-0 .swiper-container',HtmlWidth >= 768 ? {"loop":true,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false}} : {"loop":true,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false}} ) }) </script> <style> .render-swiper-323-1 .swiper-pagination{ bottom:0; } .render-swiper-323-1 .swiper-pagination-bullet{ width:.1rem;height:.1rem; } .render-swiper-323-1 .swiper-pagination-bullet-active{ background:#0e3180; } /* PC端 */ @media (min-width:769px) { .render-swiper-323-1 .swiper-pagination{ display:none; } } /* 手机端 */ @media (max-width:768px) { .render-swiper-323-1 .swiper-pagination-bullet{ margin:0 3px !important; } } </style> <div class="render-swiper-323-1"> <div class="container"> <h2 class="title">我特别为大家申请了<b style="color:#ce0e2d;">试听课程礼品~</b></h2> <p class="subtitle">精美英语礼盒 | 或畅销书《说出美国人的每一天》<br>限量随课赠送(全国包邮)</p> <div class="swiper-container list"> <div class="swiper-wrapper"> <div class="swiper-slide item key"> <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/23/9r5rcj75hzandbfc2ctcedgxzwdl7an4.png"> </div> <div class="swiper-slide item key"> <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/23/t51djn1dhwcy5b7j2etcm2tyc47l1dyt.png"> </div> </div> <div class="swiper-pagination"></div> </div> <button class="btn" data-popup-id="175" data-popup-hash-lufrav="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-5jlyj9="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-fm41ok="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" data-popup-hash-j29wch="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-w2jnqd="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-fvtbgu="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-ylkitn="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png">立即试听</button> </div> </div> <script> $(function(){ new Swiper ('.render-swiper-323-1 .swiper-container', HtmlWidth >= 768 ? {"loop":false,"initialSlide":0,"centeredSlides":false,"slidesPerView":2,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false},"spaceBetween":0,"pagination":{"el":".render-swiper-323-1 .swiper-pagination","clickable":true}} : {"loop":true,"initialSlide":0,"centeredSlides":false,"slidesPerView":1,"autoplay":{"delay":4000,"stopOnLastSlide":false,"disableOnInteraction":false},"spaceBetween":0,"pagination":{"el":".render-swiper-323-1 .swiper-pagination","clickable":true}} ); }) </script> <style> .render-swiper-172-2 .active{ background-color:#c30d23;color:#fff;border-color:#c30d23; } /* PC端 */ @media (min-width:769px) { } /* 手机端 */ @media (max-width:768px) { .render-swiper-172-2 .swiper-pagination{ display:none; } } </style> <div class="render-swiper-172-2"> <div class="container"> <h2 class="title"><b style="color:#c30d23;font-style:italic;font-size:.5rem;">请选择</b> 您的身份</h2> <ol class="tabs"> <li class="tab active index1">零基础</li> <li class="tab">上班族/白领</li> <li class="tab index3">在校学生</li> <li class="tab">自由职业</li> <li class="tab index5">雅思/托福</li> <li class="tab">出国旅游</li> </ol> <div class="swiper-container list"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="item"> <div class="leftcontent"> <h3 class="lefttitle title">你可能面临</h3> <p class="lefttext">英语基础弱,自学缺方法,发音不准不敢开口</p> </div> <div class="rightcontent"> <h3 class="righttitle title">我们能做的</h3> <p class="righttext">专业定制个性化学习方案,真人外教1对1 陪练</p> </div> </div> </div> <div class="swiper-slide"> <div class="item"> <div class="leftcontent"> <h3 class="lefttitle title">你可能面临</h3> <p class="lefttext">工作繁忙、没时间,职场竞争压力大,普通课程无法满足需求</p> </div> <div class="rightcontent"> <h3 class="righttitle title">我们能做的</h3> <p class="righttext">每天25分钟,外教1对1高频互动,随时随地轻松高效</p> </div> </div> </div> <div class="swiper-slide"> <div class="item"> <div class="leftcontent"> <h3 class="lefttitle title">你可能面临</h3> <p class="lefttext">盲目背单词记语法,学习枯燥、无人监督,没法坚持、效果差</p> </div> <div class="rightcontent"> <h3 class="righttitle title">我们能做的</h3> <p class="righttext">量需定制专属学习方案,沉浸式情景教学3对1全程跟进学习</p> </div> </div> </div> <div class="swiper-slide"> <div class="item"> <div class="leftcontent"> <h3 class="lefttitle title">你可能面临</h3> <p class="lefttext">口语不流利,不懂社交用语,想学但不知如何起步</p> </div> <div class="rightcontent"> <h3 class="righttitle title">我们能做的</h3> <p class="righttext">8大类176种课程,1对1量身定制,轻松学好英语</p> </div> </div> </div> <div class="swiper-slide"> <div class="item"> <div class="leftcontent"> <h3 class="lefttitle title">你可能面临</h3> <p class="lefttext">缺乏纯英文学习环境,口语提升困难,找不到好方法</p> </div> <div class="rightcontent"> <h3 class="righttitle title">我们能做的</h3> <p class="righttext">真人外教1对1,真实场景实战演练,口语地道学得快</p> </div> </div> </div> <div class="swiper-slide"> <div class="item"> <div class="leftcontent"> <h3 class="lefttitle title">你可能面临</h3> <p class="lefttext">英语基础弱,哑巴英语,不敢开口说,出国语言不通</p> </div> <div class="rightcontent"> <h3 class="righttitle title">我们能做的</h3> <p class="righttext">定制化教材,外教1对1,模拟真实生活场景,教你地道口语</p> </div> </div> </div> </div> </div> <button class="btn" data-popup-id="175" data-popup-hash-lufrav="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-5jlyj9="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-fm41ok="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" data-popup-hash-j29wch="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-w2jnqd="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-fvtbgu="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-ylkitn="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png">定制我的学习计划</button> </div> </div> <script> $(function(){ const mySwiper = new Swiper ('.render-swiper-172-2 .swiper-container', { slidesPerView: 1, centeredSlides: true, initialSlide: 0, spaceBetween: 0, autoplay: { delay: 3000, stopOnLastSlide: false, disableOnInteraction: false, }, pagination: { el:'.render-swiper-172-2 .swiper-pagination', clickable :true, }, on: { slideChangeTransitionStart: function(){ const index = this.activeIndex; $('.render-swiper-172-2 .tabs li').each(function(i,v){ $('.render-swiper-172-2 .tabs li').eq(index).addClass('active').siblings('li').removeClass('active') }) }, }, }); $('.render-swiper-172-2 .tabs li').click(function(){ const index = $(this).index(); $(this).addClass('active').siblings('li').removeClass('active'); mySwiper.slideTo(index, 300, false); }) }) </script> <div class="auto-element-265-3"> <div class="container"> <p class="p1">阿卡索<i style="color:#0e3180;font-size:.5rem;;">8大优势</i> 助力学员高效学习</p> <div class="div2"> <div class="div1"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/ty/hy/zhyy1/v/img/adv-img1.png"> <p class="p2">1对1真人外教课</p> </div> <p class="p2">严选全球外教真人互动授课</p> </div> <div class="div2"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/ty/hy/zhyy1/v/img/adv-img2.png"> <p class="p2">随时随地在线学习</p> </div> <p class="p2">高效省时有效利用碎片时间</p> </div> <div class="div3"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/ty/hy/zhyy1/v/img/adv-img3.png"> <p class="p2">外教100%持证上岗</p> </div> <p class="p2">外教经验丰富均持证教学</p> </div> <div class="div4"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/ty/hy/zhyy1/v/img/adv-img4.png"> <p class="p2">纯英文的语言环境</p> </div> <p class="p2">在家学原汁原味学地道口语</p> </div> <div class="div5"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/ty/hy/zhyy1/v/img/adv-img5.png"> <p class="p2">国际原版教材引进</p> </div> <p class="p2">在家就能畅享国际英文课堂</p> </div> <div class="div6"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/ty/hy/zhyy1/v/img/adv-img6.png"> <p class="p2">量身定制专属课程</p> </div> <p class="p2">满足不同所需定制个性课程 </p> </div> <div class="div7"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/ty/hy/zhyy1/v/img/adv-img7.png"> <p class="p2">3对1贴心服务</p> </div> <p class="p2">全程伴学随时检测并跟进效果</p> </div> <div class="div8"> <div class="div1"> <img class="img1" src="https://img.acadsoc.com.cn/web/lps/aoc/sem/ty/hy/zhyy1/v/img/adv-img8.png"> <p class="p2">低至13.8元/节</p> </div> <p class="p2">精选8大课程且每节低至13.8</p> </div> </div> <button data-popup-id="175" data-popup-hash-lufrav="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-5jlyj9="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-fm41ok="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" data-popup-hash-j29wch="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-w2jnqd="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-fvtbgu="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-ylkitn="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" class="button3">免费试听课程</button> </div> </div> <div class="auto-element-253-4"> <div class="container"> <p class="p1"><b style="color:rgba(195, 13, 35, 1);font-style:italic;font-size:1.2em;">外教 1对 1</b> 快速提升口语水平</p> <p class="p2">均持证教学省心更放心</p> <img class="img4" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/l7yekerelz9hrbtmj1dy91dbcatebz4h.png"> <img class="img5" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/l7kh578g95nmcr9frtcjyjywzyw7lj4t.png"> <p class="p5">*因授课外教众多,仅展示部分外教</p> <button data-popup-id="175" data-popup-hash-lufrav="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-5jlyj9="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-fm41ok="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC" data-popup-hash-j29wch="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-w2jnqd="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-fvtbgu="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-ylkitn="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" class="button7">0元免费试听</button> </div> </div> <style> /* PC端 */ @media (min-width:769px) { .render-jsx-40-5 { background-color:#f9fafe; border-radius:0 0 0 0; padding:50px 0 0 0; margin:0 0 0 0; text-align:center; } .render-jsx-40-5 p { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; color:#333; font-weight:bold; display:inline-block; font-size:.4rem; text-align:center; } } /* 手机端 */ @media (max-width:768px) { .render-jsx-40-5 { background-color:white; border-radius:0 0 0 0; padding:30px 0 30px 0; margin:0 0 0 0; text-align:center; } .render-jsx-40-5 p { padding:0 0 0 0; margin:0 0 0 0; color:black; display:inline-block; font-size:20px; text-align:center; } } </style> <div class="render-jsx-40-5"> <p class="pc--show pc">10年专注 众多学员的明智之选</p> <p class="mobile--show">5层严格筛选外教</p> </div> <div class="auto-element-330-6"> <div class="container"> <img class="img2" src="https://img.acadsoc.com.cn/web/lps/sem-lp/se/img0523/pc.gif"> <img class="img3" src="https://img.acadsoc.com.cn/web/lps/sem-lp/se/img0523/mobile.gif"> </div> </div> <div class="auto-element-230-7"> <div class="container"> <p class="p1">*以上数据均为内部统计数据</p> </div> </div> <style> .fixed{position:fixed;bottom:0;left:0; z-index: 6;} .render-jsx-46-8 { font-size:0; } /* PC端 */ @media (min-width:769px) { .render-jsx-46-8 { padding:0 0 0 0; margin:0 0 0 0; text-align:center; } .render-jsx-46-8 img {pointer-events: none; border-radius:0 0 0 0; padding:0 0 0 0; margin:-5% 0 0 0; width:100%; height:auto; } } /* 手机端 */ @media (max-width:768px) { .render-jsx-46-8 { padding:0 0 0 0; margin:0 0 0 0; text-align:center; } .render-jsx-46-8 img {pointer-events: none; border-radius:0 0 0 0; padding:0 0 0 0; margin:-11% 0 0 0; width:100%; height:auto; } } </style> <div class="render-jsx-46-8-top"></div> <div class="render-jsx-46-8" data-popup-id="175" data-popup-hash-j29wch="0%E5%85%83%E8%AF%95%E8%AF%BE" data-popup-hash-fvtbgu="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-popup-hash-lufrav="%E5%A1%AB%E5%86%99%E6%82%A8%E7%9A%84%E6%89%8B%E6%9C%BA%E5%8F%B7" data-popup-hash-ylkitn="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-popup-hash-5jlyj9="%E8%AF%B7%E8%BE%93%E5%85%A5%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-w2jnqd="%E8%8E%B7%E5%8F%96%E9%AA%8C%E8%AF%81%E7%A0%81" data-popup-hash-fm41ok="%3Cb%20style=%22color:rgba(20,%2043,%20136,%201)%22%3E%E5%A5%BD%E8%AF%BE%3C/b%3E%E5%85%8D%E8%B4%B9%E8%AF%95%E5%90%AC"> <a> <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/mfbfl5r1dz4kgjdbcr7rnak2z8n4cpz8.png" class="pc--show pc"> <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/20/nyl84b8lamke4yax9xzb1d4adjg1dncw.png" class="mobile--show"> </a> </div> <script> $(function () { bottomShow(); }) function bottomShow() { // 定位元素 let fixedBottom = $('.render-jsx-46-8'); // 头部元素 let headerFixedElement = $('body>div').eq(0); // 底部元素 let removeFixedElement = $('.render-jsx-46-8-top'); let bTop = removeFixedElement.offset().top - 10 - $(window).height() + removeFixedElement.height(); let rTop = headerFixedElement.offset().top + headerFixedElement.height(); $(window).scroll(function () { let sTop = $(this).scrollTop(); if (sTop > rTop) { fixedBottom.fadeIn(300); if (sTop >= bTop) { fixedBottom.removeClass('fixed'); } else { fixedBottom.addClass('fixed'); } } else { fixedBottom.fadeOut(300); } }) } </script> <style> /* PC端 */ @media (min-width:769px) { .render-jsx-23-AzMVG5 { border-radius:0 0 0 0; top:0; padding:0 0 0 0; margin:0 0 0 0; bottom:0; display:flex; right:0; left:0; justify-content:center; position:fixed; align-items:center; } .render-jsx-23-AzMVG5>.content { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; width:400px; position:relative; height:auto; } .render-jsx-23-AzMVG5>.content>.img { width:100%; } .render-jsx-23-AzMVG5>.content>.close-img { border-radius:0 0 0 0; top:20px; height:auto; padding:0 0 0 0; margin:0 0 0 0; right:40px; width:20px; position:absolute; } .render-jsx-23-AzMVG5>.content>.el { top:28%; left:0; width:100%; position:absolute; text-align:center; } .render-jsx-23-AzMVG5>.content>.el>.qrcode { border-radius:0 0 0 0; border:5px solid #bc0a1d; padding:0 0 0 0; margin:0 0 0 0; width:40%; } .render-jsx-23-AzMVG5>.content>.el>.wx { border-radius:0 0 0 0; padding:0 0 0 0; margin:5px 0 5px 0; color:#fff; font-size:14px; } .render-jsx-23-AzMVG5>.content>.el>.btn-img { margin:0 0 0 0; width:40%; } } /* 手机端 */ @media (max-width:768px) { .render-jsx-23-AzMVG5 { padding:0 0 0 0; margin:0 0 0 0; bottom:0; display:flex; right:0; border-radius:0 0 0 0; top:0; left:0; justify-content:center; position:fixed; align-items:center; } .render-jsx-23-AzMVG5>.content { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; width:80%; position:relative; height:auto; } .render-jsx-23-AzMVG5>.content>.img { width:100%; } .render-jsx-23-AzMVG5>.content>.close-img { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; top:20px; width:20px; position:absolute; right:40px; height:auto; } .render-jsx-23-AzMVG5>.content>.el { top:28%; left:0; width:100%; position:absolute; text-align:center; } .render-jsx-23-AzMVG5>.content>.el>.qrcode { border-radius:0 0 0 0; border:5px solid #bc0a1d; padding:0 0 0 0; margin:0 0 0 0; width:40%; } .render-jsx-23-AzMVG5>.content>.el>.wx { border-radius:0 0 0 0; padding:0 0 0 0; margin:0px 0 5px 0; color:#fff; font-size:14px; } .render-jsx-23-AzMVG5>.content>.el>.btn-img { margin:0 0 0 0; width:40%; } } .render-jsx-23-AzMVG5 { background-color:rgba(0,0,0,.5); } </style> <div class="render-jsx-23-AzMVG5" id="success-popup-23" style="display: none;"> <div class="content"> <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/25/ef25rc51dhn8b9hzf8b4le1dwcwgxwg3.png"> <img class="close-img" src="https://img.acadsoc.com.cn/web/lps/lp2019/lp-LHY/img/close-btn.png"> <div class="el"> <img class="qrcode" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/18/37t5rcw1dytxctdf8zta2n7fnhadg7de.png" data-popup-id="23"> <p class="wx">微信号:Acadsoc_kylo</p> <img class="btn-img to-wx btn" src="https://img.acadsoc.com.cn/web/lps/kj/ty/img/cp-btn.png" style="cursor: pointer;" data-wx="Acadsoc_kylo"> </div> </div> </div> <script> $(function(){ $('.render-jsx-23-AzMVG5 .close-img').click(function(){ $('.render-jsx-23-AzMVG5').hide(); }) $('.to-wx').click(function(){ const element = document.createElement('input'); element.value = $(this).attr('data-wx'); document.body.append(element); element.select(); document.execCommand('Copy'); // 原生copy方法执行浏览器复制命令 document.body.removeChild(element); alert('复制成功!'); const aele = document.createElement('a'); aele.href ='weixin://'; aele.click(); }); }) </script><style> /* PC端 */ @media (min-width:769px) { .render-jsx-23-z1zRrS { border-radius:0 0 0 0; top:0; padding:0 0 0 0; margin:0 0 0 0; bottom:0; display:flex; right:0; left:0; justify-content:center; position:fixed; align-items:center; } .render-jsx-23-z1zRrS>.content { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; width:400px; position:relative; height:auto; } .render-jsx-23-z1zRrS>.content>.img { width:100%; } .render-jsx-23-z1zRrS>.content>.close-img { border-radius:0 0 0 0; top:20px; height:auto; padding:0 0 0 0; margin:0 0 0 0; right:40px; width:20px; position:absolute; } .render-jsx-23-z1zRrS>.content>.el { top:28%; left:0; width:100%; position:absolute; text-align:center; } .render-jsx-23-z1zRrS>.content>.el>.qrcode { border-radius:0 0 0 0; border:5px solid #bc0a1d; padding:0 0 0 0; margin:0 0 0 0; width:40%; } .render-jsx-23-z1zRrS>.content>.el>.wx { border-radius:0 0 0 0; padding:0 0 0 0; margin:5px 0 5px 0; color:#fff; font-size:14px; } .render-jsx-23-z1zRrS>.content>.el>.btn-img { margin:0 0 0 0; width:40%; } } /* 手机端 */ @media (max-width:768px) { .render-jsx-23-z1zRrS { padding:0 0 0 0; margin:0 0 0 0; bottom:0; display:flex; right:0; border-radius:0 0 0 0; top:0; left:0; justify-content:center; position:fixed; align-items:center; } .render-jsx-23-z1zRrS>.content { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 auto 0 auto; width:80%; position:relative; height:auto; } .render-jsx-23-z1zRrS>.content>.img { width:100%; } .render-jsx-23-z1zRrS>.content>.close-img { border-radius:0 0 0 0; padding:0 0 0 0; margin:0 0 0 0; top:20px; width:20px; position:absolute; right:40px; height:auto; } .render-jsx-23-z1zRrS>.content>.el { top:28%; left:0; width:100%; position:absolute; text-align:center; } .render-jsx-23-z1zRrS>.content>.el>.qrcode { border-radius:0 0 0 0; border:5px solid #bc0a1d; padding:0 0 0 0; margin:0 0 0 0; width:40%; } .render-jsx-23-z1zRrS>.content>.el>.wx { border-radius:0 0 0 0; padding:0 0 0 0; margin:0px 0 5px 0; color:#fff; font-size:14px; } .render-jsx-23-z1zRrS>.content>.el>.btn-img { margin:0 0 0 0; width:40%; } } .render-jsx-23-z1zRrS { background-color:rgba(0,0,0,.5); } </style> <div class="render-jsx-23-z1zRrS" id="register-popup-23" style="display: none;"> <div class="content"> <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/02/25/ef25rc51dhn8b9hzf8b4le1dwcwgxwg3.png"> <img class="close-img" src="https://img.acadsoc.com.cn/web/lps/lp2019/lp-LHY/img/close-btn.png"> <div class="el"> <img class="qrcode" src="https://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/03/18/37t5rcw1dytxctdf8zta2n7fnhadg7de.png"> <p class="wx">微信号:Acadsoc_kylo</p> <img class="btn-img to-wx btn" src="https://img.acadsoc.com.cn/web/lps/kj/ty/img/cp-btn.png" style="cursor: pointer;" data-wx="Acadsoc_kylo"> </div> </div> </div> <script> $(function(){ $('.render-jsx-23-z1zRrS .close-img').click(function(){ $('.render-jsx-23-z1zRrS').hide(); }) $('.to-wx').click(function(){ const element = document.createElement('input'); element.value = $(this).attr('data-wx'); document.body.append(element); element.select(); document.execCommand('Copy'); // 原生copy方法执行浏览器复制命令 document.body.removeChild(element); alert('复制成功!'); const aele = document.createElement('a'); aele.href ='weixin://'; aele.click(); }); }) </script><div class="render-jsx-175-P8j5Ql" id="register-popup-175" style="display: none;"> <div class="con"> <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2021/01/12/paj426x7jfetg56hr95h26n4ghnx6c8f.png" data-modal-hash="fvtbgu"> <p class="title" data-modal-hash="fm41ok"><b style="color:rgba(20, 43, 136, 1)">好课</b>免费试听</p> <img class="close-popup closeimg" src="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-modal-hash="ylkitn"> <div class="regphone"> <input placeholder="填写您的手机号" type="tel" name="TxtPhone" class="phone" data-modal-hash="lufrav"> </div> <div class="regcode"> <input placeholder="请输入验证码" type="tel" name="TxtCode" class="code" data-modal-hash="5jlyj9"> <button name="btnGetSMS" class="regcodebtn" data-modal-hash="w2jnqd">获取验证码</button> </div> <button name="registerSubmit" class="regbtn" data-modal-hash="j29wch">0元试课</button> </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 pageData = { weChatGroupID: '', }; // 支付配置 var defaultPay = { sort: 'order', 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>