.indexfooter[data-v-5993b320]{background:#232323;font-size:16px;color:#4b4b4b;text-align:center;line-height:30px;padding-bottom:10px}.indexfooter ul[data-v-5993b320]{width:880px;margin:0 auto;padding:60px 0 35px 0}.indexfooter ul li[data-v-5993b320]{border-radius:10px;border:2px solid #333;padding:0 20px 0 20px;display:inline-block;font-size:18px;color:#999;height:50px;line-height:50px;margin:0 15px}.indexfooter ul li[data-v-5993b320]:before{content:"";background:url(https://appd.knowbox.cn/codebox/images/codeweb/indexImg/icon.png) no-repeat;background-size:733px;display:inline-block;width:30px;height:30px;vertical-align:middle}.indexfooter ul li[data-v-5993b320]:first-child{position:relative}.indexfooter ul li:first-child .img-popup[data-v-5993b320]{position:absolute;left:-20px;bottom:60px;display:none;bottom:70px;padding:5px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 12px 0 #ccc;box-shadow:0 2px 12px 0 #ccc;width:180px;height:180px}.indexfooter ul li:first-child .img-popup[data-v-5993b320]:after{content:" ";display:block;position:absolute;left:50%;bottom:-12px;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:12px solid transparent;border-bottom-width:0;border-top-color:#fff}.indexfooter ul li:first-child .img-popup img[data-v-5993b320]{width:100%}.indexfooter ul li:first-child:hover .img-popup[data-v-5993b320]{display:block}.indexfooter ul li[data-v-5993b320]:first-child:hover,.indexfooter ul li[data-v-5993b320]:nth-child(4):hover{color:#fff;cursor:pointer}.indexfooter ul li[data-v-5993b320]:first-child:before{background-position:-543px -10px}.indexfooter ul li[data-v-5993b320]:nth-child(2):before{background-position:-602px -11px}.indexfooter ul li[data-v-5993b320]:nth-child(3):before{background-position:-658px -11px}.indexfooter ul li[data-v-5993b320]:nth-child(4):before{background-position:-713px -11px}.indexfixtrue[data-v-3cfcc130]{position:fixed;bottom:0}.indexfix[data-v-3cfcc130]{width:100%;height:94px;background:rgba(0,0,0,.8);line-height:94px}.indexfix div[data-v-3cfcc130]{width:1140px;margin:0 auto}.indexfix div dl[data-v-3cfcc130]{display:-webkit-box;display:-ms-flexbox;display:flex}.indexfix div dl dt[data-v-3cfcc130]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:700;font-size:40px;color:#fff}.indexfix div dl dt span[data-v-3cfcc130]{color:#ff6432}.indexfix div dl .indexfix-dd2[data-v-3cfcc130]{background:url(https://appd.knowbox.cn/codebox/images/codeweb/indexImg/icon.png) no-repeat;width:30px;height:40px;background-size:733px;background-position:-482px 0;margin-left:40px}.indexfix div dl .indexfix-dd1[data-v-3cfcc130]{width:507px;height:54px;background-color:#fff;border-radius:27px;text-indent:35px;line-height:54px;font-size:34px;font-weight:700;color:#ff6432;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.indexfix div dl .indexfix-dd1 p[data-v-3cfcc130]{display:inline-block}.indexfix div dl .indexfix-dd1 p span[data-v-3cfcc130]:first-child{color:#ff6432}.indexfix div dl .indexfix-dd1 span[data-v-3cfcc130]{font-size:20px;color:#3c2514;font-weight:700}.indexfix div dl .indexfix-dd1-price[data-v-3cfcc130]{-webkit-box-flex:1;-ms-flex:1;flex:1}.indexfix div dl .indexfix-dd1-btn[data-v-3cfcc130]{width:152px;height:54px;background-color:#ff7624;border-radius:27px;font-size:20px;color:#fff;text-indent:0;text-align:center;cursor:pointer}@media screen and (max-width:1200px){.indexfix div[data-v-3cfcc130]{width:800px;margin:0 auto}.indexfix div dl dt[data-v-3cfcc130]{font-size:34px}.indexfix div dl .indexfix-dd1[data-v-3cfcc130]{width:380px;text-indent:20px;font-size:30px}.indexfix div dl .indexfix-dd2[data-v-3cfcc130]{margin-left:20px;cursor:pointer}}.fix-seek[data-v-23ee7c8a]{position:fixed;right:30px;bottom:160px;z-index:100}.fix-seek .back-top[data-v-23ee7c8a]:hover{background:rgba(0,0,0,.4)}.fix-seek .back-top:hover span[data-v-23ee7c8a]{display:block;font-size:14px}.fix-seek .back-top:hover img[data-v-23ee7c8a]{display:none}.fix-seek .back-top[data-v-23ee7c8a]{width:48px;height:48px;background-color:#000;background:rgba(0,0,0,.2);border-radius:50%;margin-top:20px;text-align:center;font-weight:700;cursor:pointer}.fix-seek .back-top span[data-v-23ee7c8a]{line-height:48px;color:#fff;display:none}.fix-seek .back-top img[data-v-23ee7c8a]{width:25px;margin:12px auto}.fix-seek ul[data-v-23ee7c8a]:hover{background:rgba(0,0,0,.4);cursor:pointer}.fix-seek ul[data-v-23ee7c8a]{width:48px;height:48px;border-radius:24px;background:rgba(0,0,0,.2);text-align:center;font-weight:700}.fix-seek ul li:hover span[data-v-23ee7c8a]{display:block}.fix-seek ul li:hover img[data-v-23ee7c8a]:nth-child(2){display:none}.fix-seek ul li:hover .img-popup[data-v-23ee7c8a]{display:block}.fix-seek ul li[data-v-23ee7c8a]{position:relative;height:69px;color:#fff}.fix-seek ul li span[data-v-23ee7c8a]{position:absolute;font-size:14px;width:48px;left:0;display:none}.fix-seek ul li img[data-v-23ee7c8a]:nth-child(2){position:absolute;width:26px;left:11px}.fix-seek ul li .img-popup[data-v-23ee7c8a]{position:absolute;width:200px;right:50px;display:none;padding:5px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 12px 0 #ccc;box-shadow:0 2px 12px 0 #ccc;top:-70px;right:70px}.fix-seek ul li .img-popup[data-v-23ee7c8a]:after{content:" ";display:block;position:absolute;top:50%;right:-12px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:12px solid transparent;border-right-width:0;border-left-color:#fff}.fix-seek ul li .img-popup img[data-v-23ee7c8a]{width:70%}.fix-seek ul li .img-popup .qrcode-text[data-v-23ee7c8a]{width:100%}.fix-seek ul li .img-popup .qrcode-text span[data-v-23ee7c8a]{position:unset;display:block;width:auto;color:#9c9c9c}.fix-seek ul li .img-popup .qrcode-text span[data-v-23ee7c8a]:last-child{color:#fc5400}.fix-seek ul li .span1[data-v-23ee7c8a]{top:25px;text-align:center}.fix-seek ul li .span2[data-v-23ee7c8a]{top:12px}.fix-seek ul li .img1[data-v-23ee7c8a]{top:32px}.fix-seek ul li .img2[data-v-23ee7c8a]{top:11px}.fix-seek ul li .img3[data-v-23ee7c8a]{top:-46px}.video-modal-video[data-v-030bb72f]{width:100%;cursor:pointer}.index[data-v-030bb72f]{width:100%;background:url(../../assets/img/indexBgicon.b14da796.png) no-repeat 50%;background-size:cover;margin-top:91px}.index .indexLeft1[data-v-030bb72f]{width:160px;top:-45px}.index .indexLeft2[data-v-030bb72f]{width:88px;top:-60px}.index .indexRight1[data-v-030bb72f]{width:223px;right:0;top:-192px}.index .indexRight2[data-v-030bb72f]{width:117px;right:0;top:-100px}.index .indexRight3[data-v-030bb72f]{right:0;width:140px;top:35px}.index .codegif[data-v-030bb72f]{text-align:center}.index .codegif img[data-v-030bb72f]:first-child{width:301px;height:502px;border-radius:20px}.index .codegif img[data-v-030bb72f]:last-child{margin-left:20px;width:575px;height:502px;border-radius:20px}.index .carefor[data-v-030bb72f]{width:1200px;margin:95px auto 150px auto;border-top:4px solid #f9f9f9}.index .carefor .title[data-v-030bb72f]{font-size:40px;color:#ff7624;font-weight:700;text-align:center;margin:90px auto}.index .carefor .dl[data-v-030bb72f]{width:500px;height:240px;margin:0 50px;float:left;display:-webkit-box;display:-ms-flexbox;display:flex}.index .carefor .dl span[data-v-030bb72f]{display:inline-block;margin-top:8px;margin-right:15px}.index .carefor .dl span img[data-v-030bb72f]{height:42px}.index .carefor .dl .dt p[data-v-030bb72f]:first-child{font-size:24px;color:#222;margin-bottom:8px;font-weight:700}.index .carefor .dl .dt p[data-v-030bb72f]:last-child{font-size:20px;color:#999}.index .img100[data-v-030bb72f]{max-width:100%;display:block;margin:0 auto}.index .studentwork[data-v-030bb72f]{width:1230px;margin:-15px auto 0 auto}.index .studentwork dl:hover dd[data-v-030bb72f]{display:block}.index .studentwork dl[data-v-030bb72f]{width:380px;height:220px;border-radius:20px;float:left;margin:15px;cursor:pointer;position:relative;overflow:hidden}.index .studentwork dl dt img[data-v-030bb72f]{width:100%;height:100%}.index .studentwork dl dd[data-v-030bb72f]{position:absolute;width:100%;height:100%;border-radius:20px;background:#ff7624;left:0;top:0;color:#fff;padding:30px;display:none}.index .studentwork dl dd .title[data-v-030bb72f]{font-size:24px;margin-bottom:30px;font-weight:700;text-indent:-5px}.index .studentwork dl dd p[data-v-030bb72f]{font-size:20px;margin-bottom:5px}.index .teacherfour[data-v-030bb72f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:1220px;margin:0 auto}.index .teacherfour dl:hover .teacherfour-info[data-v-030bb72f]{display:block}.index .teacherfour dl[data-v-030bb72f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;text-align:center;width:280px;height:400px;background-color:#fff;border-radius:20px;border:2px solid #f7f7f7;padding:35px 30px;margin:0 65px;cursor:pointer}.index .teacherfour dl dt[data-v-030bb72f]{margin-bottom:30px}.index .teacherfour dl dt img[data-v-030bb72f]{width:134px}.index .teacherfour dl .teacherfour-name p[data-v-030bb72f]:first-child{font-size:24px;color:#3f3f3f;font-weight:700}.index .teacherfour dl .teacherfour-name p[data-v-030bb72f]:first-child:after{content:"";display:block;width:38px;height:3px;background-color:#ff9360;border-radius:2px;margin:25px auto 20px auto}.index .teacherfour dl .teacherfour-name p[data-v-030bb72f]:last-child{font-size:20px;color:#3f3f3f}.index .teacherfour dl .teacherfour-info[data-v-030bb72f]{position:absolute;width:100%;height:400px;background-color:#ff9024;-webkit-box-shadow:0 15px 18px 0 rgba(255,147,96,.3);box-shadow:0 15px 18px 0 rgba(255,147,96,.3);border-radius:20px;left:-1px;top:-1px;display:none;padding:65px 30px 35px 30px;color:#fff;font-size:18px}.index .teacherfour dl .teacherfour-info p[data-v-030bb72f]{font-size:24px;font-weight:700}.index .teacherfour dl .teacherfour-info p[data-v-030bb72f]:after{content:"";display:block;width:38px;height:3px;background-color:#fff;border-radius:2px;margin:25px auto 40px auto}.index .teacherfour dl .teacherfour-info ul li[data-v-030bb72f]{text-align:left;list-style-type:disc;margin-left:23px}.index .indexcoding[data-v-030bb72f]{width:1200px;margin:0 auto}.index .indextitle[data-v-030bb72f]{width:1200px;margin:200px auto 0 auto;text-align:center}.index .indextitle p[data-v-030bb72f]:first-child{font-size:40px;font-weight:700;color:#222}.index .indextitle p[data-v-030bb72f]:nth-child(2){font-size:24px;color:#ff5200;margin:5px 0 10px 0;font-weight:540px}.index .indextitle article[data-v-030bb72f]{font-size:20px;color:#999;margin-bottom:52px;font-weight:349}.index .indextitle img[data-v-030bb72f]{width:12px;margin-bottom:2px}.index .forchildren[data-v-030bb72f]{background:url(https://appd.knowbox.cn/codebox/images/codeweb/indexImg/childrenBg.png) no-repeat top;background-size:1920px;position:relative}.index .forchildren div[data-v-030bb72f]{width:1200px;margin:0 auto;text-align:center}.index .forchildren div p[data-v-030bb72f]{font-size:40px;padding:55px 0 30px 0;color:#fff;font-weight:700}.index .forchildren div article[data-v-030bb72f]{font-size:20px;color:#fff;opacity:.8;margin-bottom:55px}.index .forchildren div video[data-v-030bb72f]{width:900px;cursor:pointer}.index .indexfind[data-v-030bb72f]{width:1200px;margin:200px auto 200px auto;text-align:center}.index .indexfind p[data-v-030bb72f]{font-size:40px;color:#222;font-weight:700;margin-bottom:20px}.index .indexfind p span[data-v-030bb72f]{color:#ff5200;padding-right:20px}.index .indexfind p span b[data-v-030bb72f]{position:relative;top:-2.5px}.index .indexfind article[data-v-030bb72f]{font-size:20px;color:#999;margin-bottom:20px;font-weight:349}.index .indexfind img[data-v-030bb72f]{width:100%}.index .indexfindMargin[data-v-030bb72f]{margin-top:110px!important}.index .indexBanner[data-v-030bb72f]{width:100%;position:relative}.index .indexBanner .appCode[data-v-030bb72f]{position:absolute;left:-27%;top:232px;z-index:1;width:166px;height:166px}.index .indexBanner dl[data-v-030bb72f]{position:absolute;bottom:-55px;width:1200px;height:115px;background-color:#fff;z-index:50;-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.1);box-shadow:0 8px 16px 0 rgba(0,0,0,.1);border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;margin-left:-600px;padding:0 30px 0 45px;line-height:115px}.index .indexBanner dl dt[data-v-030bb72f]{font-size:34px;color:#333;font-weight:700}.index .indexBanner dl dd[data-v-030bb72f]{font-size:20px}.index .indexBanner dl .dd-infor[data-v-030bb72f]{color:#999;padding-left:20px}.index .indexBanner dl .dd-price[data-v-030bb72f]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;font-size:34px;color:#ff5200;font-weight:700;padding-right:20px}.index .indexBanner dl .dd-price span[data-v-030bb72f]:first-child{font-size:16px}.index .indexBanner dl .dd-price span[data-v-030bb72f]:last-child{border-radius:6px;border:2px solid #ff5200;font-size:18px;font-weight:400;padding:0 8px;position:relative;bottom:5px;font-weight:700}.index .indexBanner dl .dd-btn[data-v-030bb72f]{width:152px;height:54px;background-color:#ff5200;border-radius:27px;line-height:54px;color:#fff;text-align:center;cursor:pointer;margin-top:30px;font-weight:700}.index .indexBanner .demo-carousel[data-v-030bb72f]{position:relative;width:100%;height:520px;overflow:hidden}.index .indexBanner-link[data-v-030bb72f]{position:absolute;left:50%}.index .indexBanner-link img[data-v-030bb72f]{position:relative;left:-50%;height:520px}@media screen and (max-width:1400px){.index .indexFixImg[data-v-030bb72f]{display:none}}@media screen and (max-width:1200px){.index .codegif img[data-v-030bb72f]:first-child{width:201px;height:335px;border-radius:20px}.index .codegif img[data-v-030bb72f]:last-child{margin-left:20px;width:435px;height:380px;border-radius:20px}.index .carefor[data-v-030bb72f]{width:800px}.index .carefor .title[data-v-030bb72f]{font-size:34px}.index .carefor dl[data-v-030bb72f]{width:350px;height:200px;margin:0 25px}.index .carefor dl dt[data-v-030bb72f]{width:60px}.index .carefor dl dd p[data-v-030bb72f]:first-child{font-size:20px;margin-bottom:5px}.index .carefor dl dd p[data-v-030bb72f]:last-child{font-size:16px}.index .studentwork[data-v-030bb72f]{width:820px;margin:-10px auto 0 auto}.index .studentwork dl[data-v-030bb72f]{width:250px;height:160px;margin:10px}.index .studentwork dl dd[data-v-030bb72f]{padding:20px}.index .studentwork dl dd .title[data-v-030bb72f]{font-size:22px;margin-bottom:20px}.index .studentwork dl dd p[data-v-030bb72f]{font-size:18px}.index .teacherfour[data-v-030bb72f]{width:810px}.index .teacherfour dl[data-v-030bb72f]{width:190px;margin:0 55px}.index .teacherfour dl .teacherfour-name p[data-v-030bb72f]:last-child{font-size:18px}.index .teacherfour dl .teacherfour-info[data-v-030bb72f]{padding:40px 20px 35px 20px;font-size:15px}.index .indexcoding[data-v-030bb72f]{width:800px}.index .indextitle[data-v-030bb72f]{width:800px;margin:120px auto 0 auto}.index .indextitle p[data-v-030bb72f]:first-child{font-size:34px}.index .indextitle p[data-v-030bb72f]:nth-child(2){font-size:20px}.index .indextitle article[data-v-030bb72f]{font-size:18px}.index .forchildren div[data-v-030bb72f]{width:800px}.index .forchildren div p[data-v-030bb72f]{font-size:34px}.index .forchildren div article[data-v-030bb72f]{font-size:18px}.index .forchildren div video[data-v-030bb72f]{width:700px}.index .indexfind[data-v-030bb72f]{width:800px;margin:20px auto 110px auto}.index .indexfind p[data-v-030bb72f]{font-size:34px}.index .indexfind article[data-v-030bb72f]{font-size:18px}.index .indexfindMargin[data-v-030bb72f]{margin-top:-30px!important}.index .indexBanner .appCode[data-v-030bb72f]{position:absolute;left:-27%;top:170px;z-index:1;width:120px;height:120px}.index .indexBanner dl[data-v-030bb72f]{width:800px;margin-left:-400px;padding:0 20px 0 35px;bottom:80px}.index .indexBanner dl dt[data-v-030bb72f]{font-size:32px}.index .indexBanner dl dd[data-v-030bb72f]{font-size:22px}.index .indexBanner-link img[data-v-030bb72f],.index .indexBanner .demo-carousel[data-v-030bb72f]{height:380px}}.video-modal[data-v-030bb72f] .ivu-modal-close .ivu-icon-ios-close{font-size:42px;color:#fff;right:-12px;top:-10px}.video-modal[data-v-030bb72f] .ivu-modal-body{padding:30px 30px 0 30px}.video-modal[data-v-030bb72f] .ivu-modal-content{background:transparent;-webkit-box-shadow:0 0 0;box-shadow:0 0 0}.index[data-v-030bb72f] .ivu-carousel-arrow{width:74px;height:74px}.index[data-v-030bb72f] .ivu-carousel-arrow>*{font-size:50px;position:relative}.index[data-v-030bb72f] .ivu-icon-ios-arrow-forward{right:-3px;top:0}.index[data-v-030bb72f] .ivu-icon-ios-arrow-back{right:3px}