.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}.letter-1{letter-spacing:-1px!important}.section0{width:100%;height:575px;position:relative;background-color:#fff;margin:0 auto;margin-bottom:64px}.section0 .wrap{height:100%}.section0 .wrap .content-box{position:absolute;background:#fff;border:4px solid #effcff;border-radius:12px;margin:0 auto;width:1152px;box-sizing:border-box;text-align:center;height:575px}.section0 .wrap .content-box .section0-icon{width:242px;height:48px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section0-icon.png);background-size:cover;background-position:center;margin:-23px auto 30px;line-height:48px;font-family:PingFangSC-Semibold;font-size:20px;color:#fbfcfc;text-align:center;font-weight:600}.section0 .wrap .content-box h1{font-size:32px;color:#333;text-align:center;line-height:48px;font-weight:700;margin-bottom:4px}.section0 .wrap .content-box h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;font-weight:400;margin-bottom:40px}.section0 .wrap .content-box .section0-main{width:960px;height:331px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section0 .wrap .content-box .section0-main .section0-main-item{width:280px;height:331px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section0-main-item1.png);background-size:cover;background-position:center;overflow:hidden}.section0 .wrap .content-box .section0-main .section0-main-item h2{font-family:PingFangSC-Semibold;font-size:20px;color:#fff;letter-spacing:-.5px;text-align:center;line-height:26px;font-weight:600;margin-top:36px}.section0 .wrap .content-box .section0-main .section0-main-item .cont{margin-top:37px;text-align:left;font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;line-height:26px;font-weight:400;margin-left:100px}.section0 .wrap .content-box .section0-main .section0-main-item .cont .arrow{width:12px;height:8px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/arrow.png);background-size:cover;background-position:center;margin-left:32px}.section0 .wrap .content-box .section0-main .section0-main-item2{background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section0-main-item2.png);background-size:cover;background-position:center}.section0 .wrap .content-box .section0-main .section0-main-item2 .cont{margin-left:67px}.section0 .wrap .content-box .section0-main .section0-main-item3{background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section0-main-item3.png);background-size:cover;background-position:center}.section0 .wrap .content-box .section0-main .section0-main-item3 .cont{margin-top:55px;margin-left:46px}.section1{width:100%;height:1550px;position:relative;margin:0 auto;background:#f8fafc;margin-bottom:30px;padding-top:88px}.section1 .wrap{height:100%}.section1 .wrap .content-box{position:relative;height:1500px;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;background:#fff;border:4px solid #effcff;border-radius:12px}.section1 .wrap .content-box .section1-icon{width:242px;height:48px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section0-icon.png);background-size:cover;background-position:center;margin:-23px auto 21px;font-family:PingFangSC-Semibold;font-size:20px;color:#fbfcfc;text-align:center;font-weight:600;line-height:48px}.section1 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-bottom:4px}.section1 .wrap .content-box .section1-main1{position:relative;width:1134px;height:368px;margin:0 auto;background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section1-main1.png);background-size:cover;background-position:center;margin-top:-7px;font-family:PingFangSC-Semibold;font-size:16px;color:#fff;text-align:center;font-weight:600;margin-bottom:49px}.section1 .wrap .content-box .section1-main1 .number{font-size:14px;position:absolute;top:79px;left:14px}.section1 .wrap .content-box .section1-main1 .number2{top:104px;left:205px}.section1 .wrap .content-box .section1-main1 .number3{top:106px;left:397px}.section1 .wrap .content-box .section1-main1 .number4{top:106px;left:589px}.section1 .wrap .content-box .section1-main1 .number5{top:106px;left:781px}.section1 .wrap .content-box .section1-main1 .number6{top:96px;left:973px}.section1 .wrap .content-box .section1-main1 .cont-box{position:absolute;top:114px;left:15px}.section1 .wrap .content-box .section1-main1 .cont-box .title{font-size:16px;margin-bottom:8px;text-align:left;margin-left:10px}.section1 .wrap .content-box .section1-main1 .cont-box p{font-family:PingFangSC-Regular;font-size:14px;line-height:24px;font-weight:400;text-align:left}.section1 .wrap .content-box .section1-main1 .cont-box2{top:139px;left:204px}.section1 .wrap .content-box .section1-main1 .cont-box3{top:142px;left:395px}.section1 .wrap .content-box .section1-main1 .cont-box4{top:142px;left:588px}.section1 .wrap .content-box .section1-main1 .cont-box5{top:139px;left:783px}.section1 .wrap .content-box .section1-main1 .cont-box6{top:133px;left:973px}.section1 .wrap .content-box .section1-main2{width:528px;height:48px;margin:0 auto;margin-bottom:40px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section1-main2.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main3{width:999px;height:300px;margin:40px auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section1 .wrap .content-box .section1-main3 .left{width:520px;height:300px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/left.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main3 .left .img-gif{width:460px;height:260px;margin:20px auto 0;background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/img-gif.gif);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main3 .right{position:relative;width:439px;height:166px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/right.png);background-size:cover;background-position:center;margin-top:60px}.section1 .wrap .content-box .section1-main3 .right .tit{font-family:PingFangSC-Semibold;font-size:16px;color:#1d78ff;text-align:center;font-weight:600;position:absolute;top:5px;left:224px}.section1 .wrap .content-box .section1-main3 .right .cont{font-family:PingFangSC-Regular;font-size:14px;color:#1d78ff;text-align:center;font-weight:400;position:absolute;top:103px;left:112px}.section1 .wrap .content-box .section1-main3 .right .cont2{left:235px;top:113px}.section1 .wrap .content-box .section1-main3 .right .cont3{left:344px;top:113px}.section1 .wrap .content-box .section1-main4{width:1060px;height:274px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:30px}.section1 .wrap .content-box .section1-main4 .left,.section1 .wrap .content-box .section1-main4 .right{width:520px;height:274px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section1-main4-left.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main4 .right{background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section1-main4-right.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main5{position:relative;width:800px;height:86px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section1 .wrap .content-box .section1-main5 .left{width:318px;height:86px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section1-main5-left.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main5 .left .section-main5-cont{font-family:PingFangSC-Regular;font-size:14px;color:#1d78ff;text-align:center;font-weight:400;position:absolute;top:33px;left:30px}.section1 .wrap .content-box .section1-main5 .left .section-main5-cont2{top:25px;left:139px}.section1 .wrap .content-box .section1-main5 .left .section-main5-cont3{left:247px}.section1 .wrap .content-box .section1-main5 .right{position:relative;width:202px;height:86px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section1-main5-right.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main5 .right .section-main5-cont{font-family:PingFangSC-Regular;font-size:14px;color:#1d78ff;text-align:center;font-weight:400;position:absolute;top:25px;left:16px}.section1 .wrap .content-box .section1-main5 .right .section-main5-cont2{top:30px;left:131px}.section2{width:100%;height:699px;position:relative;background-color:#fff}.section2 .wrap{height:100%}.section2 .wrap .content-box{position:relative;padding-top:30px;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;height:100%}.section2 .wrap .content-box .section2-icon{position:absolute;top:10px;left:457px;width:242px;height:48px;z-index:4;background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section0-icon.png);background-size:cover;background-position:center;font-family:PingFangSC-Semibold;font-size:20px;color:#fbfcfc;text-align:center;font-weight:600;line-height:48px}.section2 .wrap .content-box .section2-main{position:relative;width:1152px;height:618px;margin:0 auto;background:#fff;border:4px solid #effcff;border-radius:12px}.section2 .wrap .content-box .section2-main .line{width:10px;height:351px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/line.png);background-size:cover;background-position:center;position:absolute;top:70px;left:44px}.section2 .wrap .content-box .section2-main .title-number{font-family:PingFangSC-Semibold;font-size:16px;color:#1769e3;letter-spacing:0;font-weight:700;position:absolute;top:64px;left:74px}.section2 .wrap .content-box .section2-main .title-number2{top:147px}.section2 .wrap .content-box .section2-main .title-number3{top:230px}.section2 .wrap .content-box .section2-main .title-number4{top:317px}.section2 .wrap .content-box .section2-main .title-number5{top:404px;color:#73acff;opacity:.6}.section2 .wrap .content-box .section2-main .content-every{font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;letter-spacing:0;text-align:justify;line-height:22px;position:absolute;top:99px;left:74px}.section2 .wrap .content-box .section2-main .content-every2{top:180px}.section2 .wrap .content-box .section2-main .content-every3{top:259px}.section2 .wrap .content-box .section2-main .content-every4{top:345px}.section2 .wrap .content-box .section2-main .content-every5{top:431px;color:#959697}.section2 .wrap .content-box .section2-main .link{display:inline-block;width:180px;height:50px;line-height:50px;font-family:PingFangSC-Semibold;font-size:16px;color:#1769e3;letter-spacing:0;font-weight:700;position:absolute;top:506px;left:484px;background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.08);border-radius:25px}.section3{width:100%;height:708px;position:relative;background-color:#fff}.section3 .wrap{height:100%}.section3 .wrap .content-box{position:relative;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;height:100%}.section3 .wrap .content-box .section3-main{width:1152px;height:634px;padding-top:48px;margin:0 auto;background:#fff;border:4px solid #effcff;border-radius:12px}.section3 .wrap .content-box .section3-main h1{font-size:32px;color:#333;text-align:center;line-height:48px;font-weight:700;margin-bottom:4px}.section3 .wrap .content-box .section3-main h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;margin-bottom:50px}.section3 .wrap .content-box .section3-main .section3-main-top{width:1025px;height:204px;margin:0 auto;margin-top:60px;margin-bottom:30px}.section3 .wrap .content-box .section3-main .section3-main-icon{width:204px;height:204px;float:left;margin-right:26px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section3-main-icon1.png);background-size:cover;background-position:center}.section3 .wrap .content-box .section3-main .section3-main-icon2{background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section3-main-icon2.png);background-size:cover;background-position:center}.section3 .wrap .content-box .section3-main .section3-main-icon3{background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section3-main-icon3.png);background-size:cover;background-position:center}.section3 .wrap .content-box .section3-main .section3-main-icon4{background-image:url(/https/coding.imooc.com/static/module/class/content/img/496/section3-main-icon4.png);background-size:cover;background-position:center}.section3 .wrap .content-box .section3-main .section3-main-contBox{width:252px;height:100px;float:left;margin-right:60px;margin-top:24px}.section3 .wrap .content-box .section3-main .section3-main-contBox .title{font-family:PingFangSC-Semibold;font-size:16px;color:#1c1e20;letter-spacing:0;font-weight:700;margin-bottom:18px;text-align:left}.section3 .wrap .content-box .section3-main .section3-main-contBox .content{width:252px;font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;letter-spacing:0;text-align:justify;line-height:22px}.section3 .wrap .content-box .section3-main .section3-main-contBox .content a{color:#2996d6}.section3 .wrap .content-box .section3-main .section3-main-contBox .content a:hover{color:red}.section3 .wrap .content-box .section3-main .section3-main-contBox2{margin-right:0}.section4{width:100%;height:180px;position:relative;margin-bottom:30px}.section4 .wrap{height:100%}.section4 .wrap .content-box{position:relative;padding-top:50px;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;height:100%}.section4 .wrap .section4-main{width:1152px;height:124px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section4 .wrap .section4-main .section4-main-item{width:373px;height:116px;background:#f8fafc;border-radius:12px;padding-top:18px}.section4 .wrap .section4-main .section4-main-item .title{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:36px}.section4 .wrap .section4-main .section4-main-item .content{font-family:PingFangSC-Regular;font-size:12px;color:#1c1f21;text-align:center;line-height:20px;margin-top:5px}@media only screen and (min-width:768px) and (max-width:1024px){.content-box{transform:scale(.91)!important}}