#footer{margin-top:0;border-top:none}.course-infos{margin-bottom:0}h2{font-weight:700;font-size:44px}.introduce-content{margin:0 auto;overflow:hidden}.wrap{width:1156px;margin:0 auto}.bf{font-weight:700}.fz16{font-size:16px}.clear{clear:both}.section0{width:100%;height:722px;position:relative;background-image:url(/proxy/123456/coding.imooc.com/static/module/class/content/img/353/section0-bg.jpg);background-size:cover}.section0 .wrap{height:100%;box-sizing:border-box;text-align:center}.section0 .wrap .content-box{position:relative;padding-top:64px;margin:0 auto;width:100%;height:100%;box-sizing:border-box}.section0 .wrap .content-box h1{font-size:32px;color:#fff;text-align:center;line-height:48px;margin-bottom:4px;font-weight:700;white-space:nowrap}.section0 .wrap .content-box h4{font-size:16px;color:#fff;line-height:24px;margin-bottom:65px}.section0 .wrap .content-box .img-box{width:1072px;height:435px;background-image:url(/proxy/123456/coding.imooc.com/static/module/class/content/img/353/section0-1.png);background-size:100% 100%;margin:0 auto}.section1{width:100%;height:604px;background-color:#fff}.section1 .wrap{box-sizing:border-box;text-align:center;height:100%;width:1356px;position:relative}.section1 .wrap .content-box{margin:0 auto;position:relative;width:1256px;height:100%;padding:64px;box-sizing:border-box}.section1 .wrap .content-box h1{font-size:32px;color:#fa7e26;line-height:48px;font-weight:700;margin-bottom:4px;white-space:nowrap}.section1 .wrap .content-box h4{font-size:16px;color:#383d42;line-height:24px;margin-bottom:62px}.section1 .wrap .content-box .list{width:100%;font-size:0;box-sizing:border-box;text-align:center}.section1 .wrap .content-box .list li{width:33%;height:345px;display:inline-block;vertical-align:middle}.section1 .wrap .content-box .list li .p1{font-weight:700;font-size:20px;color:#fa7e26;text-align:center}.section1 .wrap .content-box .list li .P2{display:inline-block;margin-top:32px;width:223px;height:102px;background:rgba(255,206,64,.27);border-radius:6px;vertical-align:middle}.section1 .wrap .content-box .list li .P2 .p2{font-size:18px;color:#fa7e26;text-align:center;vertical-align:middle;position:relative;margin:auto;padding-top:26px}.section1 .wrap .content-box .list li .p3{font-weight:700;display:inline-block;margin-top:24px;width:223px;height:76px;font-size:18px;color:#fff;text-align:center;background:#f98127;border-radius:6px;vertical-align:middle;padding-top:26px}.section1 .wrap .content-box .list li:last-child .p3{height:118px;padding-top:10px}.section2{width:100%;height:588px;background:#fdead0}.section2 .wrap{box-sizing:border-box;text-align:center;height:100%;width:1356px;position:relative}.section2 .wrap .content-box{margin:0 auto;position:relative;width:1256px;height:100%;padding:64px;box-sizing:border-box}.section2 .wrap .content-box h1{font-size:32px;color:#fa7e26;line-height:48px;font-weight:700;margin-bottom:4px;white-space:nowrap}.section2 .wrap .content-box h4{font-size:16px;color:#fa7e26;line-height:24px;margin-bottom:70px}.section2 .wrap .content-box .list{width:100%;font-size:0;box-sizing:border-box;text-align:center}.section2 .wrap .content-box .list li{width:33%;display:inline-block;vertical-align:middle}.section2 .wrap .content-box .list li .p1{background:#fff;border:1px solid #fa7e26;border-radius:36px;width:242px;height:66px;margin-bottom:24px;display:inline-block;text-align:center}.section2 .wrap .content-box .list li .p1 p{font-weight:700;font-size:20px;color:#fa7e26;text-align:center;margin-top:26px;line-height:18px}.section2 .wrap .content-box .list li .p2{width:242px;height:96px;display:inline-block;background:#fff;border:1px solid #fa7e26;border-radius:12px;vertical-align:middle}.section2 .wrap .content-box .list li .p2 p{top:21px;font-size:18px;color:#fa7e26;text-align:center;vertical-align:middle;position:relative;margin:auto}.section2 .wrap .content-box .list li:first-child .p2{width:268px}.section5{width:99%;max-width:1156px;height:248px;margin:-108px auto 0;background:#383d42;border-radius:24px;position:relative}.section5 .wrap{width:100%!important;box-sizing:border-box;text-align:center;font-size:0}.section5 .wrap .content-box{width:1156px;margin:0 auto;padding:40px 78px 0;box-sizing:border-box}.section5 .wrap .content-box h3{font-weight:700;font-size:24px;color:#fff;text-align:center;line-height:36px}.section5 .wrap .content-box .context-box{width:100%;margin:32px auto 0;box-sizing:border-box;text-align:left}.section5 .wrap .content-box .context-box .context-item{float:left;position:relative;padding-left:60px;box-sizing:border-box}.section5 .wrap .content-box .context-box .context-item .icon-bg{display:inline-block;width:40px;height:40px;background:#fff;border-radius:50%;font-size:24px;text-align:center;color:#fa7e26;position:absolute;top:0;left:0}.section5 .wrap .content-box .context-box .context-item .icon-bg i{line-height:40px}.section5 .wrap .content-box .context-box .context-item .smalle-title{font-size:16px;color:#fff;line-height:24px;font-weight:700;margin-bottom:8px}.section5 .wrap .content-box .context-box .context-item p{font-size:14px;color:#fff;line-height:22px}.section6{width:99%;max-width:1156px;height:244px;margin:24px auto 80px}.section6 .wrap{box-sizing:border-box;text-align:center;width:100%}.section6 .wrap .content-box{width:100%;max-width:1156px;margin:0 auto}.section6 .wrap .content-box .context-box{float:left;width:49%;background:#f3f5f6;border-radius:24px;height:244px}.section6 .wrap .content-box .context-box h1{margin-top:40px;margin-bottom:24px;font-size:24px;color:#fa7e26;text-align:center;line-height:36px;font-weight:700}.section6 .wrap .content-box .context-box p{font-size:14px;color:#1c1f21;line-height:22px;margin:0 auto;white-space:nowrap}.section6 .wrap .content-box .context-box:first-child{margin-right:2%}.section6 .wrap .content-box .context-box:first-child p{width:400px}.section6 .wrap .content-box .context-box:last-child p{display:inline-block}@media only screen and (min-width:768px) and (max-width:1024px){.wrap{width:90%!important}.section0 .wrap .content-box{width:100%}.section1 .wrap .content-box{width:100%}.section2 .wrap .content-box{width:100%}.section4 .wrap .content-box{width:100%;padding:40px 7% 0}.section5 .wrap .content-box{width:100%}.section6 .wrap{width:99%!important}.section6 .wrap .content-box{width:100%}}