.getflex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.flex-wrap{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}.wrap{width:1156px;margin:0 auto}.introduce-content{padding-top:20px}.section1{width:100%;position:relative;margin:0 auto;background:#f8fafc}.section1 .wrap{height:100%}.section1 .wrap .content-box{position:relative;width:100%;padding:53px 0 44px 0;box-sizing:border-box}.section1 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;letter-spacing:0;text-align:center;line-height:48px;font-weight:600}.section1 .wrap .content-box .section-main{margin:52px auto 0;width:1140px;display:flex;justify-content:space-between}.section1 .wrap .content-box .section-main .section-item{width:290px;height:246px;padding:30px;box-sizing:border-box}.section1 .wrap .content-box .section-main .section-item.item1{background-image:url(../image/section2-1.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section-main .section-item.item2{background-image:url(../image/section2-2.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section-main .section-item.item3{background-image:url(../image/section2-3.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section-main .section-item.item4{background-image:url(../image/section2-4.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section-main .subtitle{font-size:16px;color:#4c32c9;letter-spacing:0;line-height:24px;font-weight:600;margin-bottom:12px}.section1 .wrap .content-box .section-main .desc{font-size:14px;color:#1c1f21;letter-spacing:0;text-align:justify;line-height:22px;font-weight:400;word-break:break-all;word-wrap:break-word}.section2{width:100%;background:#fff}.section2 .wrap{height:100%}.section2 .wrap .content-box{width:100%;box-sizing:border-box;padding:64px 0 0 0}.section2 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;letter-spacing:0;text-align:center;line-height:48px;font-weight:600;margin-bottom:56px}.section2 .wrap .content-box .section2-main{width:1140px;height:232px;background:#fff;box-shadow:0 2px 8px 0 rgba(28,31,33,.12);border-radius:22px;position:relative;box-sizing:border-box;padding-top:78px;margin-bottom:24px}.section2 .wrap .content-box .section2-main .tit{position:absolute;top:0;left:-13px;width:250px;height:68px;background-image:url(../image/section3-title1.png);background-size:cover;background-position:center;box-sizing:border-box;text-align:left;text-indent:10px}.section2 .wrap .content-box .section2-main .box{box-sizing:border-box;margin-left:26px;display:flex;justify-content:left;margin-bottom:12px}.section2 .wrap .content-box .section2-main .box.box2 .item{background:#f7edf9;border:none}.section2 .wrap .content-box .section2-main .box.box3 .item{background:#e9eaf9;border:none!important}.section2 .wrap .content-box .section2-main .box.box4 .item{background:#eeeaff;border:none!important}.section2 .wrap .content-box .section2-main .box .item{background:#fff;border:1px solid #b16bc1;border-radius:8px;font-family:PingFangSC-Regular;line-height:38px;font-size:16px;color:#000;font-weight:400;text-align:center;padding:0 10px;margin-right:12px;box-sizing:border-box}.section2 .wrap .content-box .section2-main .box .item.item3{background:#e9eaf9;border:none!important}.section2 .wrap .content-box .section2-main .box .item.item4{background:#eeeaff;border:none!important}.section2 .wrap .content-box .section2-main .right{width:1080px;margin:24px auto 0;display:flex;justify-content:space-between}.section2 .wrap .content-box .section2-main .right .title{width:64px;height:64px;background:#b16bc1;border-radius:8px;font-family:PingFangSC-Semibold;font-size:18px;color:#fff;text-align:center;letter-spacing:.5px;line-height:26px;font-weight:600;box-sizing:border-box;padding-top:6px}.section2 .wrap .content-box .section2-main .right .con{width:1016px;height:64px;background:#f2f6fb;border-radius:0 8px 8px 0;font-family:PingFangSC-Regular;font-size:16px;color:#000;line-height:24px;font-weight:400;padding-top:21px;box-sizing:border-box;text-align:left;padding-left:15px}.section2 .wrap .content-box .section2-main.section2-main1{height:432px}.section2 .wrap .content-box .section2-main.section2-main2{height:382px}.section2 .wrap .content-box .section2-main.section2-main2 .tit{width:238px;height:68px;background-image:url(../image/section3-title2.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main.section2-main2 .box .item{border:1px solid #707df5}.section2 .wrap .content-box .section2-main.section2-main2 .right .title{background:#707df5}.section2 .wrap .content-box .section2-main.section2-main3{height:332px}.section2 .wrap .content-box .section2-main.section2-main3 .tit{width:285px;height:68px;background-image:url(../image/section3-title3.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main.section2-main3 .box .item{border:1px solid #7660e6}.section2 .wrap .content-box .section2-main.section2-main3 .right .title{background:#7660e6}.section2 .wrap .content-box .section2-main.section2-main4{height:232px}.section2 .wrap .content-box .section2-main.section2-main4 .tit{width:285px;height:68px;background-image:url(../image/section3-title4.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main.section2-main4 .box .item{border:1px solid #5a4c9f}.section2 .wrap .content-box .section2-main.section2-main4 .right .title{background:#5a4c9f}.section3{width:100%;background:#f8fafc}.section3 .wrap{height:100%}.section3 .wrap .content-box{width:100%;box-sizing:border-box;padding:64px 0 72px;position:relative}.section3 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;letter-spacing:0;text-align:center;line-height:48px;font-weight:600;margin-bottom:20px}.section3 .wrap .content-box .section3-main1{margin:34px auto 0;width:1062px;background:#fff;box-shadow:0 4px 16px 0 rgba(0,0,0,.1);border-radius:20px;position:relative;padding:100px 62px 24px;box-sizing:border-box}.section3 .wrap .content-box .section3-main1 .title{width:748px;height:60px;background-image:url(../image/section4-title1.png);background-size:cover;background-position:center;position:absolute;top:16px;left:-26px}.section3 .wrap .content-box .section3-main1 .title2{width:748px;height:60px;background-image:url(../image/section4-title2.png);background-size:cover;background-position:center;position:absolute;top:16px;left:-26px}.section3 .wrap .content-box .section3-main1 .section4-img1{width:732px;height:276px}.section3 .wrap .content-box .section3-main1 .section4-img2{width:878px;height:232px;margin-bottom:20px}.section3 .wrap .content-box .section3-main1 .bottom-tip{font-size:14px;color:#cd8b08;letter-spacing:0;line-height:22px;font-weight:400}.section3 .wrap .content-box .section3-main1 .bottom-tip span{display:inline-block;margin-right:30px}.section3 .wrap .content-box .section3-main1 .con1{margin-bottom:28px}.section3 .wrap .content-box .section3-main1 .con1 h4{width:70px;float:left;font-family:PingFangSC-Semibold;font-size:14px;color:#5a4c9f;letter-spacing:0;line-height:24px;font-weight:600}.section3 .wrap .content-box .section3-main1 .con1 p{margin-left:72px;font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;letter-spacing:0;line-height:24px;font-weight:400;word-break:break-all;word-wrap:break-word}.section3 .wrap .content-box .section3-main1 .con1 p .purple{color:#4c32c9}.section3 .wrap .content-box .section3-main1 .con2{margin-bottom:24px}.section3 .wrap .content-box .section3-main1 .con2 h4{float:left;width:70px;font-family:PingFangSC-Semibold;font-size:14px;color:#5a4c9f;letter-spacing:0;line-height:24px;font-weight:600}.section3 .wrap .content-box .section3-main1 .con2 .block2{margin-left:72px;display:flex}.section3 .wrap .content-box .section3-main1 .con2 .block2 .item{font-size:14px;color:#1c1f21;letter-spacing:0;line-height:24px;font-weight:400;margin-right:60px}.section3 .wrap .content-box .section3-main1 .con2 .block2 .item:last-child{margin-right:0}.section4{width:100%;background:#f6f4f0}.section4 .wrap{height:100%}.section4 .wrap .content-box{margin:0 auto;width:1110px;box-sizing:border-box;padding:64px 0 72px 0}.section4 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;letter-spacing:0;text-align:center;line-height:48px;font-weight:600}.section4 .wrap .content-box .section4-main{margin:50px auto 0;width:957px;height:412px;background-image:url(../image/section5-main.png);background-size:cover;background-position:center}.section5{width:100%;background:#fff}.section5 .wrap{height:100%}.section5 .wrap .content-box{margin:0 auto;width:1110px;box-sizing:border-box;padding:44px 0 27px 0}.section5 .wrap h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;letter-spacing:0;text-align:center;line-height:48px;font-weight:600}.section5 .wrap .section5-main{width:1110px;height:493px;margin:36px auto 0;background-image:url(https://coding.imooc.com/static/module/class/content/img/940/section3.png);background-size:cover;background-position:center}.section5 .wrap .section5-submain{margin:36px auto 0;width:1000px;display:flex;flex-wrap:wrap;justify-content:space-between}.section5 .wrap .section5-submain .subitem{width:480px;height:360px;background-image:linear-gradient(126deg,#eff6ff 0,#fff 100%);border-radius:12px;padding:24px 24px 24px 68px;box-sizing:border-box;position:relative;margin-bottom:36px}.section5 .wrap .section5-submain .subitem .small-icon{width:32px;height:32px;position:absolute;top:24px;left:24px}.section5 .wrap .section5-submain .subitem h3{font-family:PingFangSC-Semibold;font-size:20px;color:#1360f5;letter-spacing:0;line-height:28px;font-weight:600;margin-bottom:4px}.section5 .wrap .section5-submain .subitem h4{font-family:PingFangSC-Regular;font-size:16px;color:#111827;letter-spacing:0;line-height:28px;font-weight:400;margin-bottom:11px}.section5 .wrap .section5-submain .subitem p{height:24px;font-family:PingFangSC-Regular;font-size:14px;color:#374151;letter-spacing:0;line-height:24px;font-weight:400;margin-bottom:16px;position:relative}.section5 .wrap .section5-submain .subitem p::before{content:'→';color:#2563eb;font-size:16px;position:absolute;left:-36px}.section6{width:100%;height:676px;position:relative;margin:60px auto 0}.section6 .wrap{height:100%}.section6 .wrap .content-box{position:relative;margin:0 auto;width:1152px;height:676px;box-sizing:border-box;text-align:center;background:#fff;border:2px solid #dfd9fa;border-radius:12px}.section6 .wrap .content-box .class-outline-main{position:relative}.section6 .wrap .content-box .section2-main{padding-top:48px}.section6 .wrap .content-box .section2-main h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-bottom:10px}.section6 .wrap .content-box .section2-main h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;font-weight:400;margin-bottom:54px}.section6 .wrap .content-box .section2-main .section2-block{padding:0 55px}.section6 .wrap .content-box .section2-main .section2-img{width:204px;height:204px;float:left;margin-right:30px}.section6 .wrap .content-box .section2-main .section2-img1{background-image:url(../image/section6-11.png);background-size:cover;background-position:center}.section6 .wrap .content-box .section2-main .section2-img2{background-image:url(../image/section6-21.png);background-size:cover;background-position:center}.section6 .wrap .content-box .section2-main .section2-img3{background-image:url(../image/section6-31.png);background-size:cover;background-position:center}.section6 .wrap .content-box .section2-main .section2-img4{background-image:url(../image/section6-41.png);background-size:cover;background-position:center}.section6 .wrap .content-box .section2-main .section2-main-contBox{width:242px;float:left;margin:24px 60px 0 0}.section6 .wrap .content-box .section2-main .section2-main-contBox .title{font-family:PingFangSC-Semibold;font-size:16px;color:#1c1e20;letter-spacing:0;font-weight:600;margin-bottom:18px;text-align:left}.section6 .wrap .content-box .section2-main .section2-main-contBox .content{width:252px;font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;letter-spacing:0;text-align:justify;line-height:22px;font-weight:400}.section6 .wrap .content-box .section2-main .section2-main-contBox .content a{color:#2996d6}.section6 .wrap .content-box .section2-main .section2-main-contBox .content a:hover{color:red}.section6 .wrap .content-box .section2-main .section2-main-contBox2{margin-right:0}.class-outline .wrap .content-box .outline-title-bg{position:absolute;left:50%;width:342px;height:56px;background:#fff;transform:translateX(-50%);top:-22px}.class-outline .wrap .content-box{background:#fff;border:2px solid #dfd9fa;border-radius:12px}.class-outline .wrap .content-box .class-outline-main .title-number{color:#4c32c9}@media only screen and (min-width:768px) and (max-width:1024px){.wrap{transform:scale(.9)}}.course-infos-t{padding-top:86px!important}.introduce-content{padding-top:0!important}