.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}.section0{width:100%;height:759px;position:relative;background-image:url(http://coding.imooc.com/static/module/class/content/img/449/bg01.png);background-size:cover;background-position:center}.section0 .wrap{height:100%}.section0 .wrap .content-box{padding-top:57px;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;height:100%}.section0 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#fff;text-align:center;line-height:48px;font-weight:600;margin-bottom:12px}.section0 .wrap .content-box h4{font-family:PingFangSC-Regular;font-size:16px;color:#fff;text-align:center;line-height:24px;font-weight:400;margin-bottom:18px}.section0 .wrap .content-box .main{width:1152px;height:510px;margin:0 auto;background:#fff;border-radius:24px;box-sizing:border-box;padding-top:35px}.section0 .wrap .content-box .main .box{width:1049px;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 .main .box .left{width:695px}.section0 .wrap .content-box .main .box .left .top{width:100%;height:192px;box-sizing:border-box;padding-top:20px;background-image:url(http://coding.imooc.com/static/module/class/content/img/449/section0-main1.png);background-size:cover;background-position:center}.section0 .wrap .content-box .main .box .left .top .con1{font-family:PingFangSC-Semibold;font-size:20px;color:#44d7b6;text-align:center;line-height:20px;font-weight:600;margin-bottom:34px}.section0 .wrap .content-box .main .box .left .top .con1 span{font-size:28px}.section0 .wrap .content-box .main .box .left .top .con{font-family:PingFangSC-Regular;font-size:14px;color:#333;text-align:center;line-height:24px;font-weight:400;margin-top:20px}.section0 .wrap .content-box .main .box .left .top .mt{margin-top:18px}.section0 .wrap .content-box .main .box .left .bottom{width:100%;height:229px;margin-top:32px;box-sizing:border-box;padding-top:20px;background-image:url(http://coding.imooc.com/static/module/class/content/img/449/section0-main2.png);background-size:cover;background-position:center}.section0 .wrap .content-box .main .box .left .bottom .con1{font-family:PingFangSC-Semibold;font-size:20px;color:#1cc9dc;text-align:center;line-height:20px;font-weight:600;margin-bottom:36px}.section0 .wrap .content-box .main .box .left .bottom .con{font-family:PingFangSC-Regular;font-size:14px;color:#333;text-align:center;line-height:24px;font-weight:400;margin-top:20px}.section0 .wrap .content-box .main .box .left .bottom .mt1{margin-top:18px}.section0 .wrap .content-box .main .box .left .bottom .mt2{margin-top:17px}.section0 .wrap .content-box .main .box .right{width:300px;height:417px;box-sizing:border-box;padding-top:48px;background-image:url(http://coding.imooc.com/static/module/class/content/img/449/section0-main3.png);background-size:cover;background-position:center}.section0 .wrap .content-box .main .box .right .tit{font-family:PingFangSC-Semibold;font-size:31px;color:#00c9a5;text-align:center;line-height:44px;font-weight:600;margin-left:25px}.section0 .wrap .content-box .main .box .right .tit span{font-size:39px}.section0 .wrap .content-box .main .box .right .tit1{font-family:PingFangSC-Semibold;font-size:16px;color:#000;text-align:center;line-height:20px;font-weight:600;margin:43px 0 10px 20px}.section0 .wrap .content-box .main .box .right .con{font-family:PingFangSC-Regular;font-size:14px;color:#000;line-height:37px;font-weight:400;text-align:left;margin-left:73px}.section1{width:100%;height:1545px;position:relative;background-image:url(http://coding.imooc.com/static/module/class/content/img/449/bg02.png);background-size:cover;background-position:center}.section1 .wrap{width:1200px;height:100%;padding-bottom:67px}.section1 .wrap .content-box{padding-top:70px}.section1 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#333;text-align:center;line-height:48px;font-weight:600}.section1 .wrap .content-box h4{font-family:PingFangSC-Regular;font-size:16px;color:#333;text-align:center;line-height:24px;font-weight:400;margin-bottom:50px}.section1 .wrap .content-box .box{width:100%;margin:0 auto;height:285px}.section1 .wrap .content-box .box .content{margin-right:-20px;float:left;width:315px;height:284px;text-align:center}.section1 .wrap .content-box .box .content .title{margin:38px 0 15px;font-family:PingFangSC-Semibold;font-size:18px;text-align:center;font-weight:600}.section1 .wrap .content-box .box .content .desc{font-family:PingFangSC-Regular;font-size:14px;color:#333;text-align:center;line-height:24px;font-weight:400;margin-bottom:53px}.section1 .wrap .content-box .box .content .link{font-size:18px;color:#fff;text-align:center;text-decoration:underline}.section1 .wrap .content-box .box .content-1{background-image:url(http://coding.imooc.com/static/module/class/content/img/449/bg02-1.png);background-size:cover;background-position:center}.section1 .wrap .content-box .box .content-1 .title{color:#44d7b6}.section1 .wrap .content-box .box .content-2{background-image:url(http://coding.imooc.com/static/module/class/content/img/449/bg02-2.png);background-size:cover;background-position:center}.section1 .wrap .content-box .box .content-2 .title{color:#0091ff}.section1 .wrap .content-box .box .content-2 .desc{margin-bottom:6px}.section1 .wrap .content-box .box .content-3{background-image:url(http://coding.imooc.com/static/module/class/content/img/449/bg02-3.png);background-size:cover;background-position:center}.section1 .wrap .content-box .box .content-3 .title{color:#5400ff}.section1 .wrap .content-box .box .content-3 .desc{margin-bottom:29px}.section1 .wrap .content-box .box .content-4{margin-right:0;background-image:url(http://coding.imooc.com/static/module/class/content/img/449/bg02-4.png);background-size:cover;background-position:center}.section1 .wrap .content-box .box .content-4 .title{color:#a500ff}.section1 .wrap .content-box .image{width:1260px;height:195px;margin-left:-31px;margin-top:10px;margin-bottom:102px;background-image:url(http://coding.imooc.com/static/module/class/content/img/449/img02.png);background-size:cover;background-position:center}.section1 .wrap .content-box .h1{font-family:PingFangSC-Semibold;font-size:32px;color:#3c3c3c;text-align:center;line-height:48px;font-weight:600}.section1 .wrap .content-box .h4{font-family:PingFangSC-Regular;font-size:16px;color:#3c3c3c;text-align:center;line-height:24px;font-weight:400}.section1 .wrap .content-box .rows{margin:0 auto;position:relative;width:1152px;height:544px;overflow:hidden;background-image:url(http://coding.imooc.com/static/module/class/content/img/449/bg03.png);background-size:cover;background-position:center}.section1 .wrap .content-box .rows .row-content{font-family:PingFangSC-Regular;font-size:14px;color:#333;text-align:center;line-height:24px;font-weight:400}.section1 .wrap .content-box .rows .title{margin:28px 0 20px;font-family:PingFangSC-Semibold;font-size:18px;text-align:center;font-weight:600}.section1 .wrap .content-box .rows .row1{position:absolute;left:0;top:0;width:265px}.section1 .wrap .content-box .rows .row1 .title{color:#0091ff}.section1 .wrap .content-box .rows .row2{position:absolute;left:0;top:259px;width:265px}.section1 .wrap .content-box .rows .row2 .title{color:#49e190}.section1 .wrap .content-box .rows .row3{position:absolute;left:327px;top:-5px;width:497px}.section1 .wrap .content-box .rows .row3 .title{color:#6d50f5}.section1 .wrap .content-box .rows .row4{position:absolute;left:327px;top:89px;width:236px}.section1 .wrap .content-box .rows .row4 .title{color:#49e190}.section1 .wrap .content-box .rows .row5{position:absolute;left:588px;top:89px;width:236px}.section1 .wrap .content-box .rows .row5 .title{color:#49e190}.section1 .wrap .content-box .rows .row6{position:absolute;left:460px;top:290px;width:497px}.section1 .wrap .content-box .rows .row6 .title{color:#5266e0}.section1 .wrap .content-box .rows .row7{position:absolute;left:887px;top:0;width:265px}.section1 .wrap .content-box .rows .row7 .title{color:#faab00}.section1 .wrap .content-box .rows .row8{position:absolute;left:887px;top:229px;width:265px}.section1 .wrap .content-box .rows .row8 .title{color:#eb5c5c}.section1 .wrap .content-box .rows .row9{position:absolute;left:593px;top:431px;width:280px}.section1 .wrap .content-box .rows .row9 .title{color:#333;margin-top:20px;margin-bottom:5px}.section1 .wrap .content-box .rows .row10{position:absolute;left:84px;top:291px;width:724px}.section1 .wrap .content-box .rows .row10 .title{font-family:PingFangSC-Semibold;font-size:18px;color:#5266e0;text-align:center;font-weight:600;margin-bottom:47px}.section1 .wrap .content-box .rows .row11{position:absolute;right:23px;top:427px}.section1 .wrap .content-box .rows .row11 .title{margin-top:0;margin-bottom:0}.section3{width:100%;height:728px;background-image:url(http://coding.imooc.com/static/module/class/content/img/449/bg04.png);background-size:cover;background-position:center;padding-top:70px}.section3 .content-box{position:relative;width:100%;box-sizing:border-box;text-align:center}.section3 .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#333;text-align:center;line-height:48px;font-weight:600;margin-bottom:4px}.section3 .content-box h4{font-family:PingFangSC-Regular;font-size:16px;color:#333;text-align:center;line-height:24px;font-weight:400;margin-bottom:50px}.section3 .content-box .image04{width:1113px;height:405px;background-image:url(http://coding.imooc.com/static/module/class/content/img/449/img04.png);background-size:cover;background-position:center}.section3 .content-box img{width:1107px}.section4{width:100%;height:943px;background-image:url(http://coding.imooc.com/static/module/class/content/img/449/section4-bg.png);background-size:cover;background-position:center;padding-top:80px}.section4 .content-box{position:relative;width:100%;box-sizing:border-box;text-align:center}.section4 .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#fff;text-align:center;line-height:48px;font-weight:600;margin-bottom:70px}.section4 .content-box .section4-main{width:1152px;height:736px;background:#fff;border-radius:24px;box-sizing:border-box;padding-top:33px}.section4 .content-box .section4-main .box{width:1074px;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 .content-box .section4-main .box .left{width:537px;height:653px;background-image:url(http://coding.imooc.com/static/module/class/content/img/449/letter.png);background-size:cover;background-position:center}.section4 .content-box .section4-main .box .right{width:495px}.section4 .content-box .section4-main .box .right .block{width:100%}.section4 .content-box .section4-main .box .right .block .tit{width:100%;height:46px;background:#fff;border:5px solid #37dcb9;border-radius:8px;font-family:PingFangSC-Semibold;font-size:20px;color:#44d7b6;line-height:37px;font-weight:600;box-sizing:border-box;text-align:left;text-indent:10px}.section4 .content-box .section4-main .box .right .block .con{width:100%;height:143px;background:#fff;border:3px solid #b0ece1;border-radius:8px;margin-top:10px;box-sizing:border-box;padding-top:16px;padding-left:16px}.section4 .content-box .section4-main .box .right .block .con .nickname{font-family:PingFangSC-Regular;font-size:14px;color:#333;line-height:24px;font-weight:400;text-align:left;text-indent:31px;position:relative}.section4 .content-box .section4-main .box .right .block .con .nickname::before{position:absolute;left:-3px;top:-2px;width:26px;height:26px;content:" ";background-image:url(http://coding.imooc.com/static/module/class/content/img/449/avatar1.png);background-size:cover;background-position:center}.section4 .content-box .section4-main .box .right .block .con .content{font-family:PingFangSC-Regular;font-size:13px;color:#333;line-height:24px;font-weight:400;text-align:left;margin-top:11px}.section4 .content-box .section4-main .box .right .bottom,.section4 .content-box .section4-main .box .right .middle{margin-top:21px}.section4 .content-box .section4-main .box .right .middle .tit{border-color:#1cc9dc;color:#1cc9dc}.section4 .content-box .section4-main .box .right .middle .con{height:186px;border-color:#b0eceb}.section4 .content-box .section4-main .box .right .middle .con .nickname::before{background-image:url(http://coding.imooc.com/static/module/class/content/img/449/avatar2.png);background-size:cover;background-position:center}.section4 .content-box .section4-main .box .right .bottom .tit{border-color:#55c4ff;color:#55c4ff}.section4 .content-box .section4-main .box .right .bottom .con{height:112px;border-color:#a6e0ff}.section4 .content-box .section4-main .box .right .bottom .con .nickname::before{background-image:url(http://coding.imooc.com/static/module/class/content/img/449/avatar3.png);background-size:cover;background-position:center}.section2{width:100%;height:746px;position:relative;background-color:#fff}.section2 .wrap{height:100%}.section2 .wrap .content-box{position:relative;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;height:100%}.section2 .wrap .content-box .section2-main{width:1152px;height:676px;padding-top:70px;margin:0 auto;background:#fff;border:1px solid #c9e8e2;border-radius:10px}.section2 .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:4px;position:relative}.section2 .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:50px;position:relative}.section2 .wrap .content-box .section2-main .section2-main-top{width:1025px;height:204px;margin:0 auto;margin-top:60px;margin-bottom:30px}.section2 .wrap .content-box .section2-main .section2-main-icon{width:204px;height:204px;float:left;margin-right:26px;background-image:url(http://coding.imooc.com/static/module/class/content/img/449/section2-main-icon1.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-main-icon2{background-image:url(http://coding.imooc.com/static/module/class/content/img/449/section2-main-icon2.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-main-icon3{background-image:url(http://coding.imooc.com/static/module/class/content/img/449/section2-main-icon3.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-main-icon4{background-image:url(http://coding.imooc.com/static/module/class/content/img/449/section2-main-icon4.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-main-contBox{width:252px;height:100px;float:left;margin-right:60px;margin-top:24px}.section2 .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}.section2 .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}.section2 .wrap .content-box .section2-main .section2-main-contBox .content a{color:#2996d6}.section2 .wrap .content-box .section2-main .section2-main-contBox .content a:hover{color:red}.section2 .wrap .content-box .section2-main .section2-main-contBox2{margin-right:0}.title-number{color:#00c9a5!important}.title-number-last-i{color:#79e1cb!important}.content-number-last{color:#959697!important}@media only screen and (min-width:768px) and (max-width:1024px){.content-box{transform:scale(.91)!important}}