<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>阿卡索外教网_在线英语培训_外教口语一对一培训</title>
    <meta name="description" content="阿卡索外教网提供在线英语口语培训,全程外教一对一教学模式,是专业的在线英语培训网站,阿卡索外教老师均毕业于国际知名的一流学府,拥有标准的英语口语以及最纯正的教学知识。您值得拥有">
    <meta name="keywords" content="在线英语口语培训,在线英语培训,外教一对一,英语外教一对一,英语网络教学">
    <!-- 分享配置 -->
    <meta itemprop="name" content="阿卡索外教网_在线英语培训_外教口语一对一培训">
    <meta itemprop="image" content="https://img.acadsoc.com.cn/share/share-default.png">
    <meta name="description" itemprop="description" content="阿卡索外教网提供在线英语口语培训,全程外教一对一教学模式,是专业的在线英语培训网站,阿卡索外教老师均毕业于国际知名的一流学府,拥有标准的英语口语以及最纯正的教学知识。您值得拥有">
    <!--<link rel="stylesheet" href="https://img.acadsoc.com.cn/css/bootstrap.min.css">-->
    <link href="https://img.acadsoc.com.cn/web/WebNew/assets/global/css/swiper.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://img.acadsoc.com.cn/web/css/header-footer.css">
    <link rel="icon" href="https://www.acadsoc.com.cn/favicon.ico" type="image/x-icon">

    <!--神策代码-->
    <script src="https://img.acadsoc.com.cn/web/SenSors/sensorsheadother.js"></script>

    <script type="text/javascript" src="https://img.acadsoc.com.cn/web/lps/recommend/js/jquery.min.js"></script>
    <script type="text/javascript">
    var html = document.documentElement;
    var htmlClientWidth = 0;
    var rejustRootSize = function () {
      var oh = 750;
      html.getBoundingClientRect().width > oh ? htmlClientWidth = oh : htmlClientWidth = html.getBoundingClientRect().width;
      html.style.fontSize = htmlClientWidth / (oh / 100) + 'px';
    };
    rejustRootSize();
    window.onresize = rejustRootSize;
    </script>
    <script src="https://img.acadsoc.com.cn/web/js/bootstrap.min.js"></script>
    <script src="https://img.acadsoc.com.cn/web/lps/activity/js/lp.js"></script>

    <!--IpRecord-->
    <script type="text/javascript" src="https://www.acadsoc.com.cn/ajax/Web.UI.Fun.IpRecord.aspx"></script>
    <script src="https://img.acadsoc.com.cn/web/js/IdentificationSystem.js"></script>
    <script src="https://img.acadsoc.com.cn/web/lps/activity/js/Record.js"></script>

    <!--微信分享-->
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="https://img.acadsoc.com.cn/web/lps/activity/js/wxShare.js"></script>
    <script>
    wxShare.init();
    </script>
    <!--百度统计代码-->
    <script src="https://img.acadsoc.com.cn/web/lps/activity/js/BaiDuStatistics.js"></script>

    <!-- 百度ocpc基础代码 -->
    <script src="https://www.acadsoc.com.cn/OCPC/js/ocpc.js"></script>

    <!--[if lt IE 9]>
      <script src="https://img.acadsoc.com.cn/web/js/vendor/html5shiv.js"></script>
      <script src="https://img.acadsoc.com.cn/web/js/vendor/respond.min.js"></script>
      <![endif]-->

    <script>
    window.HtmlWidth = 0;
      $(function(){
        window.HtmlWidth = document.body.clientWidth || document.documentElement.clientWidth;
      })

    function getQueryString(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) return unescape(r[2]);
      return "";
    }
    </script>





    <style>

        .fixed {
            position: fixed;
            bottom: 0;
            left: 0;
            z-index: 6;
            font-size: 0;
        }

        .container {
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
            max-width: 100%;
        }

        @media (min-width: 768px) {
            .container {
                width: 750px;
            }
        }

        @media (min-width: 992px) {
            .container {
                width: 970px;
            }
        }

        @media (min-width: 1200px) {
            .container {
                width: 1170px;
            }
        }

        * {
            padding: 0;
            margin: 0;
            outline: 0;
            border: 0;
            box-sizing: border-box;
            list-style: none;
            background: none;
        }

        body {
            background: none;
            font-size: 0;
            background-color: white;
        }

        img {
            max-width: 100%;
        }

        /* 弹窗 */
        [id*=register-popup],
        [id*=loading-popup],
        [id*=back-popup],
        [id*=success-popup] {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0,0,0,0.5);
            z-index: 7 !important;
        }

        [id*=register-popup] {
            z-index: 8 !important;
        }

        [id*=success-popup] {
            z-index: 9 !important;
        }

        /* 输入框 */
        .input__div {
            position: relative;
            width: 100%;
        }

            .input__div img {
                position: absolute;
                left: .2rem;
                top: 50%;
                transform: translateY(-50%);
            }

                .input__div img ~ input {
                    padding-left: .5rem;
                }

            .input__div > input {
                font-size: inherit;
                width: 100%;
                line-height: inherit;
                padding: initial;
                color: initial;
                display: block;
                height: 100%;
            }

            .input__div > button {
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
            }

        [data-popup-id] {
            cursor: pointer;
        }

        /* 按钮 */
        button {
            max-width: 100%;
            display: block;
            cursor: pointer;
        }

            button:disabled {
                background-color: #aeaeae !important;
                cursor: no-drop !important;
            }

        input:-webkit-autofill {
            box-shadow: 0 0 0px 1000px transparent inset !important;
        }

            input:-webkit-autofill:focus {
                box-shadow: 0 0 0px 1000px transparent inset !important;
            }

        /* swiper */
        /* .swiper-container{} */

        /* .swiper-wrapper {} */

        .swiper-slide > img {
            width: 100%;
        }

        .scale-swiper .swiper-slide {
            width: 70%;
        }

            .scale-swiper .swiper-slide:not(.swiper-slide-active) {
                transform: scale(0.85);
            }

        .banner {
            width: 100%;
            position: relative;
            background-repeat: no-repeat;
            background-position: center center;
        }

        /* pc */
        @media (min-width: 769px) {
            .mobile--show {
                display: none !important;
            }
        }

        /* mobile */
        @media (max-width: 768px) {
            .pc--show {
                display: none !important;
            }
        }
    </style>
</head>
<body>

    <!-- js统计 -->
    <script src="https://img.acadsoc.com.cn/web/js/monitor/apm.web.js"></script>

    <header class="top header-children">
        <div class="header-wrap">
            <a class="header-logo" href="javascript:;"></a>
            <div class="header-text">省时 · 省钱 · 专业 · 贴心 · 有保障</div>
            <div class="header-tel"></div>
        </div>
    </header>


    <style>
        @media (min-width:769px) {
            .render-swiper-127-0 .swiperel {
                z-index: 1;
                top: 0;
                height: 630px;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                left: 0;
                width: 100%;
                position: absolute;
            }

            .render-swiper-127-0 .btn {
                color: white;
                font-weight: 500;
                font-size: 18px;
                background-color: rgb(195, 13, 35);
                border-radius: 60px;
                height: 0.5rem;
                text-align: center;
                padding: 0px;
                margin: 0 0 0 0;
                width: 100%;
            }

            .render-swiper-127-0 .codebtn {
                background-color: rgb(195, 13, 35);
                border-radius: 0px 60px 60px 0px;
                padding: 0px 20px;
                margin: 0px;
                color: #fff;
                top: 0;
                font-size: 16px;
                line-height: .5rem;
                position: absolute;
                right: 0;
                height: .5rem;
            }

            .render-swiper-127-0 .free {
                transform: translateX(-90%);
                top: 0;
                left: 0;
                display: block;
                width: 1.1rem;
                position: absolute;
            }

            .render-swiper-127-0 .title {
                color: #00269a;
                font-weight: 600;
                display: inline-block;
                font-size: 36px;
                line-height: 1;
                position: relative;
            }

            .render-swiper-127-0 .count {
                padding: 0.1rem 0.15rem 0.14rem;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                color: #fff;
                top: -.3rem;
                display: block;
                font-size: 14px;
                line-height: 1.1;
                background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/aejm8p1de3tynxj1d2htzhykxjlkejdf.png);
                position: absolute;
                right: .05rem;
                text-align: center;
            }

            .render-swiper-127-0 .phone {
                border-radius: 60px;
                background-color: rgb(238, 238, 238);
                padding: 0 .2rem;
                color: #a2a2a2;
                width: 100%;
                font-size: 16px;
                line-height: 0.5rem;
                position: relative;
                text-align: left;
                height: 0.5rem;
            }

            .render-swiper-127-0 .code {
                border-radius: 60px;
                background-color: rgb(238, 238, 238);
                padding: 0 .2rem;
                color: #a2a2a2;
                width: 100%;
                font-size: 16px;
                line-height: 0.5rem;
                position: relative;
                text-align: left;
                height: 0.5rem;
            }

            .render-swiper-127-0 .gift {
                margin: .2rem auto .4rem;
                display: block;
                width: 100%;
            }

            .render-swiper-127-0 .content {
                background-color: #fff;
                border-radius: 0 0 10px 10px;
                padding: 20px 20px 30px;
                margin: -1px auto 0;
                width: 100%;
                position: relative;
                text-align: center;
            }

            .render-swiper-127-0 .titleimg {
                background-repeat: no-repeat;
                background-size: 100% 100%;
                color: #fff;
                display: block;
                width: 100%;
                font-size: 34px;
                line-height: 76px;
                background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/10/zxnwn2w9aw4htpy8geg72y58cmrng368.png);
                height: 86px;
                text-align: center;
            }

            .render-swiper-127-0 .img2 {
                background-repeat: no-repeat;
                background-size: cover;
                display: block;
                width: 100%;
                background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/2b92bch8hjr1d273p97al31dw9f1d4dp.png);
                background-position: center top;
                height: 100%;
            }

            .render-swiper-127-0 .img1 {
                background-size: cover;
                background-repeat: no-repeat;
                background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/p961d3h38929693epzejt2adz9djagnf.png);
                height: 100%;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                display: block;
                background-position: center top;
                width: 100%;
            }

            .render-swiper-127-0 .formwrap {
                background-color: none;
                transform: translateY(-50%);
                z-index: 2;
                top: 50%;
                width: 340px;
                right: -.2rem;
                position: absolute;
            }

            .render-swiper-127-0 .inputform {
                margin: 0 0 .2rem;
                width: 100%;
                position: relative;
            }

            .render-swiper-127-0 .banner {
                height: 630px;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                width: 100%;
                position: relative;
            }

            .render-swiper-127-0 {
                background-color: #fff;
            }

                .render-swiper-127-0 .container {
                    border-radius: 0px;
                    padding: 0px;
                    margin: 0px auto;
                    position: relative;
                    height: 100%;
                }
        }

        @media (max-width:768px) {
            .render-swiper-127-0 .swiperel {
                height: 5.68rem;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                width: 100%;
                position: relative;
            }

            .render-swiper-127-0 .btn {
                color: white;
                font-size: 16px;
                background-color: rgb(195, 13, 35);
                border-radius: 60px;
                background-image: linear-gradient(#e55119,#da3519,#cf1b1a);
                height: 0.9rem;
                text-align: center;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                width: 100%;
            }

            .render-swiper-127-0 .codebtn {
                color: #fff;
                font-size: .28rem;
                border-radius: 0px .5rem .5rem 0px;
                top: 0;
                background-image: linear-gradient(#e55119,#da3519,#cf1b1a);
                height: .88rem;
                padding: 0 .2rem;
                margin: 0 0 0 0;
                line-height: .88rem;
                right: 0;
                position: absolute;
            }

            .render-swiper-127-0 .free {
                display: none;
            }

            .render-swiper-127-0 .title {
                color: #00269a;
                font-weight: 600;
                font-size: .4rem;
                line-height: 1;
                position: relative;
            }

            .render-swiper-127-0 .count {
                padding: 0.2rem 0.2rem 0.3rem;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                color: #fff;
                top: -.4rem;
                display: block;
                font-size: .24rem;
                line-height: 1.1;
                background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/pxyzc5cbt5x4rydgzn64kb8fw62carel.png);
                position: absolute;
                right: .05rem;
                text-align: center;
            }

            .render-swiper-127-0 .phone {
                border-radius: .5rem;
                background-color: #fff;
                border: 1px solid #dcdcdc;
                padding: 0 .26rem;
                color: #a2a2a2;
                width: 100%;
                font-size: .28rem;
                line-height: .88rem;
                position: relative;
                height: 0.9rem;
                text-align: left;
            }

            .render-swiper-127-0 .code {
                border-radius: .5rem;
                background-color: #fff;
                border: 1px solid #dcdcdc;
                padding: 0 .26rem;
                color: #a2a2a2;
                width: 100%;
                font-size: .28rem;
                line-height: .88rem;
                position: relative;
                height: .88rem;
                text-align: left;
            }

            .render-swiper-127-0 .gift {
                margin: .3rem auto .6rem;
                display: block;
                width: 100%;
            }

            .render-swiper-127-0 .content {
                background-color: #fff;
                border-radius: 10px;
                padding: 1.1rem .4rem .5rem;
                width: 100%;
                position: relative;
                text-align: center;
            }

            .render-swiper-127-0 .titleimg {
                z-index: 1;
                background-size: 100% 100%;
                color: #fff;
                font-weight: bold;
                display: block;
                font-size: .42rem;
                line-height: 1rem;
                background-repeat: no-repeat;
                transform: translateX(-50%);
                text-shadow: 0 2px #e95d00;
                top: -.3rem;
                left: 50%;
                width: 90%;
                background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/kj6rg1db1d4jlxj8kyx2d6g2fk6xn92j.png);
                position: absolute;
                height: 1.1rem;
                text-align: center;
            }

            .render-swiper-127-0 .img2 {
                background-repeat: no-repeat;
                background-size: 100% auto;
                display: block;
                width: 100%;
                background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/gyj9ma5tl96taf8y5cj656dwnk323thn.png);
                background-position: center top;
                height: 100%;
            }

            .render-swiper-127-0 .img1 {
                background-size: 100% auto;
                background-repeat: no-repeat;
                background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/kjfjhgdgd9xfltf7tckf7hf4xkwhnm2r.png);
                height: 100%;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                display: block;
                background-position: center top;
                width: 100%;
            }

            .render-swiper-127-0 .formwrap {
                border-radius: .24rem;
                box-shadow: 0 0 .1rem .1rem rgba(15,34,135,.1);
                margin: .4rem auto 0;
                background-coloe: #fff;
                width: 94%;
                position: relative;
            }

            .render-swiper-127-0 .inputform {
                margin: 0 0 .2rem;
                width: 100%;
                position: relative;
            }

            .render-swiper-127-0 .banner {
                height: auto;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                width: 100%;
                position: relative;
            }

            .render-swiper-127-0 {
                background-color: #fff;
            }

                .render-swiper-127-0 .container {
                    background-color: #fff;
                    text-align: center;
                    height: auto;
                    padding: .5rem 0;
                    margin: 0 0 0 0;
                }
        }
    </style>
    <style>
        @keyframes scaleAnimate {
            0% {
                transform: scale(.9)
            }

            50% {
                transform: scale(1)
            }

            100% {
                transform: scale(.9)
            }
        }

        .render-swiper-127-0 .scaleAn {
            animation: scaleAnimate .8s infinite linear;
        }

        /* PC端 */
        @media (min-width:769px) {
        }
        /* 手机端 */
        @media (max-width:768px) {
        }
    </style>

    <div class="render-swiper-127-0">
        <div class="banner">
            <div class="swiper-container swiperel">
                <div class="swiper-wrapper">
                    <div class="swiper-slide img1"></div>
                    <div class="swiper-slide img2"></div>
                </div>
            </div>
            <div class="container">
                <div class="formwrap">
                    <div class="titleimg ">10周年特惠</div>
                    <div class="content ">
                        <h2 class="title ">
                            <span style="color:#b81c25;">53节</span>精品外教课
                            <img class="free " src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/10/xlznkwz61dgw9n78mpfefa8e9dbe5h5w.png">
                        </h2>
                        <img class="gift " src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/15/1dwbwe6wmjydc78dfw3w7r3gf45djdy4.png">
                        <div class="inputform">
                            <input type="tel" placeholder="请输入您的手机号码" maxlength="11" name="TxtPhone" class="phone">
                            <p class="count ">仅剩<br><strong style="text-shadow:0 0 .1rem #a3041c;font-size:16px;color:#fff;font-weight:bold;">99</strong>位</p>
                        </div>
                        <div class="inputform duanxin" style="display:none;">
                            <input type="tel" placeholder="请输入验证码" maxlength="6" name="TxtCode" class="code">
                            <button name="btnGetSMS" class="codebtn btnGetSMS">
                                获取验证码
                            </button>
                        </div>
                        <button name="registerSubmit" class="btn scaleAn">
                            0元领取
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(function () {
            const mySwiper = new Swiper('.render-swiper-127-0 .swiper-container', {
                loop: true, // 循环模式选项
                autoplay: true,
            });

            let _countNum = 99
            const countTimer = setInterval(() => {
                $('.count strong').text(--_countNum)
            }, 20000)
        })
    </script>

    <style>
        /* PC端 */
        @media (min-width:769px) {

            .render-jsx-14-1 {
                background-color: #fff;
                text-align: center;
                padding: .8rem 0 0;
                margin: 0 0 0 0;
            }

                .render-jsx-14-1 > p {
                    color: #0e3180;
                    font-weight: bold;
                    font-size: 38px;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    display: inline-block;
                    line-height: 1;
                    width: auto;
                }
        }
        /* 手机端 */
        @media (max-width:768px) {
            .render-jsx-14-1 {
                background-color: #fff;
                text-align: center;
                padding: .3rem 0;
                margin: 0 0 0 0;
            }

                .render-jsx-14-1 > p {
                    color: #0e3180;
                    font-weight: bold;
                    font-size: .4rem;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    display: inline-block;
                    line-height: 1;
                    width: auto;
                }
        }
    </style>


    <div class="render-jsx-14-1">
        <p>你还在为孩子的学习<span style="color:#c5131e">头疼不已吗?</span></p>
    </div>

    <style>
        /* PC端 */
        @media (min-width:769px) {
            .render-jsx-47-2 {
                background-color: #fff;
                text-align: center;
                padding: .5rem 0 0 0;
                margin: 0 0 0 0;
            }

                .render-jsx-47-2 img {
                }
        }
        /* 手机端 */
        @media (max-width:768px) {
            .render-jsx-47-2 {
                background-color: #fff;
                text-align: center;
                padding: 0 10px 0 10px;
                margin: 0 0 0 0;
            }

                .render-jsx-47-2 img {
                    height: auto;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    width: 100%;
                }
        }
    </style>


    <div class="render-jsx-47-2">
        <div class="container">
            <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/12/9l8xwrmbx4d8g6g8x1d81dh4ga3peam3.png" class="pc--show">

            <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/12/52ftpdphm2x2z4w7nkegrxw3fd5rz28c.png" class="mobile--show">
        </div>
    </div>

    <style>
        @media (min-width:769px) {
            .render-jsx-125-3 .desc {
                padding: .15rem 0 .36rem;
                color: #fff;
                font-size: 16px;
                line-height: 1;
                text-align: center;
            }

            .render-jsx-125-3 .codebtn {
                color: #fff;
                font-size: 16px;
                border-radius: 0 50px 50px 0;
                background-color: #b81c25;
                outline: none;
                top: 0;
                height: 70px;
                border: none;
                padding: 0 26px;
                margin: 0 0 0 0;
                display: inline-block;
                line-height: 70px;
                right: -1px;
                position: absolute;
            }

            .render-jsx-125-3 .phone {
                border: 1px solid #fff;
                background-color: none;
                border-radius: 50px;
                padding: 0 26px;
                outline: none;
                color: #fff;
                display: block;
                width: 100%;
                font-size: 16px;
                line-height: 70px;
                box-sizing: border-box;
                height: 70px;
            }

            .render-jsx-125-3 .submit {
                border-radius: 50px;
                background-color: #b81c25;
                border: none;
                outline: none;
                color: #fff;
                display: block;
                width: 100%;
                font-size: 28px;
                line-height: 70px;
                height: 70px;
                text-align: center;
            }

            .render-jsx-125-3 .code {
                border: 1px solid #fff;
                padding: 0 26px;
                color: #fff;
                display: block;
                font-size: 16px;
                line-height: 70px;
                box-sizing: border-box;
                background-color: none;
                border-radius: 50px;
                outline: none;
                width: 100%;
                position: relative;
                height: 70px;
            }

            .render-jsx-125-3 .content {
                margin: 0 auto;
                width: 5.6rem;
            }

            .render-jsx-125-3 .title {
                color: #fff;
                font-size: .36rem;
                line-height: 1;
                text-align: center;
            }

            .render-jsx-125-3 .formgroup {
                margin: 0 auto .24rem;
                width: 100%;
                position: relative;
            }

            .render-jsx-125-3 .container {
                margin: 0 auto;
            }

            .render-jsx-125-3 {
                padding: .7rem 0 .9rem;
                background-repeat: no-repeat;
                margin: -.3rem auto 0;
                background-size: cover;
                background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/wcb8d2gmlhkfnlflzgfernl4dw84jh9f.png);
            }
        }

        @media (max-width:768px) {
            .render-jsx-125-3 .desc {
                padding: .15rem 0 .36rem;
                color: #fff;
                font-size: .26rem;
                line-height: 1;
                text-align: center;
            }

            .render-jsx-125-3 .codebtn {
                color: #fff;
                font-size: 16px;
                border-radius: 0 50px 50px 0;
                background-color: #b81c25;
                outline: none;
                top: 0;
                height: .88rem;
                border: none;
                padding: 0 .26rem;
                margin: 0 0 0 0;
                display: inline-block;
                line-height: .88rem;
                right: -1px;
                position: absolute;
            }

            .render-jsx-125-3 .phone {
                border: 1px solid #fff;
                background-color: none;
                border-radius: .5rem;
                padding: 0 .26rem;
                outline: none;
                color: #fff;
                display: block;
                width: 100%;
                font-size: .26rem;
                line-height: .88rem;
                box-sizing: border-box;
                height: .88rem;
            }

            .render-jsx-125-3 .submit {
                border-radius: .5rem;
                background-color: #b81c25;
                border: none;
                outline: none;
                color: #fff;
                display: block;
                width: 100%;
                font-size: .3rem;
                line-height: .88rem;
                height: .88rem;
                text-align: center;
            }

            .render-jsx-125-3 .code {
                color: #fff;
                font-size: .26rem;
                box-sizing: border-box;
                background-color: none;
                border-radius: .5rem;
                outline: none;
                height: .88rem;
                border: 1px solid #fff;
                padding: 0 .26rem;
                margin: 0 0 0 0;
                display: block;
                line-height: .88rem;
                width: 100%;
                position: relative;
            }

            .render-jsx-125-3 .content {
                padding: 0 0 0 0;
                margin: 0 auto;
                width: 92%;
            }

            .render-jsx-125-3 .title {
                color: #fff;
                font-size: .36rem;
                text-align: center;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                line-height: 1;
            }

            .render-jsx-125-3 .formgroup {
                padding: 0 0 0 0;
                margin: 0 auto .24rem;
                width: 100%;
                position: relative;
            }

            .render-jsx-125-3 .container {
                margin: 0 auto;
            }

            .render-jsx-125-3 {
                padding: .7rem 0 .9rem;
                background-repeat: no-repeat;
                margin: -.3rem auto 0;
                background-size: cover;
                background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/11/wcb8d2gmlhkfnlflzgfernl4dw84jh9f.png);
            }
        }
    </style>
    <style>
        .render-jsx-125-3 .formgroup input::-webkit-input-placeholder {
            color: #fff;
        }

        .render-jsx-125-3 .formgroup input::-moz-input-placeholder {
            color: #fff;
        }

        .render-jsx-125-3 .formgroup input::-ms-input-placeholder {
            color: #fff;
        }
        /* PC端 */
        @media (min-width:769px) {
        }
        /* 手机端 */
        @media (max-width:768px) {
        }
    </style>

    <div class="render-jsx-125-3">
        <div class="container">
            <p class="title ">别慌,学英语选阿卡索,不后悔</p>
            <p class="desc ">已有<strong style="font-size:.28rem;font-weight:bold;color:#b81c25;background-color:#fff;padding:2px .06rem;border-radius:.06rem;margin:0 .05rem;">4000<span style="color:#b81c25;font-size:.6em;font-weight:normal;">万+</span></strong>人认可阿卡索</p>
            <div class="content ">
                <div class="formgroup">
                    <input type="tel" autocomplete="off" placeholder="填写您的手机号码" maxlength="11" name="TxtPhone" class="phone">
                </div>
                <div class="formgroup duanxin" style="display:none;">
                    <input type="tel" autocomplete="off" placeholder="请输入验证码" maxlength="6" name="TxtCode" class="code">
                    <button name="btnGetSMS" class="codebtn btnGetSMS">
                        获取验证码
                    </button>
                </div>
                <button name="registerSubmit" class="submit">
                    申请免费试学
                </button>
            </div>
        </div>
    </div>

    <style>
        /* PC端 */
        @media (min-width:769px) {

            .render-jsx-14-4 {
                background-color: #eff6ff;
                text-align: center;
                padding: .8rem 0 0 0;
                margin: 0 0 0 0;
            }

                .render-jsx-14-4 > p {
                    color: #0e3180;
                    font-weight: bold;
                    font-size: 45px;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    display: inline-block;
                    line-height: 1;
                    width: auto;
                }
        }
        /* 手机端 */
        @media (max-width:768px) {
            .render-jsx-14-4 {
                background-color: #eff6ff;
                text-align: center;
                padding: .5rem 0 0 0;
                margin: 0 0 0 0;
            }

                .render-jsx-14-4 > p {
                    color: #0e3180;
                    font-weight: bold;
                    font-size: .4rem;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    display: inline-block;
                    line-height: 1;
                    width: auto;
                }
        }
    </style>


    <div class="render-jsx-14-4">
        <p><span style="color:#c5131e">外教一对一</span> ,让孩子变身英语达人</p>
    </div>

    <style>
        /* PC端 */
        @media (min-width:769px) {
            .render-jsx-47-5 {
                background-color: #eff6ff;
                text-align: center;
                padding: .5rem 0 0 0;
                margin: 0 0 0 0;
            }

                .render-jsx-47-5 img {
                }
        }
        /* 手机端 */
        @media (max-width:768px) {
            .render-jsx-47-5 {
                background-color: #eff6ff;
                text-align: center;
                padding: .5rem 10px .4rem 10px;
                margin: 0 0 0 0;
            }

                .render-jsx-47-5 img {
                    height: auto;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    width: 70%;
                }
        }
    </style>


    <div class="render-jsx-47-5">
        <div class="container">
            <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/r1dgltl4kgh5eh642t5479cwktghdhtj.png" class="pc--show">

            <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/gjhaptrgz5rx62zpcb68jcjyl5eab4x5.png" class="mobile--show">
        </div>
    </div>

    <style>
        /* PC端 */
        @media (min-width:769px) {
            .render-jsx-47-6 {
                text-align: center;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                display: none;
            }

                .render-jsx-47-6 img {
                }
        }
        /* 手机端 */
        @media (max-width:768px) {
            .render-jsx-47-6 {
                background-color: #fff;
                text-align: center;
                padding: 0 10px .5rem 10px;
                margin: -1px 0 0 0;
            }

                .render-jsx-47-6 img {
                    height: auto;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    width: 100%;
                }
        }
    </style>


    <div class="render-jsx-47-6">
        <div class="container">
            <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/3l9e43f6bfny5ep1dgz1dcz63cm1dmjm.png" class="pc--show">

            <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/6m3lxnlxrcmzmph7ad521d5a7naclp78.png" class="mobile--show">
        </div>
    </div>

    <style>
        /* PC端 */
        @media (min-width:769px) {

            .render-jsx-14-7 {
                background-color: #172d79;
                text-align: center;
                padding: .8rem 0 0 0;
                margin: 0 0 0 0;
            }

                .render-jsx-14-7 > p {
                    color: #fff;
                    font-weight: bold;
                    font-size: 45px;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    display: inline-block;
                    line-height: 1;
                    width: auto;
                }
        }
        /* 手机端 */
        @media (max-width:768px) {
            .render-jsx-14-7 {
                background-color: #172d79;
                text-align: center;
                padding: .5rem 0 0 0;
                margin: 0 0 0 0;
            }

                .render-jsx-14-7 > p {
                    color: #fff;
                    font-size: .4rem;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    display: inline-block;
                    line-height: 1.4;
                    width: 88%;
                }
        }
    </style>


    <div class="render-jsx-14-7">
        <p>优质外教严格选拔,懂学生的老师才是好老师</p>
    </div>

    <style>
        /* PC端 */
        @media (min-width:769px) {

            .render-jsx-14-8 {
                background-color: #172d79;
                text-align: center;
                padding: .26rem 0 .35rem 0;
                margin: 0 0 0 0;
            }

                .render-jsx-14-8 > p {
                    color: #fff;
                    font-size: .23rem;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    display: inline-block;
                    line-height: 1.5;
                    width: 60%;
                }
        }
        /* 手机端 */
        @media (max-width:768px) {
            .render-jsx-14-8 {
                background-color: #172d79;
                text-align: center;
                padding: .24rem 0 .3rem 0;
                margin: -1px 0 0 0;
            }

                .render-jsx-14-8 > p {
                    color: #fff;
                    font-size: .24rem;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    display: inline-block;
                    line-height: 1.5;
                    width: 92%;
                }
        }
    </style>


    <div class="render-jsx-14-8">
        <p>
            仅3%的外教录取率,100%持有国际教学资格证,执教经验丰富,深谙少儿心理,

            擅长趣味性输出,根据学员的需求进行精准匹配,让教学更有效,更实用。
        </p>
    </div>

    <style>
        @media (min-width:769px) {
            .render-jsx-55-9 .item1 {
                color: #fff;
                font-weight: bold;
                font-size: 24px;
                background-color: #B81C25;
                border-radius: 60px;
                padding: 10px 40px;
                margin: 0 60px;
            }

            .render-jsx-55-9 .item2 {
                color: #fff;
                font-weight: bold;
                font-size: 24px;
                background-color: #B81C25;
                border-radius: 60px;
                padding: 10px 40px;
                margin: 0 0 0 0;
            }

            .render-jsx-55-9 .item0 {
                background-color: #B81C25;
                border-radius: 60px;
                padding: 10px 40px;
                color: #fff;
                font-weight: bold;
                font-size: 24px;
            }

            .render-jsx-55-9 .con {
                font-size: 0;
                background-color: #172d79;
                padding: 0 0 .4rem 0;
                margin: 0 auto;
                display: flex;
                width: 100%;
                justify-content: center;
                align-items: center;
            }

            .render-jsx-55-9 {
                background-color: #fff;
                top: 30px;
                bottom: 50px;
            }
        }

        @media (max-width:768px) {
            .render-jsx-55-9 .item1 {
                color: #fff;
                font-weight: bold;
                font-size: .24rem;
                background-color: #B81C25;
                border-radius: 60px;
                text-align: center;
                padding: .1rem .4rem;
                width: 30%;
            }

            .render-jsx-55-9 .item2 {
                color: #fff;
                font-weight: bold;
                font-size: .24rem;
                background-color: #B81C25;
                border-radius: 60px;
                text-align: center;
                padding: .1rem .4rem;
                margin: 0 0 0 0;
            }

            .render-jsx-55-9 .item0 {
                color: #fff;
                font-weight: bold;
                font-size: .24rem;
                background-color: #B81C25;
                border-radius: 60px;
                text-align: center;
                padding: .1rem .4rem;
                margin: 0 0 0 0;
                width: 30%;
            }

            .render-jsx-55-9 .con {
                font-size: 0;
                background-color: #172d79;
                padding: 0 .2rem .4rem .2rem;
                margin: -1px auto 0;
                display: flex;
                justify-content: space-around;
                align-items: center;
            }

            .render-jsx-55-9 {
                background-color: #fff;
                top: 30px;
                bottom: 50px;
            }
        }
    </style>
    <style>

        /* pc */
        @media (min-width: 769px) {
            .render-jsx-55-9 {
                background-color: #fff;
                top: 30px;
                bottom: 50px;
            }

                .render-jsx-55-9 .container {
                    font-size: 0;
                    background-color: #172d79;
                    padding: 0 0 .4rem 0;
                    margin: 0 auto;
                    display: flex;
                    width: 100%;
                    justify-content: center;
                    align-items: center;
                }


                .render-jsx-55-9 .item0 {
                    background-color: #B81C25;
                    border-radius: 60px;
                    padding: 10px 40px;
                    color: #fff;
                    font-weight: bold;
                    font-size: 24px;
                }

                .render-jsx-55-9 .item1 {
                    color: #fff;
                    font-weight: bold;
                    font-size: 24px;
                    background-color: #B81C25;
                    border-radius: 60px;
                    padding: 10px 40px;
                    margin: 0 60px;
                }

                .render-jsx-55-9 .item2 {
                    color: #fff;
                    font-weight: bold;
                    font-size: 24px;
                    background-color: #B81C25;
                    border-radius: 60px;
                    padding: 10px 40px;
                    margin: 0 0 0 0;
                }
        }
    </style>

    <div class="render-jsx-55-9">
        <div class="container con">
            <div class="item0">100%持证</div><div class="item1">5轮考核</div><div class="item2">3%录用率</div>
        </div>
    </div>

    <style>
        @media (min-width:769px) {
            .render-swiper-129-10 {
                background-color: #172d79;
                padding: 0 0 30px;
                margin: 0 0 0 0;
            }
        }

        @media (max-width:768px) {
            .render-swiper-129-10 {
                background-color: #172d79;
                padding: 0 0 .3rem;
                margin: -1px 0 0 0;
            }
        }
    </style>
    <style>


        .render-swiper-129-10 .swiper-container {
            padding-bottom: 50px;
        }

        /* pc */
        @media (min-width: 769px) {
            .render-swiper-129-10 {
                background-color: #172d79;
                padding: 0 0 30px;
                margin: 0 0 0 0;
            }
        }

        /* mobile */
        @media (max-width: 768px) {
            .render-swiper-129-10 {
                background-color: #172d79;
                padding: 0 0 .3rem;
                margin: -1px 0 0 0;
            }

                .render-swiper-129-10 .container {
                    padding-left: 0;
                    padding-right: 0;
                }

                .render-swiper-129-10 .swiper-slide {
                    width: 70%;
                }
        }

        .render-swiper-129-10 .swiper-pagination-bullet-active {
            background-color: #C30D23;
            width: 16px;
            border-radius: 5px;
            transition: .2s;
        }
    </style>
    <div class="render-swiper-129-10">
        <div class="container">
            <div class="swiper-container scale-swiper">
                <div class="swiper-wrapper">

                    <div class="swiper-slide">
                        <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/gc3f3h2fby1d2a3brmdaglm6nxhczjb4.png">
                    </div>
                    <div class="swiper-slide">
                        <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/12/jzt9klgt1d8tarhpg9k278m1dap39gka.png">
                    </div>
                    <div class="swiper-slide">
                        <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/12/m3yd9n2gmp4ltxf8cb982frlt9ne39tf.png">
                    </div>
                    <div class="swiper-slide">
                        <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/r9hdzmtbxagpf5zx1dmpyzm8cfdnr68b.png">
                    </div>
                    <div class="swiper-slide">
                        <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/8ajlc6ye1dhcj36txj6tf6ge3dz6hwya.png">
                    </div>
                    <div class="swiper-slide">
                        <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/ang36p3r4pd46ct1dayz3lp2y4jygf65.png">
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>
    <script>
        $(function () {
            new Swiper('.render-swiper-129-10 .swiper-container', {
                initialSlide: 1,
                autoplay: {
                    delay: 4000,
                    disableOnInteraction: false,
                },
                centeredSlides: true,
                loop: true,
                pagination: { el: '.swiper-pagination' },
                slidesPerView: HtmlWidth <= 768 ? 'auto' : 3
            });
        })
    </script>

    <style>
        /* PC端 */
        @media (min-width:769px) {
            .render-jsx-7-11 {
                background-color: #172d79;
                padding: 0 0 .8rem 0;
                margin: 0 0 0 0;
            }

                .render-jsx-7-11 > button {
                    color: white;
                    font-size: .28rem;
                    background-color: rgb(195, 13, 35);
                    border-radius: 60px;
                    height: .7rem;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 auto;
                    display: block;
                    width: 5.5rem;
                }
        }
        /* 手机端 */
        @media (max-width:768px) {
            .render-jsx-7-11 {
                background-color: #172d79;
                padding: 0 0 .5rem 0;
                margin: -1px 0 0 0;
            }

                .render-jsx-7-11 > button {
                    color: white;
                    font-size: .28rem;
                    background-color: rgb(195, 13, 35);
                    border-radius: 60px;
                    height: .7rem;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 auto;
                    display: block;
                    width: 5.5rem;
                }
        }
    </style>

    <div class="render-jsx-7-11">
        <button data-popup-id="11" data-params-button="立即匹配" data-params-codeinput="验证码" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="匹配合适外教" data-params-phoneinput="填写您的手机号码" data-params-codebtn="获取验证码">
            匹配合适外教
        </button>
    </div>

    <style>
        /* PC端 */
        @media (min-width:769px) {

            .render-jsx-14-12 {
                background-color: #eff6ff;
                text-align: center;
                padding: .8rem 0 0 0;
                margin: 0 0 0 0;
            }

                .render-jsx-14-12 > p {
                    color: #172d79;
                    font-weight: bold;
                    font-size: 45px;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    display: inline-block;
                    line-height: 1;
                    width: auto;
                }
        }
        /* 手机端 */
        @media (max-width:768px) {
            .render-jsx-14-12 {
                background-color: #f8f8f8;
                text-align: center;
                padding: .5rem 0 0 0;
                margin: 0 0 0 0;
            }

                .render-jsx-14-12 > p {
                    color: #172d79;
                    font-weight: bold;
                    font-size: .4rem;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    display: inline-block;
                    line-height: 1;
                    width: auto;
                }
        }
    </style>


    <div class="render-jsx-14-12">
        <p>为什么<span style="color:#c5131e">众多聪明家长都选择阿卡索?</span></p>
    </div>

    <style>
        @media (min-width:769px) {
            .render-jsx-128-13 .item {
                border-radius: 10px;
                margin: 0 0 30px 0;
                overflow: hidden;
                width: 31.5%;
                position: relative;
            }

            .render-jsx-128-13 .mask {
                z-index: 2;
                color: #fff;
                font-size: 20px;
                background-color: rgba(23,45,121,0.8);
                top: 0;
                height: 100%;
                text-align: left;
                padding: .5rem .2rem;
                margin: 0 0 0 0;
                line-height: 1.5;
                left: 0;
                width: 100%;
                position: absolute;
                opacity: 0;
            }

            .render-jsx-128-13 .text {
                background-color: #0e3180;
                z-index: 1;
                color: #fff;
                left: 0;
                font-weight: bold;
                bottom: 0;
                width: 100%;
                font-size: 19px;
                line-height: 60px;
                position: absolute;
                height: 60px;
                text-align: center;
            }

            .render-jsx-128-13 .list {
                flex-direction: row;
                display: flex;
                width: 100%;
                justify-content: space-between;
                flex-wrap: wrap;
            }

            .render-jsx-128-13 .img {
                display: block;
                width: 100%;
            }

            .render-jsx-128-13 .container {
                margin: 0 auto;
            }

            .render-jsx-128-13 {
                background-color: #eff6ff;
                padding: .5rem 0 .5rem 0;
                margin: 0 0 0 0;
            }
        }

        @media (max-width:768px) {
            .render-jsx-128-13 .item {
                border-radius: .1rem;
                margin: 0 0 .3rem 0;
                overflow: hidden;
                width: 47.5%;
                position: relative;
            }

            .render-jsx-128-13 .mask {
                color: #666;
                font-size: .24rem;
                text-align: left;
                padding: .16rem 0 0;
                margin: 0 0 0 0;
                line-height: 1.25;
                width: 100%;
            }

            .render-jsx-128-13 .text {
                color: #fff;
                font-weight: bold;
                font-size: .24rem;
                background-color: #0e3180;
                border-radius: 0 0 .1rem .1rem;
                height: .6rem;
                text-align: center;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                line-height: .6rem;
                width: 100%;
            }

            .render-jsx-128-13 .list {
                flex-wrap: wrap;
                flex-direction: row;
                padding: 0 0 0 0;
                margin: 0 auto 0 auto;
                display: flex;
                width: 92%;
                justify-content: space-between;
            }

            .render-jsx-128-13 .img {
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                display: block;
                width: 100%;
            }

            .render-jsx-128-13 .container {
                padding: 0 0 0 0;
                margin: 0 auto;
            }

            .render-jsx-128-13 {
                background-color: #f8f8f8;
                padding: .5rem 0 .3rem 0;
                margin: 0 0 0 0;
            }
        }
    </style>
    <style>
        .render-jsx-128-13 ul li:hover .mask {
            opacity: 1 !important;
            transition: 0.3s;
        }
        /* PC端 */
        @media (min-width:769px) {
        }
        /* 手机端 */
        @media (max-width:320px) {
            .render-jsx-128-13 .mask {
                font-size: .22rem;
            }
        }
    </style>

    <div class="render-jsx-128-13">
        <div class="container">
            <ul class="list">
                <li class="item1 item">
                    <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/4jptr369pe9ekg41dzfxbehpcxez5rly.png">
                    <p class="text">外教100%持证</p>
                    <div class="mask">
                        所有外教100%持有TESOL等
                        国际教学资格证书,口音地道,
                        经验丰富。
                    </div>
                </li>
                <li class="item2 item">
                    <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/3d4jgtmlzk1dc5jk34p5hw7j3ne2z5pk.png">
                    <p class="text">国际原版教材</p>
                    <div class="mask">参照欧洲共同语言框架体系,引进欧美原版教材,并研发成适合中国孩子的教材。</div>
                </li>
                <li class="item3 item">
                    <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/bltb4wtnel2m9dgtw93p8emk9drbhkjr.png">
                    <p class="text">随时灵活学习</p>
                    <div class="mask">利用pad、 手机、电脑可以随时随地在线上课,每天25分钟,有效利用碎片化时间学习。</div>
                </li>
                <li class="item4 item">
                    <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/8x9ng1d7xdytea3nlf7h61d2tr49mj8h.png">
                    <p class="text">一节课13.8元起</p>
                    <div class="mask">一节课低至13.8元,平民化的价格让每一个孩子都能享受到在线少儿英语课程。</div>
                </li>
                <li class="item5 item">
                    <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/y3k6ncxk1dt61dfxw1dmcz1dgtb1drh7.png">
                    <p class="text">课后反馈和录播复习</p>
                    <div class="mask">专业的课后反馈服务和录播复习,有效监控孩子学习情况,及时查漏补缺巩固学习效果。</div>
                </li>
                <li class="item6 item">
                    <img class="img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/g9wde46a5at86zmg6nr5la1da9wdchfd.png">
                    <p class="text">三对一贴心服务</p>
                    <div class="mask">定制专属学习计划、严选外教1对1教学、客服全程跟进学习效果,多方位为孩子保驾护航。</div>
                </li>
            </ul>
        </div>
    </div>

    <style>
        /* PC端 */
        @media (min-width:769px) {

            .render-jsx-14-14 {
                background-color: white;
                text-align: center;
                padding: .8rem 0 .5rem 0;
                margin: 0 0 0 0;
            }

                .render-jsx-14-14 > p {
                    color: #0e3180;
                    font-weight: bold;
                    font-size: 45px;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    display: inline-block;
                    line-height: 1;
                    width: auto;
                }
        }
        /* 手机端 */
        @media (max-width:768px) {
            .render-jsx-14-14 {
                background-color: white;
                text-align: center;
                padding: .5rem 0 .5rem 0;
                margin: 0 0 0 0;
            }

                .render-jsx-14-14 > p {
                    color: #0e3180;
                    font-weight: bold;
                    font-size: .4rem;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    display: inline-block;
                    line-height: 1;
                    width: auto;
                }
        }
    </style>


    <div class="render-jsx-14-14">
        <p><span style="color:#c5131e">企业</span>荣誉</p>
    </div>

    <style>

        /* PC端 */
        @media (min-width:769px) {
            .render-swiper-64-15 {
                background-color: white;
                padding: 0 0 .5rem 0;
                margin: 0 0 0 0;
                position: relative;
            }

                .render-swiper-64-15 .container {
                }

                .render-swiper-64-15 .swiper-slide {
                    border-radius: 10px;
                    background-color: #122b88;
                    text-align: center;
                    padding: 15px 15px 30px 15px;
                    margin: 0 0 0 0;
                }

                .render-swiper-64-15 .img {
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    width: 100%;
                }

                .render-swiper-64-15 .text {
                    padding: 10px 0 0 0;
                    margin: 0 0 0 0;
                    color: white;
                    font-weight: 500;
                    display: flex;
                    font-size: 18px;
                    line-height: 1.4;
                    justify-content: center;
                    align-items: center;
                    height: 60px;
                }
        }

        /* 手机端 */
        @media (max-width:768px) {
            .render-swiper-64-15 {
                background-color: white;
                padding: 0 0 .5rem 0;
                margin: 0 0 0 0;
                width: 100%;
                position: relative;
            }

                .render-swiper-64-15 .container {
                }

                .render-swiper-64-15 .swiper-slide {
                    border-radius: 10px;
                    background-color: #122b88;
                    padding: 15px 15px 10px 15px;
                    margin: 0 0 0 0;
                    text-align: center;
                    width: 60%;
                }

                .render-swiper-64-15 .img {
                }

                .render-swiper-64-15 .text {
                    color: white;
                    font-weight: 500;
                    font-size: 16px;
                    height: 54px;
                    padding: 10px 0 0 0;
                    margin: 0 0 0 0;
                    display: flex;
                    line-height: 1.4;
                    justify-content: center;
                    align-items: center;
                }
        }

        .render-swiper-64-15 .swiper-pagination-bullet {
            margin: 0 .12rem;
            width: .16rem;
            height: .16rem;
        }

        .render-swiper-64-15 .swiper-slide-active,
        .render-swiper-64-15 .swiper-pagination-bullet-active {
            background-color: rgba(195, 13, 35, 1) !important;
        }
    </style>

    <div class="render-swiper-64-15">
        <div class="container">
            <div class="swiper-container scale-swiper">
                <div class="swiper-wrapper">

                    <div class="swiper-slide">
                        <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/c63p5nyz9kn9w1d4h84ceng7k7ftxwa8.png" class="img">
                        <p class="text">2017中国品牌影响力<br>外语教育机构</p>
                    </div>


                    <div class="swiper-slide">
                        <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/7lexfjn9ef9m3xc9n1d1dltaknfkxzcj.png" class="img">
                        <p class="text">雅思考试合作伙伴项目<br>铜级合作伙伴</p>
                    </div>


                    <div class="swiper-slide">
                        <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/wab878da7nzgndbtmdb1dfh91dn395jz.png" class="img">
                        <p class="text">2018年度影响力<br>外语教育品牌</p>
                    </div>


                    <div class="swiper-slide">
                        <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/473rh43ad9lewa634fcg84nlr2r4j1d8.png" class="img">
                        <p class="text">2016中国行业领先教育集团</p>
                    </div>


                    <div class="swiper-slide">
                        <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/21/trbytkmadzkgfyhj6cm29k7kl1dxhm6a.png" class="img">
                        <p class="text">国家级高新技术企业</p>
                    </div>


                </div>
            </div>
        </div>
        <div class="swiper-pagination" style="z-index:2;bottom: 0;width:100%;"></div>
    </div>

    <script>
        $(function () {
            new Swiper('.render-swiper-64-15 .swiper-container', {
                loop: true,
                slidesPerView: HtmlWidth <= 768 ? 'auto' : 3,
                centeredSlides: true,
                pagination: {
                    el: '.render-swiper-64-15 .swiper-pagination',
                },
                autoplay: {
                    delay: 6000,
                    disableOnInteraction: false,
                }
            })
        })

    </script>

    <style>
        /* PC端 */
        @media (min-width:769px) {

            .render-jsx-14-16 {
                background-color: white;
                text-align: center;
                padding: .5rem 0 .4rem 0;
                margin: 0 0 0 0;
            }

                .render-jsx-14-16 > p {
                    color: #444444;
                    font-size: 22px;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    display: inline-block;
                    line-height: 1;
                    width: auto;
                }
        }
        /* 手机端 */
        @media (max-width:768px) {
            .render-jsx-14-16 {
                background-color: white;
                text-align: center;
                padding: .6rem 0 .3rem 0;
                margin: 0 0 0 0;
            }

                .render-jsx-14-16 > p {
                    color: #666666;
                    font-size: .28rem;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    display: inline-block;
                    line-height: 1;
                    width: auto;
                }
        }
    </style>


    <div class="render-jsx-14-16">
        <p>*以上数据均为内部统计数据</p>
    </div>

    <style>
        /* PC端 */
        @media (min-width:769px) {
            .render-jsx-90-17 {
                background-color: rgba(0,0,0,0.7);
                height: .7rem;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                width: 100%;
            }

                .render-jsx-90-17 .container {
                    height: 100%;
                    padding: 0 0 0 1.8rem;
                    margin: 0 auto;
                    display: flex;
                    position: relative;
                    align-items: center;
                }

                .render-jsx-90-17 .img {
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                    bottom: 0;
                    left: 0;
                    position: absolute;
                }

                .render-jsx-90-17 .text {
                    color: #fff;
                    font-size: .3rem;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                }

                .render-jsx-90-17 .btn {
                    background-size: 100% 100%;
                    color: white;
                    font-size: 20px;
                    border-radius: 6px;
                    background-color: #cd0d18;
                    padding: .1rem 0;
                    margin: 0 0 0 auto;
                    letter-spacing: 2px;
                    width: 2.4rem;
                }
        }
        /* 手机端 */
        @media (max-width:768px) {
            .render-jsx-90-17 {
                background-color: rgba(0,0,0,0.7);
            }

            .fixed {
                max-width: 750px;
                width: 100%;
                left: 50%;
                transform: translateX(-50%);
            }

            .render-jsx-90-17 .container {
                height: 1.1rem;
                padding: 0 0 0 2rem;
                margin: 0 auto;
                display: flex;
                width: 100%;
                position: relative;
                align-items: center;
            }

            .render-jsx-90-17 .img {
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                bottom: 0;
                left: .1rem;
                width: 1.8rem;
                position: absolute;
            }

            .render-jsx-90-17 .text {
                color: #fff;
                font-size: .35rem;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
            }

            .render-jsx-90-17 .btn {
                background-size: 100% 100%;
                color: white;
                font-size: .32rem;
                border-radius: 0;
                background-color: #c30d23;
                height: 100%;
                padding: .1rem .36rem;
                margin: 0 0 0 auto;
                letter-spacing: 2px;
                width: auto;
            }
        }

        @keyframes scale {
            0% {
                transform: scale(1);
            }

            100% {
                transform: scale(1.2);
            }
        }
    </style>
    <div class="render-jsx-90-17-top"></div>

    <div class="render-jsx-90-17">
        <div class="container">
            <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/12/py7e7dgpcxdtw8mpkan5grczfwd6a5el.png" class="img">
            <p class="text"><span style="color:#ffdb34;font-weight:bold;">53节</span>精品外教课</p>
            <button data-popup-id="11" data-params-button="立即领取" data-params-codeinput="验证码" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="免费领53节精品外教课" data-params-phoneinput="手机号" data-params-codebtn="获取验证码" class="btn">免费试学</button>
        </div>
    </div>



    <script>
        $(function () {
            bottomShow();
        })

        function bottomShow() {
            // 定位元素
            let fixedBottom = $('.render-jsx-90-17');
            // 头部元素
            let headerFixedElement = $('body>div').eq(0);
            // 底部元素
            let removeFixedElement = $('.render-jsx-90-17-top');
            let bTop = removeFixedElement.offset().top - 10 - $(window).height() + removeFixedElement.height();
            let rTop = headerFixedElement.offset().top + headerFixedElement.height();
            $(window).scroll(function () {
                let sTop = $(this).scrollTop();
                if (sTop > rTop) {
                    fixedBottom.fadeIn(300);
                    if (sTop >= bTop) {
                        fixedBottom.removeClass('fixed');
                    } else {
                        fixedBottom.addClass('fixed');
                    }
                } else {
                    fixedBottom.fadeOut(300);
                }
            })
        }
    </script>

    <style>
        @media (min-width:769px) {
            .render-jsx-126-18 .codeBtn {
                background-color: #c30d23;
                border-radius: 0 60px 60px 0;
                padding: 0 .2rem;
                color: white;
                top: 0;
                font-size: .14rem;
                position: absolute;
                right: 0;
                height: 100%;
            }

            .render-jsx-126-18 .phoneInput {
                font-size: .16rem;
                border-radius: 60px;
                height: .5rem;
                text-align: left;
                border: 1px solid #ccc;
                padding: 0 .2rem;
                margin: .2rem 0 0;
                line-height: .5rem;
            }

            .render-jsx-126-18 .title {
                color: black;
                font-weight: bold;
                font-size: .24rem;
                text-align: center;
            }

            .render-jsx-126-18 .closeImg {
                top: .14rem;
                width: .2rem;
                position: absolute;
                right: .14rem;
            }

            .render-jsx-126-18 .codeInput {
                border: 1px solid #ccc;
                border-radius: 60px;
                padding: 0 .2rem;
                margin: .2rem 0 0;
                font-size: .16rem;
                line-height: .5rem;
                position: relative;
                height: .5rem;
                text-align: left;
            }

            .render-jsx-126-18 .button {
                background-color: #c30d23;
                border-radius: 60px;
                margin: .2rem 0 0;
                color: white;
                width: 100%;
                font-size: .18rem;
                line-height: .5rem;
                height: .5rem;
            }

            .render-jsx-126-18 .con {
                background-color: white;
                padding: .3rem;
                transform: translate(-50%,-50%);
                top: 50%;
                left: 50%;
                width: 4rem;
                position: absolute;
            }

            .render-jsx-126-18 .jsonCode {
                background-color: rgba(0,0,0,0.5);
                top: 0;
                left: 0;
                bottom: 0;
                position: fixed;
                right: 0;
            }

            .render-jsx-126-18 .info {
                z-index: 0;
                max-width: initial;
                bottom: 9px;
                display: block;
                width: 3rem;
                position: absolute;
                right: 10px;
                user-select: none;
                pointer-events: none;
            }

            .render-jsx-126-18 .btn {
                z-index: 1;
                display: block;
                width: 100%;
                position: relative;
            }

            .render-jsx-126-18 .finger {
                z-index: 2;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                bottom: .2rem;
                display: block;
                left: -.2rem;
                width: .8rem;
                position: absolute;
            }

            .render-jsx-126-18 .btnwrap {
                transform: translateY(-50%);
                z-index: 2;
                top: 60%;
                width: 1.2rem;
                position: fixed;
                right: 0;
            }

            .render-jsx-126-18 .container {
                margin: 0 auto;
            }

            .render-jsx-126-18 {
                background-color: #fff;
            }
        }

        @media (max-width:768px) {
            .render-jsx-126-18 .codeBtn {
                background-color: #c30d23;
                border-radius: 0 60px 60px 0;
                padding: 0 .4rem;
                color: white;
                top: 0;
                font-size: .28rem;
                position: absolute;
                right: 0;
                height: 100%;
            }

            .render-jsx-126-18 .phoneInput {
                border: 1px solid #ccc;
                border-radius: 60px;
                padding: 0 .4rem;
                margin: .4rem 0 0;
                font-size: .28rem;
                line-height: .9rem;
                height: .9rem;
                text-align: left;
            }

            .render-jsx-126-18 .title {
                color: black;
                font-weight: bold;
                font-size: .4rem;
                text-align: center;
            }

            .render-jsx-126-18 .closeImg {
                top: .14rem;
                width: .2rem;
                position: absolute;
                right: .14rem;
            }

            .render-jsx-126-18 .codeInput {
                border: 1px solid #ccc;
                border-radius: 60px;
                padding: 0 .4rem;
                margin: .4rem 0 0;
                font-size: .28rem;
                line-height: .9rem;
                position: relative;
                height: .9rem;
                text-align: left;
            }

            .render-jsx-126-18 .button {
                background-color: #c30d23;
                border-radius: 60px;
                margin: .4rem 0 0;
                color: white;
                width: 100%;
                font-size: .32rem;
                line-height: .9rem;
                height: .9rem;
            }

            .render-jsx-126-18 .con {
                background-color: white;
                padding: .3rem;
                transform: translate(-50%,-50%);
                top: 50%;
                left: 50%;
                width: 6.5rem;
                position: absolute;
            }

            .render-jsx-126-18 .jsonCode {
                background-color: rgba(0,0,0,0.5);
                top: 0;
                left: 0;
                bottom: 0;
                position: fixed;
                right: 0;
            }

            .render-jsx-126-18 .info {
                display: none;
            }

            .render-jsx-126-18 .btn {
                z-index: 1;
                display: block;
                width: 100%;
                position: relative;
            }

            .render-jsx-126-18 .finger {
                z-index: 2;
                left: -.2rem;
                bottom: .2rem;
                display: block;
                width: .8rem;
                position: absolute;
            }

            .render-jsx-126-18 .btnwrap {
                transform: translateY(-50%);
                z-index: 2;
                top: 60%;
                width: 1.2rem;
                position: fixed;
                right: 0;
            }

            .render-jsx-126-18 .container {
                margin: 0 auto;
            }

            .render-jsx-126-18 {
                background-color: #fff;
            }
        }
    </style>
    <style>
        /* PC端 */
        @media (min-width:769px) {
        }
        /* 手机端 */
        @media (max-width:768px) {
        }

        .render-jsx-126-18 .btnwrap .finger {
            animation: scale .3s infinite alternate
        }

        @keyframes scale {
            0% {
                transform: scale(.8);
            }

            100% {
                transform: scale(1);
            }
        }
    </style>

    <div class="render-jsx-126-18">
        <div class="btnwrap" data-popup-id="11" data-params-button="立即领取" data-params-codeinput="验证码" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="免费领53节精品外教课" data-params-phoneinput="填写您的手机号码" data-params-codebtn="获取验证码">
            <img class="finger " src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/12/a3c6d3z572x83lpx53kazb5tzgzd2tkf.png">
            <a><img class="btn " src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/12/3jzh3tgtk94a25c1dknr79mkm26dxr84.png"></a>
        </div>
    </div>

    <style>
        @media (min-width:769px) {
            .render-jsx-8-undefined .closeImg {
                top: 13% !important;
                height: 40px;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                left: 63%;
                width: 40px !important;
                position: absolute;
            }

            .render-jsx-8-undefined .img {
                height: auto;
                padding: 100px 0 0 0;
                margin: 0 auto;
                width: 375px;
            }

            .render-jsx-8-undefined .codeBtn {
                background-color: #c30d23;
                border-radius: 0 60px 60px 0;
                padding: 0 .2rem;
                color: white;
                top: 0;
                font-size: .14rem;
                position: absolute;
                right: 0;
                height: 100%;
            }

            .render-jsx-8-undefined .phoneInput {
                font-size: .16rem;
                border-radius: 60px;
                height: .5rem;
                text-align: left;
                border: 1px solid #ccc;
                padding: 0 .2rem;
                margin: .2rem 0 0;
                line-height: .5rem;
            }

            .render-jsx-8-undefined .title {
                color: black;
                font-weight: bold;
                font-size: .24rem;
                text-align: center;
            }

            .render-jsx-8-undefined .closeImg {
                top: .14rem;
                width: .2rem;
                position: absolute;
                right: .14rem;
            }

            .render-jsx-8-undefined .codeInput {
                border: 1px solid #ccc;
                border-radius: 60px;
                padding: 0 .2rem;
                margin: .2rem 0 0;
                font-size: .16rem;
                line-height: .5rem;
                position: relative;
                height: .5rem;
                text-align: left;
            }

            .render-jsx-8-undefined .button {
                background-color: #c30d23;
                border-radius: 60px;
                margin: .2rem 0 0;
                color: white;
                width: 100%;
                font-size: .18rem;
                line-height: .5rem;
                height: .5rem;
            }

            .render-jsx-8-undefined .con {
                background-color: white;
                padding: .3rem;
                transform: translate(-50%,-50%);
                top: 50%;
                left: 50%;
                width: 4rem;
                position: absolute;
            }

            .render-jsx-8-undefined .jsonCode {
                background-color: rgba(0,0,0,0.5);
                top: 0;
                left: 0;
                bottom: 0;
                position: fixed;
                right: 0;
            }

            .render-jsx-8-undefined .button {
                background-size: 100% 100%;
                background-color: transparent;
                border-radius: 0;
                transform: translateX(-50%);
                background-repeat: no-repeat;
                top: 80%;
                background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/15/4n71d8xz86h3hr5letzmrjafdz9rzyjb.gif);
                height: 170px;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                bottom: 0;
                left: 49.6%;
                width: 160px;
                position: absolute;
            }

            .render-jsx-8-undefined {
                background-color: rgba(0,0,0,0.5);
                z-index: 8;
                top: 0;
                left: 0;
                bottom: 0;
                position: fixed;
                right: 0;
                text-align: center;
            }
        }

        @media (max-width:768px) {
            .render-jsx-8-undefined .closeImg {
                top: 12% !important;
                height: 30px;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                right: 10% !important;
                width: 30px !important;
                position: absolute;
            }

            .render-jsx-8-undefined .img {
                height: auto;
                padding: 1.5rem 0 0 0;
                margin: 0 auto;
                width: 80%;
            }

            .render-jsx-8-undefined .codeBtn {
                background-color: #c30d23;
                border-radius: 0 60px 60px 0;
                padding: 0 .4rem;
                color: white;
                top: 0;
                font-size: .28rem;
                position: absolute;
                right: 0;
                height: 100%;
            }

            .render-jsx-8-undefined .phoneInput {
                border: 1px solid #ccc;
                border-radius: 60px;
                padding: 0 .4rem;
                margin: .4rem 0 0;
                font-size: .28rem;
                line-height: .9rem;
                height: .9rem;
                text-align: left;
            }

            .render-jsx-8-undefined .title {
                color: black;
                font-weight: bold;
                font-size: .4rem;
                text-align: center;
            }

            .render-jsx-8-undefined .closeImg {
                top: .14rem;
                width: .2rem;
                position: absolute;
                right: .14rem;
            }

            .render-jsx-8-undefined .codeInput {
                border: 1px solid #ccc;
                border-radius: 60px;
                padding: 0 .4rem;
                margin: .4rem 0 0;
                font-size: .28rem;
                line-height: .9rem;
                position: relative;
                height: .9rem;
                text-align: left;
            }

            .render-jsx-8-undefined .button {
                background-color: #c30d23;
                border-radius: 60px;
                margin: .4rem 0 0;
                color: white;
                width: 100%;
                font-size: .32rem;
                line-height: .9rem;
                height: .9rem;
            }

            .render-jsx-8-undefined .con {
                background-color: white;
                padding: .3rem;
                transform: translate(-50%,-50%);
                top: 50%;
                left: 50%;
                width: 6.5rem;
                position: absolute;
            }

            .render-jsx-8-undefined .jsonCode {
                background-color: rgba(0,0,0,0.5);
                top: 0;
                left: 0;
                bottom: 0;
                position: fixed;
                right: 0;
            }

            .render-jsx-8-undefined .button {
                background-size: 100% 100%;
                background-color: transparent;
                border-radius: 0;
                transform: translateX(-50%);
                background-repeat: no-repeat;
                top: 78%;
                background-image: url(http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/15/4n71d8xz86h3hr5letzmrjafdz9rzyjb.gif);
                height: 3rem;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                bottom: 0;
                left: 49%;
                width: 2.8rem;
                position: absolute;
            }

            .render-jsx-8-undefined {
                background-color: rgba(0,0,0,0.5);
                z-index: 8;
                top: 0;
                left: 0;
                bottom: 0;
                position: fixed;
                right: 0;
                text-align: center;
            }
        }
    </style>
    <style>
        .render-jsx-8-undefined {
            text-align: center;
        }

            .render-jsx-8-undefined > .content {
                position: relative;
            }

            .render-jsx-8-undefined > .close_img {
                cursor: pointer;
            }

        /* PC端 */
        @media (min-width:769px) {
        }
        /* 手机端 */
        @media (max-width:768px) {
        }
    </style>

    <div class="render-jsx-8-undefined" id="loading-popup-8">
        <div class="content">
            <img src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/25/3cm8zfkcwrx1dfk1djx9ft1db7x6y71d.png" class="img content_img">
            <button data-popup-id="11" data-params-button="立即领取" data-params-codeinput="验证码" data-params-closeimg="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" data-params-title="免费领53节精品外教课" data-params-phoneinput="请输入您的手机号码" data-params-codebtn="获取验证码" class="button close-popup">
            </button>
        </div>
        <img src="https://img.acadsoc.com.cn/web/lps/lxhd/iShow/img/close.png" class="closeImg close_img">
    </div>

    <script>
        $(function () {
            $('.render-jsx-8-undefined .closeImg').click(function () {
                $('.render-jsx-8-undefined').hide();
            })
        })
    </script>
    <style>
        /* PC端 */
        @media (min-width:769px) {
            .render-jsx-27-undefined {
                top: 0;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                bottom: 0;
                display: flex;
                right: 0;
                left: 0;
                justify-content: center;
                position: fixed;
                align-items: center;
            }

                .render-jsx-27-undefined > .content {
                    height: auto;
                    padding: 0 0 0 0;
                    margin: 0 auto 0 auto;
                    width: 400px;
                    position: relative;
                }

                    .render-jsx-27-undefined > .content > .bg-img {
                        width: 100%;
                    }

                    .render-jsx-27-undefined > .content > .close-img {
                        top: 12%;
                        width: 12px;
                        position: absolute;
                        right: 30px;
                        height: 12px;
                    }

                    .render-jsx-27-undefined > .content > .qrcode-img {
                        top: 25%;
                        padding: 0 0 0 0;
                        margin: 0 0 0 0;
                        right: 9%;
                        width: 45%;
                        position: absolute;
                    }

                    .render-jsx-27-undefined > .content > .wx {
                        color: #172C79;
                        font-size: 14px;
                        top: 53%;
                        text-align: center;
                        padding: 0 0 0 0;
                        margin: 0 0 0 0;
                        left: 0;
                        width: 100%;
                        position: absolute;
                    }

                    .render-jsx-27-undefined > .content > .btn-img {
                        transform: translateX(-50%);
                        top: 52%;
                        padding: 0 0 0 0;
                        margin: 0 0 0 0;
                        left: 50%;
                        width: 100%;
                        position: absolute;
                    }
        }
        /* 手机端 */
        @media (max-width:768px) {

            .render-jsx-27-undefined {
                top: 0;
                left: 0;
                bottom: 0;
                display: flex;
                justify-content: center;
                position: fixed;
                right: 0;
                align-items: center;
            }

                .render-jsx-27-undefined > .content {
                    margin: 0 auto 0 auto;
                    width: 80%;
                    position: relative;
                    height: auto;
                }

                    .render-jsx-27-undefined > .content > .bg-img {
                        width: 100%;
                    }

                    .render-jsx-27-undefined > .content > .close-img {
                        top: 12%;
                        width: 12px;
                        position: absolute;
                        right: 30px;
                        height: 12px;
                    }

                    .render-jsx-27-undefined > .content > .qrcode-img {
                        margin: 0 0 0 0;
                        top: 25%;
                        width: 45%;
                        position: absolute;
                        right: 9%;
                    }

                    .render-jsx-27-undefined > .content > .wx {
                        color: #172C79;
                        top: 53%;
                        left: 10%;
                        width: 80%;
                        font-size: 12px;
                        position: absolute;
                        text-align: center;
                    }

                    .render-jsx-27-undefined > .content > .btn-img {
                        transform: translateX(-50%);
                        top: 54%;
                        left: 50%;
                        width: 100%;
                        position: absolute;
                    }
        }
    </style>

    <div class="render-jsx-27-undefined" id="success-popup-27" style="display:none;">
        <div class="content">
            <img class="bg-img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/09/16/bd9y6f2rtamab72dmb9w82tfzxg9m58t.png">
            <img class="close-img" src="https://img.acadsoc.com.cn/web/lps/lp2019/lp-LHY/img/close-btn.png">
            <img class="qrcode-img" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/12/26/1dhkbztrk9wr4ynbjm3tgdpe1dkgcdbe.png">
            <p class="wx">添加老师,优先安排试课,微信号:AcMiumiu</p>
            <img class="btn-img to-wx" data-wx="AcMiumiu" src="http://acadsoc-development-oss.acadsoc.com.cn/landing-page/files/2020/10/14/y3ljpdhgkpr4y5cncykre4xkc4j3p9n6.gif">

        </div>
    </div>

    <script>
        $(function () {

            $('.render-jsx-27-undefined .close-img').click(function () {
                $('.render-jsx-27-undefined').hide();
            })

            $('.to-wx').click(function () {
                const element = document.createElement('input');
                element.value = $(this).attr('data-wx');
                document.body.append(element);
                element.select();
                document.execCommand('Copy'); // 原生copy方法执行浏览器复制命令
                document.body.removeChild(element);

                const aele = document.createElement('a');
                aele.href = 'weixin://';
                aele.click();
            });

        })
    </script>
    <style>

        .render-jsx-11-model .register-close {
            cursor: pointer;
        }
        /* PC端 */
        @media (min-width:769px) {
            .render-jsx-11-model {
                background-color: rgba(0,0,0,0.5);
                top: 0;
                left: 0;
                bottom: 0;
                position: fixed;
                right: 0;
            }

                .render-jsx-11-model .content {
                    background-color: white;
                    padding: .3rem;
                    transform: translate(-50%,-50%);
                    top: 50%;
                    left: 50%;
                    width: 4rem;
                    position: absolute;
                }


                .render-jsx-11-model .register-close {
                    top: .14rem;
                    width: .2rem;
                    position: absolute;
                    right: .14rem;
                    position: absolute;
                    top: 20px;
                    right: 20px;
                    width: 20px;
                }

                .render-jsx-11-model .title {
                    color: black;
                    font-weight: bold;
                    font-size: .24rem;
                    text-align: center;
                    padding: 0 0 0 0;
                    margin: 0 0 0 0;
                }

                .render-jsx-11-model .phoneinput {
                    font-size: .16rem;
                    border-radius: 60px;
                    height: .5rem;
                    text-align: left;
                    border: 1px solid #ccc;
                    padding: 0 .2rem;
                    margin: .2rem 0 0;
                    line-height: .5rem;
                }

                .render-jsx-11-model .codeinput {
                    border: 1px solid #ccc;
                    border-radius: 60px;
                    padding: 0 .2rem;
                    margin: .2rem 0 0;
                    font-size: .16rem;
                    line-height: .5rem;
                    position: relative;
                    height: .5rem;
                    text-align: left;
                }

                .render-jsx-11-model .btnGetSMS {
                    color: white;
                    font-size: .14rem;
                    background-color: #c30d23;
                    border-radius: 60px;
                    top: 0;
                    height: 100%;
                    padding: 0 .2rem;
                    margin: 0 0 0 0;
                    right: 0;
                    position: absolute;
                }

                .render-jsx-11-model .registerSubmit {
                    background-color: #c30d23;
                    border-radius: 60px;
                    margin: .2rem 0 0;
                    color: white;
                    width: 100%;
                    font-size: .18rem;
                    line-height: .5rem;
                    height: .5rem;
                }
        }
        /* 手机端 */
        @media (max-width:768px) {
            .render-jsx-11-model {
                background-color: rgba(0,0,0,0.5);
                top: 0;
                left: 0;
                bottom: 0;
                position: fixed;
                right: 0;
            }

                .render-jsx-11-model .content {
                    background-color: white;
                    padding: .3rem;
                    transform: translate(-50%,-50%);
                    top: 50%;
                    left: 50%;
                    width: 6.5rem;
                    position: absolute;
                }

                .render-jsx-11-model .register-close {
                    top: .14rem;
                    width: .2rem;
                    position: absolute;
                    right: .14rem;
                    position: absolute;
                    top: 20px;
                    right: 20px;
                    width: 20px;
                }

                .render-jsx-11-model .title {
                    color: black;
                    font-weight: bold;
                    font-size: .4rem;
                    text-align: center;
                }

                .render-jsx-11-model .phoneinput {
                    border: 1px solid #ccc;
                    border-radius: 60px;
                    padding: 0 .4rem;
                    margin: .4rem 0 0;
                    font-size: .28rem;
                    line-height: .9rem;
                    height: .9rem;
                    text-align: left;
                }

                .render-jsx-11-model .codeinput {
                    border: 1px solid #ccc;
                    border-radius: 60px;
                    padding: 0 .4rem;
                    margin: .4rem 0 0;
                    font-size: .28rem;
                    line-height: .9rem;
                    position: relative;
                    height: .9rem;
                    text-align: left;
                }

                .render-jsx-11-model .btnGetSMS {
                    background-color: #c30d23;
                    border-radius: 0 60px 60px 0;
                    padding: 0 .4rem;
                    color: white;
                    top: 0;
                    font-size: .28rem;
                    position: absolute;
                    right: 0;
                    height: 100%;
                }

                .render-jsx-11-model .registerSubmit {
                    background-color: #c30d23;
                    border-radius: 60px;
                    margin: .4rem 0 0;
                    color: white;
                    width: 100%;
                    font-size: .32rem;
                    line-height: .9rem;
                    height: .9rem;
                }
        }
    </style>

    <div class="render-jsx-11-model" id="register-popup-11" style="display:none;">
        <div class="content">

            <img src="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/img/close.png" class="register-close close-popup closeimg">

            <p class="title">匹配合适外教</p>
            <div class="input__div ">
                <input placeholder="填写您的手机号码" type="tel" maxlength="11" name="TxtPhone" class="TxtPhone phoneinput">
            </div>

            <div class="input__div ">
                <input placeholder="" type="tel" maxlength="6" name="TxtCode" class="TxtCode codeinput">
                <button class="btnGetSMS codebtn" name="btnGetSMS"></button>
            </div>
            <button class="registerSubmit button" name="registerSubmit"></button>
        </div>
    </div>


    <footer class="footer footer-children">
        <div class="footer-pc">
            <div class="footer-pc-left">
                <div>
                    服务热线:400-600-1166<a href="http://www.miitbeian.gov.cn/" rel="nofollow" target="_blank">粤ICP备19156451号</a>
                </div>
                <div>本站信息由深圳市阿卡索资讯股份有限公司发布</div>
            </div>
            <div class="footer-pc-right">
                <img src="https://img.acadsoc.com.cn/web/lps/pages/englishTraining/pcImg/footer.png" alt="Copyright">
            </div>
        </div>
        <div class="footer-m">
            <div class="footer-m-logo"></div>
            <div class="footer-m-tel">
                服务热线:400-600-1166<a href="http://www.miitbeian.gov.cn/" rel="nofollow" target="_blank">粤ICP备19156451号</a>
            </div>
            <div>本站信息由深圳市阿卡索资讯股份有限公司发布</div>
        </div>
    </footer>


    <!--滑动验证生成-->
    <div id="captcha"></div>
    <!--滑动验证生成end-->
    <div class="loading" style="position:fixed;top:50%;left:50%;margin-top:-25px;margin-left:-25px;display:none;z-index:1040;">
        <img src="https://img.acadsoc.com.cn/web/img/loading1.gif" style="z-index:1050;position:relative;">
        <div class="modal-backdrop in" style="background-color:#fff;opacity: .8;"></div>
    </div>
    <script type="text/javascript" src="https://img.acadsoc.com.cn/js/register_new_double-editor.js"></script>
    <script type="text/javascript" src="https://img.acadsoc.com.cn/js/gt.js"></script>
    <script type="text/javascript" src="https://img.acadsoc.com.cn/js/Captcha.js"></script>
    <!-- 新验证1909 End -->
    <script type="text/javascript" src="https://www.acadsoc.com.cn/Ajax/Web.UI.Fun.User.aspx"></script>
    <!-- abtest -->
    <script src="https://img.acadsoc.com.cn/web/js/abtest.min.js"></script>
    <script type="text/javascript" src="https://img.acadsoc.com.cn/web/js/swiper-4.0.5.min.js"></script>

    <script>

        window.onload = function () {
            addFixedEls();
        }

        function addFixedEls() {
            // 头部元素
            const headerFixedElement = $('body>div').eq(0);
            $('.fixed__el').each((i, v) => {
                // 定位元素
                const fixedEl = $(v);
                // 移除元素
                const removeFixedElement = fixedEl.prev();
                let bTop = removeFixedElement.offset().top - 10 - $(window).height() + removeFixedElement.height();
                let rTop = headerFixedElement.offset().top + headerFixedElement.height();
                $(window).scroll(function () {
                    let sTop = $(this).scrollTop();
                    if (sTop > rTop) {
                        fixedEl.fadeIn(300);
                        if (sTop >= bTop) {
                            fixedEl.removeClass('fixed');
                        } else {
                            fixedEl.addClass('fixed');
                        }
                    } else {
                        fixedEl.fadeOut(300);
                    }
                })
            })
        }

        const date = new Date();
        const curruYear = date.getFullYear();
        const currMonth = date.getMonth() + 1;
        const currDate = date.getDate();

        // 替换时间文字
        document.querySelectorAll('.time').forEach(function (v) {
            v.innerText = getToday(v.innerText);
        })

        function getToday(str) {
            return str.replace(/year/gi, curruYear).replace(/month/gi, currMonth).replace(/date/gi, currDate);
        }

        function copyWx(wx, text = '复制成功!') {
            const element = document.createElement('input');
            element.value = wx;
            document.body.append(element);
            element.select();
            document.execCommand('Copy');
            document.body.removeChild(element);
            alert(text);
        }

        $(function () {

            $('[data-copy-wx]').click(function () {
                copyWx($(this).attr('data-copy-wx'), $(this).attr('data-wx-alter'))
            })

            $('[data-to-wx]').click(function () {
                copyWx($(this).attr('data-to-wx'), $(this).attr('data-wx-alter'))
                const aele = document.createElement('a');
                aele.href = 'weixin://';
                aele.click();
            });

            // 返回弹窗
            if (document.querySelector('[id*=back-popup]')) {
                $('[id*=back-popup]').hide();
                $('[id*=back-popup] [class*=close]').click(function () {
                    $('[id*=back-popup]').fadeOut();
                    // 取消返回,需要默认back一次
                    window.removeEventListener('popstate', holdBack);
                    history.back();
                })

                // 阻止返回
                function holdBack() {
                    $('[id*=back-popup]').fadeIn();
                    history.pushState(null, null, document.URL);
                }


                // 防止页面后退 监听
                history.pushState(null, null, document.URL);
                window.addEventListener('popstate', holdBack);
            }

            // 关闭弹窗
            $('.close-popup').click(function () {
                $(this).parents('[id*=-popup]').fadeOut();
            })

            // 关闭注册弹窗
            $('.register-close').click(function () {
                $(this).parents('[id*=register-popup]').fadeOut();
            })

            // 打开弹窗
            $('[data-popup-id]').click(function () {
                const id = $(this).attr('data-popup-id');
                const popup = $('#register-popup-' + id);
                const attrs = this.attributes;
                // 更改字符
                for (let i = 0; i < attrs.length; i++) {
                    const name = attrs[i].name;
                    const value = attrs[i].value;
                    if (name.indexOf('data-params-') !== -1) {
                        const ele = popup.find('.' + name.split('data-params-')[1]);
                        if (!value) continue;
                        if (value === 'false') {
                            ele.hide();
                            continue;
                        } else if (value === 'true') {
                            ele.show();
                            continue;
                        }
                        if (!ele[0]) continue;
                        // 根据标签名修改
                        switch (ele[0].nodeName) {
                            case 'IMG':
                                ele.attr('src', value);
                                break;
                            case 'INPUT':
                                ele.attr('placeholder', value)
                                break;
                            default:
                                ele.html(getToday(value));
                                break;
                        }
                    }
                }
                popup.fadeIn();
            })

            // 单链接跳转
            $('[data-href]').click(function () {
                location.href = $(this).attr('data-href');
            })

            // 分端跳转
            $('[data-pm-href]').click(function () {
                var parameter = window.location.search;
                var sUserAgent = navigator.userAgent.toLowerCase();
                var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
                var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
                var bIsMidp = sUserAgent.match(/midp/i) == "midp";
                var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
                var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
                var bIsAndroid = sUserAgent.match(/android/i) == "android";
                var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
                var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
                if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
                    location.href = $(this).attr('data-mobile-href');
                } else if (bIsIpad) {
                    location.href = $(this).attr('data-ipad-href');
                } else {
                    location.href = $(this).attr('data-pc-href');
                }
            })

            // 跳转注册
            $('[data-form]').click(function () {
                $('body,html').stop().animate({ 'scrollTop': 0 },
                    {
                        duration: 1000,
                        easing: "swing"
                    });
            })

            // dynamic data
            const imgIds = [];
            const bgImgIds = [];
            const textIds = [];

            $('[data-img-id]').each(function (i, item) {
                const id = $(item).attr('data-img-id');
                if (imgIds.indexOf(id) === -1) {
                    imgIds.push(id);
                }
            })

            $('[data-text-id]').each(function (i, item) {
                const id = $(item).attr('data-text-id');
                if (textIds.indexOf(id) === -1) {
                    textIds.push(id);
                }
            })

            $('[data-bg-img-id]').each(function (i, item) {
                const id = $(item).attr('data-bg-img-id');
                if (bgImgIds.indexOf(id) === -1) {
                    bgImgIds.push(id);
                }
            })

            $.ajax({
                url: 'https://dmpaio.acadsoc.com.cn/api-landingpage/PageResources/selectAllResources',
                method: "POST",
                dataType: "json",
                headers: { 'Content-Type': 'application/json' },
                data: JSON.stringify({ bgImgIds, imgIds, textIds }),
                success: function (res) {
                    const _bgImgIds = res.data.bgImgIds;
                    const _imgIds = res.data.imgIds;
                    const _textIds = res.data.textIds;
                    // 背景图
                    _bgImgIds.forEach(function (v) {
                        const ele = $(`[data-bg-img-id=${v.id}]`);
                        // 手机banner
                        if (ele.hasClass('mobile-banner')) {
                            ele.attr('src', v.url);
                        } else {
                            ele.css('background-image', `url(${v.url})`);
                        }
                    });
                    _imgIds.forEach(function (v) {
                        const ele = $(`[data-img-id=${v.id}]`);
                        if (ele[0].nodeName === 'IMG') {
                            ele.attr('src', v.url);
                        } else {
                            ele.css('background-image', `url(${v.url})`);
                        }
                    });

                    _textIds.forEach(function (v) {
                        const ele = $(`[data-text-id=${v.id}]`);
                        ele.html(v.name);
                    });
                }
            })

        })

        // 注册
        register.init({
            successTxt: false, // 值为false时不执行
            successLocation: false, // 值为false时不执行
            successFn: function () {
                ABRecord.registNotice();
                //百度ocpc提交成功埋码
                window._agl && window._agl.push(['track', ['success', { t: 3 }]])
                var urlval = getQueryString("search");
                $(".loading").hide();




                var successPopup = document.querySelector('[id^=success-popup]');

                if (successPopup) {
                    $(successPopup).fadeIn();
                } else {
                    alert("领取成功,稍后将有学习顾问联系您!");
                    window.location = '/WebNew/user/Personal/UserInfo.aspx';
                }

                return false;
            },
            type: 'code', //注册类型:normal(常规),code(验证码注册),uid(带推荐人uid)

        });

    </script>
    <!-- 53客服 -->
    <script>
    (function () { var _53code = document.createElement("script"); _53code.src = "https://tb.53kf.com/code/code/7cc096211c3e62506f8652e76661a192/2"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(_53code, s); }
        )();</script>


</body>
</html>