*{margin:0;padding:0}body{overflow-x:hidden}body,html{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;font-family:Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Arial,sans-serif;margin:0;font-size:12px}body *,body :focus,html *,html :focus{outline:none}body,body *,html{-webkit-font-smoothing:subpixel-antialiased;font-family:Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Arial,sans-serif}a{text-decoration:none}img{display:block}input[type=number]{-moz-appearance:textfield}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}h2,p{margin:0;padding:0}::-webkit-scrollbar-thumb{background-color:#c1c1c1;display:none}::-webkit-scrollbar-track{background-color:transparent;-webkit-box-shadow:none}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}:hover::-webkit-scrollbar-thumb{display:block}:hover::-webkit-scrollbar-track{background-color:transparent;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1)}.eeo-ul,.eeo-ul>li{margin:0;padding:0;list-style:none}.eeo_m_message,.eeo_message{position:absolute;left:50%;top:300px;min-width:20px;transform:translateX(-50%);-webkit-transform:translate(-50%,-50%);background:rgba(0,0,0,.7);border-radius:3px;padding:16px 20px;border:0;height:auto;margin:0;color:#fff;white-space:normal;font-size:14px;text-align:center}.eeo_m_message{top:600px;border-radius:6px;padding:32px 40px;font-size:28px}.eeo-el-messageBox .el-message-box__header{padding:5px 10px;border-bottom:1px solid #d8d8d8}.eeo-el-messageBox .el-message-box__header .el-message-box__title{font-size:14px;line-height:1.5}.eeo-el-messageBox .el-message-box__header .el-message-box__headerbtn{top:9px;right:12px}.eeo-el-messageBox .el-message-box__content{padding:10px}.eeo-el-messageBox .el-message-box__btns{border-top:1px solid #d8d8d8}.eeo-el-messageBox .el-message-box__btns .el-button{padding:7px 15px}.mint-indicator{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.3);z-index:3}.signUp,.signUpM{width:275px;margin:auto;text-align:left;padding-top:4px}.signUp .formMessage .inputLi,.signUpM .formMessage .inputLi{height:37px;line-height:37px;border-bottom:1px solid #d5d6d6;margin-bottom:24px;position:relative}.signUp .formMessage .inputLi input,.signUpM .formMessage .inputLi input{border:0;outline:none;font-size:17px;width:152px}.signUp .formMessage .phoneNum,.signUpM .formMessage .phoneNum{position:relative}.signUp .formMessage .phoneNum .areaInput,.signUpM .formMessage .phoneNum .areaInput{width:90px;color:#11c879;cursor:pointer}.signUp .formMessage .phoneNum .optionList,.signUpM .formMessage .phoneNum .optionList{position:absolute;overflow-y:auto;width:200px;height:300px;background:#fff;border:1px solid #d5d6d6;border-top:none;font-size:14px;z-index:999999999}.signUp .formMessage .phoneNum .optionList li,.signUpM .formMessage .phoneNum .optionList li{line-height:2;padding-right:6px}.signUp .formMessage .phoneNum .arrowDown,.signUpM .formMessage .phoneNum .arrowDown{position:absolute;width:0;height:0;border-right:4.5px solid transparent;border-left:4.5px solid transparent;border-top:6px solid #a0a2aa;margin-top:15px;margin-left:-25px}.signUp .formMessage .phoneNum .number,.signUpM .formMessage .phoneNum .number{width:185px;font-size:17px}.signUp .formMessage .picCode img,.signUpM .formMessage .picCode img{position:absolute;width:103px;height:35px;cursor:pointer;right:0;bottom:2px}.signUp .formMessage .msgCode .sendCode,.signUpM .formMessage .msgCode .sendCode{width:103px;height:33px;line-height:33px;background:#13c477;color:#fff;border-radius:4px;text-align:center;position:absolute;right:0;bottom:2px;cursor:pointer}.signUp .formMessage .msgCode .sendMsgInfo,.signUpM .formMessage .msgCode .sendMsgInfo{background:#e0e0e0;color:#fff}.signUp .formMessage .isRegister input,.signUpM .formMessage .isRegister input{width:100%;padding-right:44px}.signUp .formMessage .isRegister img,.signUpM .formMessage .isRegister img{position:absolute;width:18px;color:#9b9b9b;top:8px;right:8px}.signUp .errorMsg,.signUpM .errorMsg{position:absolute;font-size:14px;color:#ff5741;left:0;top:30px}.signUp .userAgreement,.signUpM .userAgreement{font-size:14px;position:relative;margin-top:36px}.signUp .userAgreement .userAgreementCheck,.signUpM .userAgreement .userAgreementCheck{font-size:13px;color:#11c577;cursor:pointer;margin-right:5px}.signUp .userAgreement .is-link,.signUpM .userAgreement .is-link{color:#11c577}.signUpM{width:550px;padding-top:8px}.signUpM .formMessage .inputLi{height:74px;line-height:74px;margin-bottom:48px}.signUpM .formMessage .inputLi input{font-size:34px;width:304px}.signUpM .formMessage .phoneNum .areaInput{width:180px}.signUpM .formMessage .phoneNum .optionList{width:400px;height:600px;font-size:28px}.signUpM .formMessage .phoneNum .optionList li{padding-right:12px}.signUpM .formMessage .phoneNum .arrowDown{border-right:9px solid transparent;border-left:9px solid transparent;border-top:12px solid #a0a2aa;margin-top:30px;margin-left:-50px}.signUpM .formMessage .phoneNum .number{width:370px;font-size:34px}.signUpM .formMessage .picCode img{width:206px;height:70px;bottom:4px}.signUpM .formMessage .msgCode .sendCode{width:206px;height:66px;line-height:66px;border-radius:8px;bottom:4px}.signUpM .formMessage .isRegister input{width:100%;padding-right:88px}.signUpM .formMessage .isRegister img{width:36px;margin-top:7px;right:16px}.signUpM .errorMsg{font-size:28px;top:58px}.signUpM .userAgreement{font-size:28px;margin-top:72px}.signUpM .userAgreement .userAgreementCheck{font-size:26px;margin-right:10px}.dot .dot1,.dot .dot2,.dot .dot3,.dotM .dot1,.dotM .dot2,.dotM .dot3{position:absolute}.dot .dot1,.dotM .dot1{width:29px;height:20px;top:66px;right:18px}.dot .dot2,.dotM .dot2{width:49px;height:43px;bottom:90px;left:18px}.dot .dot3,.dotM .dot3{width:97px;height:188px;bottom:-40px;right:18px}.dotM .dot1{width:59px;height:40px;top:132px;right:36px}.dotM .dot2{width:98px;height:86px;bottom:180px;left:36px}.dotM .dot3{width:193px;height:376px;bottom:-79px;right:36px}.invakepage{width:287px;position:relative;margin:0 auto}.invakepage .title{font-size:24px;font-weight:700;color:#000}.invakepage .invake{width:287px;background-color:#f2f2f2;border-radius:6px;margin:0 auto;margin-top:24px;color:#696464;font-size:15px}.invakepage .invake .invakeTip{width:263px;padding:16px 0;border-bottom:1px solid #d5d6d6;margin:0 auto;text-align:left}.invakepage .invake .invakeBtn{width:263px;margin:0 auto;text-align:left;padding:13px 0 12px 0;line-height:22px}.invakepage .invake .invakeBtn span{color:#30ba78;text-decoration:underline;font-weight:700;cursor:pointer}.invakepage .signUpByPhone{margin-top:35px;position:absolute;z-index:2}.invakepage .signUpByPhone .noInstallClassin{width:287px;border-bottom:1px solid #d8d8d8;margin:0 auto;position:relative}.invakepage .signUpByPhone .noInstallClassin span{display:inline-table;height:20px;background-color:#fff;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);font-size:17px;color:#000;padding:0 15px}.invakepage .signUpByPhone .btn{width:287px;background-color:#f2f2f2;border-radius:6px;margin:34px auto 0 auto;text-align:left;padding:16px 12px}.invakepage .signUpByPhone .btn span{color:#30ba78;text-decoration:underline;font-weight:700;cursor:pointer}.intermediate,.intermediateM{width:375px;height:auto;margin:auto;background:url(/s/publesson/images/bg_body.png);background-size:100% 100%;background-repeat:no-repeat;color:#696464;padding:0 0 50px 0;font-size:12px}.intermediate .page .lesson,.intermediateM .page .lesson{width:100%;margin:auto;background-size:100% 100%;text-align:center;font-size:16px;position:relative;padding-top:28px}.intermediate .page .lesson .lessonInfo,.intermediateM .page .lesson .lessonInfo{width:100%;background:url(/s/publesson/images/bg_cover_title_middle.png);background-size:100% 100%;text-align:center;padding:13px 0 11px 0;color:#418869;position:relative}.intermediate .page .lesson .lessonInfo:before,.intermediateM .page .lesson .lessonInfo:before{content:"";position:absolute;left:0;right:0;top:-28px;height:28px;background:url(/s/publesson/images/bg_cover_title_top.png);background-size:100% 100%;background-repeat:no-repeat}.intermediate .page .lesson .lessonInfo .comma,.intermediateM .page .lesson .lessonInfo .comma{position:absolute;top:0;right:28px;width:60px;height:52px;background:url(/s/publesson/images/comma.png);background-size:100% 100%;background-repeat:no-repeat}.intermediate .page .lesson .lessonInfo .lessonName,.intermediateM .page .lesson .lessonInfo .lessonName{width:280px;margin:auto;font-size:21px;font-weight:bolder;position:relative;z-index:1;word-wrap:break-word}.intermediate .page .lesson .lessonInfo .lessonStartTime,.intermediateM .page .lesson .lessonInfo .lessonStartTime{margin-top:8px}.intermediate .page .lesson .lessonTeacher,.intermediateM .page .lesson .lessonTeacher{width:100%;height:62px;background:url(/s/publesson/images/bg_cover_title_bottom.png);background-size:100% 100%;color:#418869}.intermediate .page .lesson .lessonTeacher .teacher,.intermediateM .page .lesson .lessonTeacher .teacher{height:24px;vertical-align:middle;display:inline-block}.intermediate .page .lesson .lessonTeacher .avatarImg,.intermediateM .page .lesson .lessonTeacher .avatarImg{position:relative;display:inline-block;width:28px;margin-right:7px}.intermediate .page .lesson .lessonTeacher .avatarImg .avatar,.intermediateM .page .lesson .lessonTeacher .avatarImg .avatar{width:28px;display:inline-block;vertical-align:bottom;margin-bottom:-6px}.intermediate .page .lesson .lessonTeacher .avatarImg .avatarBorder,.intermediateM .page .lesson .lessonTeacher .avatarImg .avatarBorder{position:absolute;width:28px;height:28px;display:inline-block;background:url(/s/publesson/images/avatar_border.png);background-size:100% 100%;text-align:center;left:0;top:0}.intermediate .page .lesson .lessonTeacher .teacherName,.intermediateM .page .lesson .lessonTeacher .teacherName{display:inline-block;height:24px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.intermediate .page .lesson .lessonTeacher .duration,.intermediateM .page .lesson .lessonTeacher .duration{margin-left:12px;display:inline-block;height:24px;vertical-align:middle}.intermediate .page .lesson .lessonContent,.intermediateM .page .lesson .lessonContent{font-size:15px;color:#999;width:100%;background:url(/s/publesson/images/bg_border_cover_body.png);background-size:100% 100%;text-align:center;margin:auto;padding:22px 0 160px 0;position:relative}.intermediate .page .lesson .lessonContent .tip,.intermediateM .page .lesson .lessonContent .tip{width:275px;margin:auto;margin-top:10px}.intermediate .page .lesson .lessonContent .copy,.intermediateM .page .lesson .lessonContent .copy{margin:auto;width:200px;height:60px;border-left:1px solid #84ddb6;border-right:1px solid #84ddb6;border-bottom:3px solid #84ddb6;border-radius:3px;box-shadow:0 1px 1px 0 #84ddb6;box-sizing:content-box;position:relative;margin-top:45px;color:#11c577}.intermediate .page .lesson .lessonContent .copy .clickCopy,.intermediateM .page .lesson .lessonContent .copy .clickCopy{position:absolute;top:-11px;left:0;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.intermediate .page .lesson .lessonContent .copy .circle,.intermediateM .page .lesson .lessonContent .copy .circle{display:inline-block;width:23px;border-top:1px solid #84ddb6;position:absolute}.intermediate .page .lesson .lessonContent .copy .circle:before,.intermediateM .page .lesson .lessonContent .copy .circle:before{content:"";display:inline-block;width:4px;height:4px;background:#84ddb6;border-radius:50%;position:absolute}.intermediate .page .lesson .lessonContent .copy .left,.intermediateM .page .lesson .lessonContent .copy .left{left:0}.intermediate .page .lesson .lessonContent .copy .left:before,.intermediateM .page .lesson .lessonContent .copy .left:before{right:0;top:-2px}.intermediate .page .lesson .lessonContent .copy .right,.intermediateM .page .lesson .lessonContent .copy .right{right:0}.intermediate .page .lesson .lessonContent .copy .right:before,.intermediateM .page .lesson .lessonContent .copy .right:before{left:0;top:-2px}.intermediate .page .lesson .lessonContent .copy .publessonId,.intermediateM .page .lesson .lessonContent .copy .publessonId{display:inline-block;height:30px;margin-top:13px;color:#0a824e;font-size:28px;cursor:pointer;font-family:DIN-Medium}.intermediate .page .lesson .jumpPage,.intermediateM .page .lesson .jumpPage{padding-top:5px}.intermediate .page .lesson .lessonResultContent .resultImg,.intermediateM .page .lesson .lessonResultContent .resultImg{width:140px;height:105px;margin:auto}.intermediate .page .lesson .lessonResultContent .context,.intermediateM .page .lesson .lessonResultContent .context{text-align:center;font-size:20px;color:#696464;margin-top:20px;margin-bottom:5px;font-weight:bolder}.intermediate .page .lesson .lessonResultContent .subtitle,.intermediateM .page .lesson .lessonResultContent .subtitle{width:264px;margin:auto;color:#696464;margin-top:16px}.intermediate .page .lesson .lessonResultContent span,.intermediateM .page .lesson .lessonResultContent span{text-align:center;font-size:15px;color:#696464}.intermediate .page .lesson .footerBorder,.intermediateM .page .lesson .footerBorder{width:100%;height:40px;background:url(/s/publesson/images/bg_border_cover_footer.png);background-size:100% 100%;text-align:center}.intermediate .page .signUpByPhone,.intermediateM .page .signUpByPhone{background-size:100% 100%;text-align:center}.intermediate .page .introduction,.intermediateM .page .introduction{text-align:center;width:340px;margin:auto;margin-top:20px}.intermediate .page .introduction .title,.intermediateM .page .introduction .title{background:url(/s/publesson/images/icon_dot.png);background-size:100% 100%;background-repeat:no-repeat;position:relative;width:278px;height:19px;margin:auto;color:#fff}.intermediate .page .introduction .title .bgtext,.intermediateM .page .introduction .title .bgtext{position:absolute;font-size:40px;color:#fff;opacity:.2;font-weight:300;left:50%;top:-8px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}.intermediate .page .introduction .title .titleText,.intermediateM .page .introduction .title .titleText{position:absolute;font-size:28px;text-align:center;left:50%;top:-11px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}.intermediate .page .introduction .whiteBoard,.intermediateM .page .introduction .whiteBoard{width:100%;margin:auto;border-radius:8px;padding:23px 18px;background:#fff;box-shadow:0 15px 15px 0 rgba(0,0,0,.1);margin-top:40px;word-wrap:break-word;word-break:break-all}.intermediate .page .introduction .whiteBoard p,.intermediateM .page .introduction .whiteBoard p{text-align:left;line-height:1.5}.intermediate .page .introduction .whiteBoard p img,.intermediateM .page .introduction .whiteBoard p img{max-width:100%!important;text-align:center;display:inline-block}.intermediate .submitBtn,.intermediateM .submitBtn{display:block;width:264px;height:44px;margin:auto;border-radius:25px;line-height:44px;color:#fff;cursor:pointer;box-shadow:4px 4px 8px 0 rgba(28,148,69,.3);font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;outline:none;background-color:#11c879;margin-top:52px;position:absolute;z-index:2;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}.intermediateM{position:absolute;width:100vw;min-height:100vh;padding:0 0 100px 0;background-position:0 -1px;box-sizing:border-box;font-size:24px;left:0;right:0;top:0}.intermediateM .page .lesson{font-size:32px;box-sizing:border-box;padding-top:56px}.intermediateM .page .lesson .lessonInfo{padding:26px 0 22px 0}.intermediateM .page .lesson .lessonInfo:before{height:56px;top:-55px}.intermediateM .page .lesson .lessonInfo .comma{right:56px;width:120px;height:104px}.intermediateM .page .lesson .lessonInfo .lessonName{width:560px;font-size:42px}.intermediateM .page .lesson .lessonInfo .lessonStartTime{margin-top:16px}.intermediateM .page .lesson .lessonTeacher{height:124px;margin-top:-1px}.intermediateM .page .lesson .lessonTeacher .teacher{height:48px}.intermediateM .page .lesson .lessonTeacher .avatarImg{width:58px;margin-right:14px}.intermediateM .page .lesson .lessonTeacher .avatarImg .avatar{width:56px}.intermediateM .page .lesson .lessonTeacher .avatarImg .avatarBorder{width:58px;height:58px;left:0;top:-1px}.intermediateM .page .lesson .lessonTeacher .avatarImg .avatar{height:56px;margin-bottom:-8px}.intermediateM .page .lesson .lessonTeacher .teacherName{max-width:200px;height:48px}.intermediateM .page .lesson .lessonTeacher .duration{margin-left:48px;height:48px}.intermediateM .page .lesson .lessonContent{font-size:30px;padding:44px 0 320px 0;margin-top:-1px}.intermediateM .page .lesson .lessonContent .tip{width:550px;margin-top:20px}.intermediateM .page .lesson .lessonContent .copy{width:400px;height:120px;border-left:1px solid #84ddb6;border-right:1px solid #84ddb6;border-bottom:6px solid #84ddb6;border-radius:6px;box-shadow:0 1px 1px 0 #84ddb6;margin-top:90px}.intermediateM .page .lesson .lessonContent .copy .clickCopy{top:-22px}.intermediateM .page .lesson .lessonContent .copy .circle{width:46px;border-top:1px solid #84ddb6}.intermediateM .page .lesson .lessonContent .copy .circle:before{width:8px;height:8px}.intermediateM .page .lesson .lessonContent .copy .left:before,.intermediateM .page .lesson .lessonContent .copy .right:before{top:-4px}.intermediateM .page .lesson .lessonContent .copy .publessonId{height:60px;margin-top:30px;font-size:56px}.intermediateM .page .lesson .lessonResultContent .resultImg{width:280px;height:210px}.intermediateM .page .lesson .lessonResultContent .context{font-size:40px;margin-top:40px;margin-bottom:10px}.intermediateM .page .lesson .lessonResultContent .subtitle{width:528px;color:#696464;margin-top:32px}.intermediateM .page .lesson .lessonResultContent span{font-size:30px}.intermediateM .page .lesson .footerBorder{height:80px;margin-top:-1px}.intermediateM .page .introduction{width:680px;margin-top:40px}.intermediateM .page .introduction .title{width:556px;height:38px}.intermediateM .page .introduction .title .bgtext{font-size:80px;top:-16px}.intermediateM .page .introduction .title .titleText{font-size:56px;top:-22px}.intermediateM .page .introduction .whiteBoard{border-radius:16px;padding:46px 36px;box-shadow:0 30px 30px 0 rgba(0,0,0,.1);margin-top:80px;font-size:24px}.intermediateM .submitBtn{width:528px;height:88px;border-radius:50px;line-height:88px;box-shadow:8px 8px 16px 0 rgba(28,148,69,.3);font-size:36px;margin-top:104px}.deleted{width:375px;height:700px;margin:auto;margin-top:20px;border:1px solid #d8d8d8;text-align:center;font-size:18px;padding:200px 50px}.deletedM{width:750px;height:100%;margin-top:400px;text-align:center;font-size:36px}.brower{position:absolute;top:40%;font-size:20px;width:100%;text-align:center;padding:0 30px}