.banner_banner__tc9WU{display:flex;align-items:center;justify-content:center;height:570px;background-image:url(https://res.miaocode.com/web-3.0/course-system-banner.jpg);position:relative}.banner_title__BWwCi{font-size:24px;text-align:center;font-weight:300!important;color:#fff;line-height:45px}.knowledge_container__gP8BN{position:relative;padding:78px 0 40px}.knowledge_title___b3dF{font-size:36px;font-weight:600;text-align:center;line-height:64px;color:#2c3949}.knowledge_subtitle__17UVA{margin-bottom:60px;font-size:26px;text-align:center;font-weight:300;line-height:37px;color:#536273}.knowledge_infoTitle__o53pm{margin-bottom:40px;font-size:30px;font-weight:600;text-align:center;color:#2c3949}.knowledge_knowledge__Gfc85{position:relative;margin:0 auto;width:71.82vw;height:29.84vw;max-width:1379px;max-height:573px}.knowledge_thinkTitle__aiEPZ{font-size:30px;color:#2c3949;line-height:42px;text-align:center;padding:40px 0}.knowledge_thinkAbility__SQC_F{width:803px;height:113px;position:relative;margin:0 auto}.knowledge_coreAbility__s7ME2{width:688px;height:113px;position:relative;margin:0 auto}.method_container__l5TvZ{position:relative;padding:78px 0 40px}.method_title__Ggje9{font-size:36px;font-weight:600;text-align:center;line-height:64px;color:#2c3949}.method_subtitle__HOk3U{margin-bottom:60px;font-size:26px;text-align:center;font-weight:300;line-height:37px;color:#536273}.method_methodImage__dyP7o{width:866px;height:515px;margin:75px auto 0;position:relative}.courseCard_courseCard__frNT7{display:flex;justify-content:space-between;align-items:center;padding:0 50px;margin-bottom:50px}.courseCard_courseCard__frNT7 .courseCard_left__psO_w{width:480px;min-width:480px;height:800px;position:relative;background:#ccc;margin-right:28px;border-radius:8px;overflow:hidden}.courseCard_courseCard__frNT7 .courseCard_left__psO_w .courseCard_qrcodeWrapper__fFYiU{width:100%;height:100%;position:absolute;top:0;left:0}.courseCard_courseCard__frNT7 .courseCard_left__psO_w .courseCard_qrcodeWrapper__fFYiU .courseCard_qrcodeOverlay__lmSq6{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5)}.courseCard_courseCard__frNT7 .courseCard_left__psO_w .courseCard_qrcodeWrapper__fFYiU .courseCard_qrcode__rob9_{width:214px;height:250px;border-radius:8px;position:absolute;top:100px;left:50%;transform:translateX(-50%);background-color:#fff}.courseCard_courseCard__frNT7 .courseCard_left__psO_w .courseCard_qrcodeWrapper__fFYiU .courseCard_qrcode__rob9_ .courseCard_qrcodeContent__w9Tzp{width:170px;height:170px;margin:20px auto;background-color:red}.courseCard_courseCard__frNT7 .courseCard_left__psO_w .courseCard_qrcodeWrapper__fFYiU .courseCard_qrcode__rob9_ .courseCard_tips__v0qJ_{text-align:center}.courseCard_courseCard__frNT7 .courseCard_left__psO_w .courseCard_qrcodeWrapper__fFYiU .courseCard_btn__lqz39{width:100px;height:41px;line-height:38px;text-align:center;cursor:pointer;border-radius:2em 2em;position:absolute;top:400px;left:50%;transform:translateX(-50%);color:#fff;border:1px solid #fff}.courseCard_courseCard__frNT7 .courseCard_right___srX4{width:100%;min-height:524px;height:800px}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh{display:flex;text-align:center;justify-content:space-between}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN{flex:1 1;height:300px;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN:not(:last-child){margin-right:20px}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseName__nl0Ie{padding-top:30px}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli{width:100%;color:#fff;font-size:52px;padding-bottom:24px;position:relative;cursor:pointer}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO{width:100%;height:29px;font-size:16px;position:absolute;top:0;left:0;transform:translateY(-100%)}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg__Rv_rO svg{width:100%!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg0-scratch__6WiaZ polygon{fill:#ff9e57!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg1-scratch__xkbB1 polygon{fill:#ff8e30!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg2-scratch__gJCLG polygon,.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg3-scratch__44r8e polygon{fill:#ff7330!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg0-python__odi9i polygon{fill:#718dfc!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg1-python__gx5M7 polygon{fill:#5f7efb!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg2-python__gtzO6 polygon{fill:#4f71fb!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg3-python__xJO51 polygon{fill:#4267fb!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg4-python__o_Ki2 polygon,.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg5-python__GErGB polygon{fill:#204cfa!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg0-cpp__HPEG3 rect{fill:#d0f7ff!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg0-cpp__HPEG3 path{fill:#7de5f9!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg1-cpp__nDCI8 rect{fill:#d0f7ff!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg1-cpp__nDCI8 path{fill:#53dbf7!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg2-cpp___WXOo path{fill:#2ad2f4!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg2-cpp___WXOo rect{fill:#d0f7ff!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg3-cpp__BFpBJ path{fill:#00c9f1!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer__iLJli .courseCard_svg__Rv_rO.courseCard_svg3-cpp__BFpBJ rect{fill:#d0f7ff!important}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer0-scratch__si3rP{background-color:#ff9e57}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer1-scratch__ZbEy5{background-color:#ff8e30}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer2-scratch__21dKq,.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer3-scratch__R2vDm{background-color:#ff7330}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer0-python__uv84V{background-color:#718dfc}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer1-python__KtnDb{background-color:#5f7efb}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer2-python__9cOWQ{background-color:#4f71fb}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer3-python__hvrRP{background-color:#4267fb}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer4-python__6H4D1,.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer5-python__rpy6z{background-color:#204cfa}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer0-cpp__9Taby{background-color:#7de5f9}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer1-cpp__mAzTw{background-color:#53dbf7}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer2-cpp__rxRwN{background-color:#2ad2f4}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_courseLayer3-cpp__eb0lE{background-color:#00c9f1}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseLayerCards__gcLuh .courseCard_courseLayerItem__D3RrN .courseCard_bottomIcon__5O2du{width:40px;height:20px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:url(https://res.miaocode.com/web-3.0/course-triangle.png) 0 0 no-repeat;background-size:100% 100%}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_middle__VENkv{height:51px;display:flex;justify-content:space-between;align-items:flex-end;color:#626b80;font-size:16px;margin-top:32px}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_middle__VENkv .courseCard_middleLeft__PIqsF .courseCard_mCourseName__HITDb{font-size:30px;color:#ff8e30;padding-right:20px}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_middle__VENkv .courseCard_middleRight__wXy8U{align-self:flex-start;width:140px;height:40px;display:flex;justify-content:space-between;align-items:center}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_middle__VENkv .courseCard_middleRight__wXy8U .courseCard_prevBtn__EYnqg{width:40px;height:40px;border-radius:50%;background:url(https://res.miaocode.com/web-3.0/circle-next.png) 0 0 no-repeat;background-size:100% 100%;cursor:pointer;transform:rotate(180deg)}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_middle__VENkv .courseCard_middleRight__wXy8U .courseCard_nextBtn__wIpM5{transform:rotate(0)}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_middle__VENkv .courseCard_middleRight__wXy8U .courseCard_disabled__GwwAT{opacity:.7;cursor:not-allowed}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_teachingTarget__n8m6A{color:#626b80;font-size:16px;line-height:22px;margin-top:20px;height:102px}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseDetails___J6E_ .courseCard_courseInfoItem__GYpRo{display:flex;height:66px;line-height:66px;margin-bottom:10px}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseDetails___J6E_ .courseCard_courseInfoItem__GYpRo .courseCard_infoTitle__qXEJg{flex:5 1;margin-right:11px;background-color:#ffe9d6;text-align:center;border-radius:3px 0 0 3px}.courseCard_courseCard__frNT7 .courseCard_right___srX4 .courseCard_courseDetails___J6E_ .courseCard_courseInfoItem__GYpRo .courseCard_infoContent__4b0lE{flex:19 1;background-color:#fafafa;padding-left:19px;border-radius:0 3px 3px 0}@media screen and (max-width:1600px)and (min-width:1441px){.courseCard_courseCard__frNT7{align-items:flex-start}.courseCard_courseCard__frNT7 .courseCard_left__psO_w{width:320px;min-width:320px;height:533px}}@media screen and (max-width:1440px)and (min-width:1025px){.courseCard_courseCard__frNT7{flex-direction:column-reverse}.courseCard_courseCard__frNT7 .courseCard_left__psO_w{width:100%;margin:10px auto 0}}@media screen and (max-width:1024px)and (min-width:768px){.courseCard_courseCard__frNT7{flex-direction:column-reverse}.courseCard_courseCard__frNT7 .courseCard_left__psO_w{width:100%;margin:10px auto 0}}.scratch_container__aQA5d{position:relative;width:73vw;margin:50px auto 90px;background-color:#fff;padding-bottom:55px}.scratch_container__aQA5d,.scratch_panel__RzVm0{max-width:1338px;box-shadow:0 2px 30px 0 rgba(213,220,255,.3);border-radius:16px}.scratch_panel__RzVm0{margin:0 auto;background:#fff}.scratch_title__zO_cj{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:16px 16px 0 0;height:276px;font-size:26px;color:#fff;background:#ff8e30}.scratch_title__h2__RPqkk{margin-bottom:28px;font-size:36px;font-weight:600}.scratch_overviewWrapper__PrTaZ{width:100%;padding:39px 87px;display:flex;flex-wrap:wrap}.scratch_overviewWrapper__PrTaZ .scratch_overviewItem__6Vt85{width:50%;padding-left:47px;padding-bottom:20px;color:#626b80;position:relative}.scratch_overviewWrapper__PrTaZ .scratch_overviewItem__6Vt85:nth-child(odd){width:55%;padding-right:100px}.scratch_overviewWrapper__PrTaZ .scratch_overviewItem__6Vt85:nth-child(2n){width:45%}.scratch_overviewWrapper__PrTaZ .scratch_overviewItem__6Vt85 .scratch_icon__WgjZy{width:37px;height:39px;position:absolute;left:0;top:-10px;background-size:100% 100%}.scratch_overviewWrapper__PrTaZ .scratch_overviewItem__6Vt85 .scratch_overviewTitle__c9p6d{height:39px;font-size:22px;font-weight:500}.scratch_overviewWrapper__PrTaZ .scratch_overviewItem__6Vt85 .scratch_overviewText__Fm6qm{font-weight:400;line-height:30px}.scratch_overviewWrapper__PrTaZ .scratch_knowledgeItem__B2zY_{width:50%;padding-left:0;padding-bottom:20px;color:#626b80;position:relative}.scratch_overviewWrapper__PrTaZ .scratch_knowledgeItem__B2zY_ .scratch_konwledgeText__JATkb{font-size:20px;line-height:32px;padding-left:26px;position:relative}.scratch_overviewWrapper__PrTaZ .scratch_knowledgeItem__B2zY_ .scratch_konwledgeText__JATkb .scratch_kIcon__vuG9r{width:14px;height:17px;background:url(https://res.miaocode.com/web-3.0/icon-indicate.png) 0 0 no-repeat;background-size:cover;position:absolute;left:0;top:8px}.scratch_knowledgeWrapper__TAk2b{padding-top:0}@media screen and (max-width:1440px)and (min-width:1025px){.scratch_container__aQA5d{width:90vw}}@media screen and (max-width:1024px)and (min-width:768px){.scratch_container__aQA5d{width:90vw}}.python_container__l4FVV{position:relative;width:73vw;margin:50px auto 90px;background-color:#fff;padding-bottom:55px}.python_container__l4FVV,.python_panel__JLZm1{max-width:1338px;box-shadow:0 2px 30px 0 rgba(213,220,255,.3);border-radius:16px}.python_panel__JLZm1{margin:0 auto;background:#fff}.python_title__p_K2l{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:16px 16px 0 0;height:276px;font-size:26px;color:#fff;background:#5f7efb}.python_title__h2__6sXLA{margin-bottom:28px;font-size:36px;font-weight:600}.python_overviewWrapper__Ah7yH{width:100%;padding:39px 87px;display:flex;flex-wrap:wrap}.python_overviewWrapper__Ah7yH .python_overviewItem__4QnkK{width:50%;padding-left:47px;padding-bottom:20px;color:#626b80;position:relative}.python_overviewWrapper__Ah7yH .python_overviewItem__4QnkK:nth-child(odd){width:55%;padding-right:100px}.python_overviewWrapper__Ah7yH .python_overviewItem__4QnkK:nth-child(2n){width:45%}.python_overviewWrapper__Ah7yH .python_overviewItem__4QnkK .python_icon__dUYml{width:37px;height:39px;position:absolute;left:0;top:-10px;background-size:100% 100%}.python_overviewWrapper__Ah7yH .python_overviewItem__4QnkK .python_overviewTitle__4KFpZ{height:39px;font-size:22px;font-weight:500}.python_overviewWrapper__Ah7yH .python_overviewItem__4QnkK .python_overviewText__PXRZn{font-weight:400;line-height:30px}.python_overviewWrapper__Ah7yH .python_knowledgeItem__XuxIX{width:50%;padding-left:0;padding-bottom:20px;color:#626b80;position:relative}.python_overviewWrapper__Ah7yH .python_knowledgeItem__XuxIX .python_konwledgeText__BlyUa{font-size:20px;line-height:32px;padding-left:26px;position:relative}.python_overviewWrapper__Ah7yH .python_knowledgeItem__XuxIX .python_konwledgeText__BlyUa .python_kIcon__ni_cR{width:14px;height:17px;background:url(https://res.miaocode.com/web-3.0/icon-indicate-python.png) 0 0 no-repeat;background-size:cover;position:absolute;left:0;top:8px}.python_knowledgeWrapper__Lo7Xm{padding-top:0}@media screen and (max-width:1440px)and (min-width:1025px){.python_container__l4FVV{width:90vw}}@media screen and (max-width:1024px)and (min-width:768px){.python_container__l4FVV{width:90vw}}.background_background__JH6Ya{position:relative}.background_background__JH6Ya .background_right1__XPJKw{width:267px;height:345px;position:absolute;background:url(https://res.miaocode.com/web-3.0/right-1.png) 0 0 no-repeat;background-size:100% 100%;right:0;top:283px}.background_background__JH6Ya .background_left1__RDXzd{width:201px;height:300px;position:absolute;background:url(https://res.miaocode.com/web-3.0/left-1.png) 0 0 no-repeat;background-size:100% 100%;left:0;top:609px}.background_background__JH6Ya .background_left2__JTfNX{width:426px;height:466px;position:absolute;background:url(https://res.miaocode.com/web-3.0/left-2.png) 0 0 no-repeat;background-size:100% 100%;left:69px;top:2183px}.background_background__JH6Ya .background_right2__XAbyn{width:353px;height:417px;position:absolute;background:url(https://res.miaocode.com/web-3.0/right-2.png) 0 0 no-repeat;background-size:100% 100%;right:18px;top:2635px}.background_background__JH6Ya .background_left3__ZEcwx{width:293px;height:293px;position:absolute;background:url(https://res.miaocode.com/web-3.0/left-3.png) 0 0 no-repeat;background-size:100% 100%;left:69px;top:3233px}.background_background__JH6Ya .background_right3__3FDEi{width:327px;height:336px;position:absolute;background:url(https://res.miaocode.com/web-3.0/right-3.png) 0 0 no-repeat;background-size:100% 100%;right:44px;top:3621px}.background_background__JH6Ya .background_right4__EkkC1{width:311px;height:321px;position:absolute;background:url(https://res.miaocode.com/web-3.0/right-4.png) 0 0 no-repeat;background-size:100% 100%;right:71px;top:4202px}.background_background__JH6Ya .background_left4__i_Xsb{width:365px;height:356px;position:absolute;background:url(https://res.miaocode.com/web-3.0/left-4.png) 0 0 no-repeat;background-size:100% 100%;left:55px;top:4974px}.background_background__JH6Ya .background_right5__eXdv3{width:335px;height:335px;position:absolute;background:url(https://res.miaocode.com/web-3.0/right-5.png) 0 0 no-repeat;background-size:100% 100%;right:46px;top:5293px}.background_background__JH6Ya .background_right6__AKzHr{width:364px;height:364px;position:absolute;background:url(https://res.miaocode.com/slim/star-1702893365680.png) 0 0 no-repeat;background-size:100% 100%;right:0;top:5830px;opacity:.4}.background_background__JH6Ya .background_left5__tzIq3{width:213px;height:375px;position:absolute;background:url(https://res.miaocode.com/slim/%E5%A4%9A%E8%BE%B9%E5%BD%A2-1702893538035.png) 0 0 no-repeat;background-size:cover;background-position:100% 0;left:0;top:6620px;opacity:.4}.background_background__JH6Ya .background_right7__EFSvV{width:159px;height:159px;position:absolute;background-color:#f7fbff;border-radius:50% 50%;right:173px;top:6800px}.background_background__JH6Ya .background_right8__k4uhU{width:335px;height:335px;position:absolute;background-color:#f7fbff;border-radius:50% 50%;right:0;transform:translateX(50%);top:7200px}@media screen and (max-width:1800px)and (min-width:1550px){.background_background__JH6Ya .background_left2__JTfNX{width:426px;height:466px;left:30px;top:2083px}}@media screen and (max-width:1550px)and (min-width:1300px){.background_background__JH6Ya .background_left2__JTfNX{width:426px;height:466px;left:20px;top:2000px}}@media screen and (max-width:1300px)and (min-width:800px){.background_background__JH6Ya .background_left2__JTfNX{width:426px;height:466px;left:10px;top:1980px}}.cpp_container__JwetT{position:relative;width:73vw;margin:50px auto 90px;background-color:#fff;padding-bottom:55px}.cpp_container__JwetT,.cpp_panel__nvEDB{max-width:1338px;box-shadow:0 2px 30px 0 rgba(213,220,255,.3);border-radius:16px}.cpp_panel__nvEDB{margin:0 auto;background:#fff}.cpp_title__BCsDG{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:16px 16px 0 0;height:276px;font-size:26px;color:#fff;background:#12d7fe}.cpp_title__h2__xlcV5{margin-bottom:28px;font-size:36px;font-weight:600}.cpp_overviewWrapper__CR1kJ{width:100%;padding:39px 87px;display:flex;flex-wrap:wrap}.cpp_overviewWrapper__CR1kJ .cpp_overviewItem__wc1Vz{width:50%;padding-left:47px;padding-bottom:20px;color:#626b80;position:relative}.cpp_overviewWrapper__CR1kJ .cpp_overviewItem__wc1Vz:nth-child(odd){width:55%;padding-right:100px}.cpp_overviewWrapper__CR1kJ .cpp_overviewItem__wc1Vz:nth-child(2n){width:45%}.cpp_overviewWrapper__CR1kJ .cpp_overviewItem__wc1Vz .cpp_icon__zbatc{width:37px;height:39px;position:absolute;left:0;top:-10px;background-size:100% 100%}.cpp_overviewWrapper__CR1kJ .cpp_overviewItem__wc1Vz .cpp_overviewTitle__G2ZF2{height:39px;font-size:22px;font-weight:500}.cpp_overviewWrapper__CR1kJ .cpp_overviewItem__wc1Vz .cpp_overviewText__n8lsU{font-weight:400;line-height:30px}.cpp_overviewWrapper__CR1kJ .cpp_knowledgeItem__V0TkY{width:50%;padding-left:0;padding-bottom:20px;color:#626b80;position:relative}.cpp_overviewWrapper__CR1kJ .cpp_knowledgeItem__V0TkY .cpp_konwledgeText__6Rxxm{font-size:20px;line-height:32px;padding-left:26px;position:relative}.cpp_overviewWrapper__CR1kJ .cpp_knowledgeItem__V0TkY .cpp_konwledgeText__6Rxxm .cpp_kIcon__VoHBo{width:14px;height:17px;background:url(https://res.miaocode.com/web-3.0/icon-indicate-cpp.png) 0 0 no-repeat;background-size:cover;position:absolute;left:0;top:8px}.cpp_knowledgeWrapper__0nWgO{padding-top:0}@media screen and (max-width:1440px)and (min-width:1025px){.cpp_container__JwetT{width:90vw}}@media screen and (max-width:1024px)and (min-width:768px){.cpp_container__JwetT{width:90vw}}.banner_banner__ZdsOg{display:flex;align-items:center;justify-content:center;margin-bottom:8vw;height:47.89vw}.knowledge_container__hXpo5{margin:0 auto;width:94.67vw}.knowledge_title__n9RQH{margin-bottom:5.33vw}.knowledge_title__n9RQH h2{font-size:5.6vw;text-align:center;color:#2c3949}.knowledge_subTitle__V98h5{margin-bottom:4vw;font-size:4vw;text-align:center;font-weight:400;color:#2c3949}.knowledge_knowledge__oFkUG{margin-bottom:5.33vw;height:47.33vw}.knowledge_think___V4lX{margin:0 auto 5.33vw;width:54.93vw;height:7.73vw}.knowledge_attainment__K5cKs{margin:0 auto 5.33vw;width:47.33vw;height:7.73vw}.method_container__RMBZb{margin:0 auto 8vw;border-radius:1.07vw;padding:5.33vw 0;width:94.8vw;background:#fff}.method_title__SI_2X{margin-bottom:5.33vw}.method_title__SI_2X h2{font-size:5.6vw;text-align:center;color:#2c3949}.method_method__L5sVv{margin:0 auto;width:90.4vw;height:68.67vw}.scratch_container__vftpX{margin-bottom:8vw}.scratch_title__gVpP2{display:flex;justify-content:center;align-items:center;flex-direction:column;height:30.67vw;font-size:4vw;color:#fff;background-image:url(https://res.miaocode.com/web-3.0/b-1674898349422.png)}.scratch_title__h2__S7NSw{margin-bottom:2.93vw;font-size:5.6vw;font-weight:600}.scratch_abstracts__A8wid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:5.33vw 0 1.74vw}.scratch_abstract__4PH_e{margin-bottom:6.13vw;width:50vw;min-height:30vw;text-align:center}.scratch_abstract__icon__YbDKx{display:block;margin:0 auto 1.73vw;width:11.07vw;height:11.6vw}.scratch_abstract__title__A7UJe{margin-bottom:2.67vw;font-size:4vw;font-weight:500;color:#626b80}.scratch_abstract__content__p4M96{font-size:2.93vw;color:#626b80}.scratch_detail__5VgkV{margin:0 auto;border-radius:2.13vw;padding:4vw;width:92.67vw;background-color:#fff}.scratch_detail__nav__N2Ei_{margin:0 auto 4vw;border-radius:1.02vw;padding-top:4vw;background:#fff5ee}.scratch_detail__title__FE4Y0{margin-bottom:9vw;font-size:3.47vw;font-weight:600;text-align:center;color:#ff7948}.scratch_navs__4h1Ag{display:flex;justify-content:center;align-items:flex-end}.scratch_nav__g5iAr{flex:1 1;position:relative;margin-right:.53vw;border-radius:0 0 1.02vw 1.02vw;min-height:14vw;text-align:center;font-weight:600;color:#fff}.scratch_nav__svg__IxHwz{position:absolute;top:0;left:0;width:100%;height:26px;transform:translateY(-100%)}.scratch_nav__svg__IxHwz svg{width:100%!important}.scratch_nav__code__HIHj9{position:absolute;bottom:7vw;margin-bottom:1.6vw;width:100%;font-size:3.47vw}.scratch_nav__name__lcXQk{position:absolute;bottom:4.6vw;width:100%;font-size:2.13vw}.scratch_nav--active___uoPS:after{position:absolute;bottom:-1px;left:50%;width:4.8vw;height:2.13vw;background:url(https://res.miaocode.com/web-3.0/arrow-1660804042852.png) no-repeat;background-size:100% 100%;content:"";transform:translateX(-50%)}.scratch_nav__g5iAr:last-child{margin-right:0}.scratch_nav__g5iAr:first-child{background:#ff9e57}.scratch_nav__g5iAr:first-child .scratch_nav__svg__IxHwz polygon{fill:#ff9e57!important}.scratch_nav__g5iAr:nth-child(2){height:16vw;background:#ff8e30}.scratch_nav__g5iAr:nth-child(2) .scratch_nav__svg__IxHwz polygon{fill:#ff8e30!important}.scratch_nav__g5iAr:nth-child(2) .scratch_nav__code__HIHj9{bottom:8vw}.scratch_nav__g5iAr:nth-child(3){height:18vw;background:#fe841f}.scratch_nav__g5iAr:nth-child(3) .scratch_nav__svg__IxHwz polygon{fill:#fe841f!important}.scratch_nav__g5iAr:nth-child(3) .scratch_nav__code__HIHj9{bottom:9vw}.scratch_nav__g5iAr:nth-child(4){height:20vw;background:#ff7300}.scratch_nav__g5iAr:nth-child(4) .scratch_nav__svg__IxHwz polygon{fill:#ff7300!important}.scratch_nav__g5iAr:nth-child(4) .scratch_nav__code__HIHj9{bottom:10vw}.scratch_course__SH81v{margin-bottom:2.67vw}.scratch_course__title__4iL4o{margin-bottom:1.6vw;font-size:2.93vw;font-weight:600;color:#ff7948}.scratch_course__title__4iL4o h4{display:inline-block;margin-right:1.87vw;font-size:4vw}.scratch_course__content__TRYdZ{font-size:3.2vw;font-weight:500;color:#626b80}.scratch_course__content__TRYdZ strong{font-weight:600}.scratch_summarize__MMsv8{margin-bottom:2.67vw}.scratch_summarize__item__0kBcN{display:flex;justify-content:flex-start;align-items:stretch;margin-bottom:1.33vw}.scratch_summarize__title__OWJnX{margin-right:1.33vw;border-radius:2.13vw;width:19.2vw;height:20vw;font-size:3.47vw;font-weight:600;color:#2c3949;background:#fff5ee}.scratch_summarize__content__p9Y8X{flex:1 1;border-radius:2.13vw;padding:4.67vw 2.67vw;font-size:3.2vw;text-align:justify;line-height:5.33vw;color:#536273;background:#fff5ee}.scratch_demo__IXgH4{margin-bottom:5.33vw;border-radius:2.13vw;width:100%;height:144.53vw;overflow:hidden}.scratch_tips__veJuE{font-size:2.67vw;text-align:center;color:#536273}.python_title__Z_INV{display:flex;justify-content:center;align-items:center;flex-direction:column;height:30.67vw;font-size:4vw;color:#fff;background-image:url(https://res.miaocode.com/web-3.0/b-1674985577708.png)}.python_title__h2__bYaHa{margin-bottom:2.93vw;font-size:5.6vw;font-weight:600}.python_abstracts__AYgzd{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:5.33vw 0 1.74vw}.python_abstract__GqrNM{margin-bottom:6.13vw;width:50vw;min-height:30vw;text-align:center}.python_abstract__icon__wah49{display:block;margin:0 auto 1.73vw;width:11.07vw;height:11.6vw}.python_abstract__title__gxF3Z{margin-bottom:2.67vw;font-size:4vw;font-weight:500;color:#626b80}.python_abstract__content__glvSV{font-size:2.93vw;color:#626b80}.python_detail__po7TF{margin:0 auto;border-radius:2.13vw;padding:4vw;width:92.67vw;background-color:#fff}.python_detail__nav__g8xF7{margin:0 auto 4vw;border-radius:1.02vw;padding-top:4vw;background:#f6f8ff}.python_detail__title__vBKfj{margin-bottom:9vw;font-size:3.47vw;font-weight:600;text-align:center;color:#204cfa}.python_navs__Dkyu5{display:flex;justify-content:center;align-items:flex-end}.python_nav__YKF7T{flex:1 1;position:relative;margin-right:.53vw;border-radius:0 0 1.02vw 1.02vw;min-height:14vw;text-align:center;font-weight:600;color:#fff}.python_nav__svg__j4_Vv{position:absolute;top:0;left:0;width:100%;height:26px;transform:translateY(-100%)}.python_nav__svg__j4_Vv svg{width:100%!important}.python_nav__code__iHGOz{position:absolute;bottom:7vw;margin-bottom:1.6vw;width:100%;font-size:3.47vw}.python_nav__name__FSABM{position:absolute;bottom:3vw;width:100%;font-size:2.13vw}.python_nav--active__46LMm:after{position:absolute;bottom:-1px;left:50%;width:4.8vw;height:2.13vw;background:url(https://res.miaocode.com/web-3.0/arrow-1660804042852.png) no-repeat;background-size:100% 100%;content:"";transform:translateX(-50%)}.python_nav__YKF7T:last-child{margin-right:0}.python_nav__YKF7T:first-child{background:#718dfc}.python_nav__YKF7T:first-child .python_nav__svg__j4_Vv polygon{fill:#718dfc!important}.python_nav__YKF7T:nth-child(2){height:16vw;background:#5f7efb}.python_nav__YKF7T:nth-child(2) .python_nav__svg__j4_Vv polygon{fill:#5f7efb!important}.python_nav__YKF7T:nth-child(2) .python_nav__code__iHGOz{bottom:8vw}.python_nav__YKF7T:nth-child(3){height:18vw;background:#4f71fb}.python_nav__YKF7T:nth-child(3) .python_nav__svg__j4_Vv polygon{fill:#4f71fb!important}.python_nav__YKF7T:nth-child(3) .python_nav__code__iHGOz{bottom:9vw}.python_nav__YKF7T:nth-child(4){height:20vw;background:#4267fb}.python_nav__YKF7T:nth-child(4) .python_nav__svg__j4_Vv polygon{fill:#4267fb!important}.python_nav__YKF7T:nth-child(4) .python_nav__code__iHGOz{bottom:10vw}.python_nav__YKF7T:nth-child(5){height:22vw;background:#3059fa}.python_nav__YKF7T:nth-child(5) .python_nav__svg__j4_Vv polygon{fill:#3059fa!important}.python_nav__YKF7T:nth-child(5) .python_nav__code__iHGOz{bottom:11vw}.python_nav__YKF7T:nth-child(6){height:24vw;background:#204cfa}.python_nav__YKF7T:nth-child(6) .python_nav__svg__j4_Vv polygon{fill:#204cfa!important}.python_nav__YKF7T:nth-child(6) .python_nav__code__iHGOz{bottom:12vw}.python_course__EFSA5{margin-bottom:2.67vw}.python_course__title__GGcEg{margin-bottom:1.6vw;font-size:2.93vw;font-weight:600;color:#204cfa}.python_course__title__GGcEg h4{display:inline-block;margin-right:1.87vw;font-size:4vw}.python_course__content__M12_A{font-size:3.2vw;font-weight:500;color:#626b80}.python_course__content__M12_A strong{font-weight:600}.python_summarize__mLTTf{margin-bottom:2.67vw}.python_summarize__item__g5SJS{display:flex;justify-content:flex-start;align-items:stretch;margin-bottom:1.33vw}.python_summarize__title__WDx3f{margin-right:1.33vw;border-radius:2.13vw;width:19.2vw;height:20vw;font-size:3.47vw;font-weight:600;color:#2c3949;background:#f6f8ff}.python_summarize__content__VYKdj{flex:1 1;border-radius:2.13vw;padding:4.67vw 2.67vw;font-size:3.2vw;text-align:justify;line-height:5.33vw;color:#536273;background:#f6f8ff}.python_demo__7tBN5{margin-bottom:5.33vw;border-radius:2.13vw;width:100%;height:144.53vw;overflow:hidden}.python_tips__GJUuk{font-size:2.67vw;text-align:center;color:#536273}.cpp_container__RrGi5{margin-top:8vw}.cpp_title__w_iIp{display:flex;justify-content:center;align-items:center;flex-direction:column;height:30.67vw;font-size:4vw;color:#fff;background:#12d7fe;border-radius:2vw 2vw 0 0}.cpp_title__h2__wK9Hx{margin-bottom:2.93vw;font-size:5.6vw;font-weight:600}.cpp_abstracts__5sg_n{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:5.33vw 0 1.74vw}.cpp_abstract__fspSb{margin-bottom:6.13vw;width:50vw;min-height:30vw;text-align:center}.cpp_abstract__icon__xi4so{display:block;margin:0 auto 1.73vw;width:11.07vw;height:11.6vw}.cpp_abstract__title__DWgjL{margin-bottom:2.67vw;font-size:4vw;font-weight:500;color:#626b80}.cpp_abstract__content__N7674{font-size:2.93vw;margin-bottom:2vw;color:#626b80;padding:0 8px}.cpp_detail__TMopd{margin:0 auto;border-radius:2.13vw;padding:4vw;width:92.67vw;background-color:#fff}.cpp_detail__nav__Vbkdq{margin:0 auto 4vw;border-radius:1.02vw;padding-top:4vw;background:#edfcff}.cpp_detail__title__plpMW{margin-bottom:9vw;font-size:3.47vw;font-weight:600;text-align:center;color:#00c9f1}.cpp_navs__yRgWK{display:flex;justify-content:center;align-items:flex-end}.cpp_nav__W_YQn{flex:1 1;position:relative;margin-right:.53vw;border-radius:0 0 1.02vw 1.02vw;min-height:14vw;text-align:center;font-weight:600;color:#fff}.cpp_nav__svg__alUsS{position:absolute;top:0;left:0;width:100%;height:26px;transform:translateY(-100%)}.cpp_nav__svg__alUsS svg{width:100%!important}.cpp_nav__code__qlHHU{position:absolute;bottom:7vw;margin-bottom:1.6vw;width:100%;font-size:3.47vw}.cpp_nav__name__AIALo{position:absolute;bottom:4.6vw;width:100%;font-size:2.13vw}.cpp_nav--active__ze4S2:after{position:absolute;bottom:-1px;left:50%;width:4.8vw;height:2.13vw;background:url(https://res.miaocode.com/web-3.0/arrow-1660804042852.png) no-repeat;background-size:100% 100%;content:"";transform:translateX(-50%)}.cpp_nav__W_YQn:last-child{margin-right:0}.cpp_nav__W_YQn:first-child{background:#7de5f9}.cpp_nav__W_YQn:first-child .cpp_nav__svg__alUsS polygon{fill:#7de5f9!important}.cpp_nav__W_YQn:nth-child(2){height:16vw;background:#53dbf7}.cpp_nav__W_YQn:nth-child(2) .cpp_nav__svg__alUsS polygon{fill:#53dbf7!important}.cpp_nav__W_YQn:nth-child(2) .cpp_nav__code__qlHHU{bottom:8vw}.cpp_nav__W_YQn:nth-child(3){height:18vw;background:#2ad2f4}.cpp_nav__W_YQn:nth-child(3) .cpp_nav__svg__alUsS polygon{fill:#2ad2f4!important}.cpp_nav__W_YQn:nth-child(3) .cpp_nav__code__qlHHU{bottom:9vw}.cpp_nav__W_YQn:nth-child(4){height:20vw;background:#00c9f1}.cpp_nav__W_YQn:nth-child(4) .cpp_nav__svg__alUsS polygon{fill:#00c9f1!important}.cpp_nav__W_YQn:nth-child(4) .cpp_nav__code__qlHHU{bottom:10vw}.cpp_course__07jK8{margin-bottom:2.67vw}.cpp_course__title__QsngM{margin-bottom:1.6vw;font-size:2.93vw;font-weight:600;color:#00c9f1}.cpp_course__title__QsngM h4{display:inline-block;margin-right:1.87vw;font-size:4vw}.cpp_course__content__6oe_E{font-size:3.2vw;font-weight:500;color:#626b80}.cpp_course__content__6oe_E strong{font-weight:600}.cpp_summarize__Eedw6{margin-bottom:2.67vw}.cpp_summarize__item__TAn0w{display:flex;justify-content:flex-start;align-items:stretch;margin-bottom:1.33vw}.cpp_summarize__title__7mNeu{margin-right:1.33vw;border-radius:2.13vw;width:19.2vw;height:20vw;font-size:3.47vw;font-weight:600;color:#2c3949;background:#edfcff}.cpp_summarize__content___gbR4{flex:1 1;border-radius:2.13vw;padding:4.67vw 2.67vw;font-size:3.2vw;text-align:justify;line-height:5.33vw;color:#536273;background:#edfcff}.cpp_demo___gCy_{margin-bottom:5.33vw;border-radius:2.13vw;width:100%;height:144.53vw;overflow:hidden}.cpp_tips__WKlaW{font-size:2.67vw;text-align:center;color:#536273}