.img{display:block}.img,.top{width:100%}.top{z-index:10;height:1.2rem;background:#fff}.top,.top .logo{position:relative}.top .logo{width:1.64rem;margin-left:.413333rem;z-index:9}.top .logo img{width:100%;display:block}.top .menu-btn{width:.64rem;height:.64rem;float:right;padding:.346667rem .386667rem;box-sizing:content-box;position:relative;z-index:9}.top .menu-btn img{width:.506667rem;height:.413333rem}.top .menu-btn img.close{width:.64rem;height:.64rem}.top .menu-box{width:100%;background:#fff;position:absolute;top:0;left:0;z-index:5;padding:1.733333rem 0 .586667rem}.top .menu-box a{display:block;height:1.28rem;padding:.346667rem 0 .346667rem .853333rem;margin-right:.453333rem;color:#1d1e1f;font-weight:700;text-align:left;background-image:url(//img.hetao101.com/assets/%08pc-official/mobile/right.png);background-repeat:no-repeat;background-size:.64rem .64rem;background-position:100%}[data-dpr="1"] .top .menu-box a{line-height:24px;font-size:14px}[data-dpr="2"] .top .menu-box a{line-height:48px;font-size:28px}[data-dpr="3"] .top .menu-box a{line-height:72px;font-size:42px}.top .menu-box a.active{color:#ffc229}.top .mask{position:fixed;z-index:4;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4)}.footer{background:#3c4350;padding:.506667rem .4rem 1.573333rem}.footer,.footer a{color:#fff}.footer h2{border-bottom:1px solid #2c3239;padding-bottom:.346667rem;margin-bottom:.533333rem;text-align:left}.footer h2 img.logo{width:1.4rem;height:1.666667rem}.footer h2 strong{float:right;text-align:right;font-weight:500;line-height:.76rem;padding-top:.333333rem}.footer h2:after{display:block;content:"";clear:both;height:0;line-height:0;font-size:0}.footer p{text-align:left}[data-dpr="1"] .footer p{font-size:13px;line-height:20px}[data-dpr="2"] .footer p{font-size:26px;line-height:40px}[data-dpr="3"] .footer p{font-size:39px;line-height:60px}.footer footer a{display:block;height:1.6rem;line-height:1.6rem;text-align:center;background:#ff8d1a;color:#fff;font-weight:700;border-radius:.8rem;margin-top:.72rem}[data-dpr="1"] .footer footer a{font-size:20px}[data-dpr="2"] .footer footer a{font-size:40px}[data-dpr="3"] .footer footer a{font-size:60px}.footer footer a i{display:inline-block;vertical-align:middle;width:.506667rem;height:.506667rem;margin-bottom:.08rem;margin-right:.266667rem;background:url(//img.hetao101.com/assets/%08pc-official/mobile/message.png) no-repeat 50%;background-size:cover}.footer .fix_bottom{width:100%;background:#fff;position:fixed;left:0;bottom:0;z-index:10}.footer .fix_bottom,.footer .fix_bottom a{height:1.333333rem;line-height:1.333333rem}.footer .fix_bottom a{display:block;float:left;text-align:center;box-sizing:border-box}[data-dpr="1"] .footer .fix_bottom a{font-size:18px}[data-dpr="2"] .footer .fix_bottom a{font-size:36px}[data-dpr="3"] .footer .fix_bottom a{font-size:54px}.footer .fix_bottom a span{display:inline-block}.footer .fix_bottom a.chat{width:40%;border-top:.013333rem solid #e7e7e7;color:grey}.footer .fix_bottom a.chat span{background:url(//img.hetao101.com/assets/%08pc-official/mobile/chat.png) no-repeat 50%;background-size:cover;background-size:.533333rem auto;background-position:0;padding-left:.666667rem}.footer .fix_bottom a.now_enter{width:60%;background:#ff6300;color:#fff}.footer .fix_bottom a.now_enter span{animation:button .2s ease-in-out infinite alternate}@keyframes button{0%{transform:scale(1)}to{transform:scale(.95)}}.curriculum .banner_img{width:100%;display:block}.curriculum .box{padding:.933333rem 0}.curriculum .box .title{text-align:left}.curriculum .box .title h2{color:#fff;font-weight:500;display:inline-block;padding:0 .626667rem 0 .4rem;position:relative;margin-bottom:.266667rem;background:#f6ca00;border-top-right-radius:.373333rem;border-bottom-right-radius:.373333rem}[data-dpr="1"] .curriculum .box .title h2{font-size:16px;line-height:28px}[data-dpr="2"] .curriculum .box .title h2{font-size:32px;line-height:56px}[data-dpr="3"] .curriculum .box .title h2{font-size:48px;line-height:84px}.curriculum .box .title h2 strong{font-weight:400}.curriculum .box .title h3{padding:0 .4rem .266667rem;color:#2c3239}[data-dpr="1"] .curriculum .box .title h3{font-size:20px;line-height:30px}[data-dpr="2"] .curriculum .box .title h3{font-size:40px;line-height:60px}[data-dpr="3"] .curriculum .box .title h3{font-size:60px;line-height:90px}.curriculum .box .title h4{color:#2c3239;font-weight:300;padding:0 .4rem}[data-dpr="1"] .curriculum .box .title h4{font-size:12px;line-height:20px}[data-dpr="2"] .curriculum .box .title h4{font-size:24px;line-height:40px}[data-dpr="3"] .curriculum .box .title h4{font-size:36px;line-height:60px}.curriculum .img_box{text-align:center;padding-top:.266667rem;margin:0 .4rem}.curriculum .img_box img{width:100%}.curriculum .curriculums .code h3 img{width:1.84rem;height:2.053333rem}.curriculum .curriculums .noip h3 img{width:3.24rem;height:1.693333rem}.curriculum .curriculums .python h3 img{width:3.213333rem;height:.96rem}.curriculum .curriculums .scratch h3 img{width:3.653333rem}.curriculum .curriculums section{padding:.933333rem .4rem 0;color:#2c3239;text-align:left}.curriculum .curriculums section h2{padding-bottom:.226667rem;line-height:.666667rem;font-weight:400}[data-dpr="1"] .curriculum .curriculums section h2{font-size:13px}[data-dpr="2"] .curriculum .curriculums section h2{font-size:26px}[data-dpr="3"] .curriculum .curriculums section h2{font-size:39px}.curriculum .curriculums section h3{padding-bottom:.453333rem}.curriculum .curriculums section p{line-height:.506667rem;color:#3c4350}[data-dpr="1"] .curriculum .curriculums section p{font-size:10px}[data-dpr="2"] .curriculum .curriculums section p{font-size:20px}[data-dpr="3"] .curriculum .curriculums section p{font-size:30px}