.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}.colorchange{color:#c80}.section0{width:100%;height:552px;position:relative;background-color:#fff;margin:0 auto}.section0 .wrap{height:100%}.section0 .wrap .content-box{position:absolute;margin:0 auto;width:1156px;box-sizing:border-box;text-align:center;height:472px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/524/section0-bg.png);background-size:cover;background-position:center}.section0 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;margin-bottom:45px;font-weight:700;margin-top:90px}.section0 .wrap .content-box .section0-main{width:980px;height:236px;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 .section-main-item{width:294px;height:236px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/524/section-main-item1.png);background-size:cover;background-position:center}.section0 .wrap .content-box .section0-main .section-main-item .title{font-family:PingFangSC-Semibold;font-size:18px;color:#1c1f21;letter-spacing:0;line-height:28px;font-weight:700;margin:59px 0 9px 39px;text-align:left}.section0 .wrap .content-box .section0-main .section-main-item .cont{font-family:PingFangSC-Regular;font-size:14px;color:#545c63;letter-spacing:0;text-align:left;line-height:24px;margin-left:39px}.section0 .wrap .content-box .section0-main .section-main-item2{background-image:url(/https/coding.imooc.com/static/module/class/content/img/524/section-main-item2.png);background-size:cover;background-position:center}.section0 .wrap .content-box .section0-main .section-main-item3{background-image:url(/https/coding.imooc.com/static/module/class/content/img/524/section-main-item3.png);background-size:cover;background-position:center}.section1{width:100%;height:1450px;position:relative;margin-bottom:30px;padding-top:60px;margin:0 auto;background:#f8fafc}.section1 .wrap{height:100%}.section1 .wrap .content-box{position:relative;width:1156px;height:1378px;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;background-image:url(/https/coding.imooc.com/static/module/class/content/img/524/section1-bg.png);background-size:cover;background-position:center;overflow:hidden}.section1 .wrap .content-box h1{position:relative;font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-bottom:42px;margin-top:96px}.section1 .wrap .content-box .section1-main1{position:relative;width:794px;height:262px;margin:0 auto 54px;background:#f8fafc;border-radius:8px}.section1 .wrap .content-box .section1-main1 .left-img{position:absolute;top:31px;left:88px;width:344px;height:200px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/524/left-img.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main1 .right-cont{font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;text-align:center;line-height:26px;position:absolute;top:53px;left:545px}.section1 .wrap .content-box .h1-pronuon{margin:0 0 49px 0}.section1 .wrap .content-box .section1-main2{width:856px;height:340px;margin:0 auto 54px;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-main2 .left-box{width:408px;height:340px}.section1 .wrap .content-box .section1-main2 .left-box .img{width:408px;height:290px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/524/left-box-img.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .left-box a{display:block;font-family:PingFangSC-Regular;font-size:14px;color:#23ad8f;text-align:center;line-height:22px;margin-bottom:6px;text-decoration:underline}.section1 .wrap .content-box .section1-main2 .left-box a:hover{color:red}.section1 .wrap .content-box .section1-main2 .left-box p{font-family:PingFangSC-Regular;font-size:14px;color:#545c63;text-align:center;line-height:22px;margin-top:27px}.section1 .wrap .content-box .section1-main2 .right-box{width:318px}.section1 .wrap .content-box .section1-main2 .right-box .img{width:318px;height:318px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/524/right-box-img.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .right-box p{font-family:PingFangSC-Regular;font-size:14px;color:#545c63;text-align:center;line-height:22px}.section1 .wrap .content-box .section1-main3{width:863px;height:222px;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-main3 .section1-main3-item{width:241px;height:222px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/524/section1-main3-item.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main3 .section1-main3-item .title{font-family:PingFangSC-Medium;font-size:16px;color:#fff;line-height:26px;font-weight:700;margin:16px 0 20px 41px;text-align:left}.section1 .wrap .content-box .section1-main3 .section1-main3-item .cont{font-family:PingFangSC-Regular;font-size:14px;color:#383d42;line-height:24px;text-align:left;margin-left:41px}.section3{width:100%;height:676px;position:relative;background-color:#fff;margin-bottom:30px;padding-top:30px}.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:632px;padding-top:48px;margin:0 auto;background:#fff;border:2px solid #c9e8dd;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:32px;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/524/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/524/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/524/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/524/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}@media only screen and (min-width:768px) and (max-width:1024px){.content-box{transform:scale(.91)!important}}