.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:680px;position:relative;background-color:#f8fafc}.section0 .wrap{height:100%}.section0 .wrap .content-box{position:relative;padding-top:64px;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;height:100%}.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;margin-bottom:50px}.section0 .wrap .content-box .main{position:relative;width:1009px;height:441px;margin:0 auto;background-image:url(https://coding.imooc.com/static/module/class/content/img/472/section0-main.png);background-size:cover;background-position:center}.section0 .wrap .content-box .main .main-title{width:132px;height:26px;line-height:26px;font-family:PingFangSC-Semibold;font-size:16px;color:#f8fafc;text-align:center;font-weight:700;position:absolute;top:18px;left:448px;background-image:url(https://coding.imooc.com/static/module/class/content/img/472/main-title.png);background-size:cover;background-position:center}.section0 .wrap .content-box .main .main-title:nth-child(2){top:116px;left:552px}.section0 .wrap .content-box .main .main-title:nth-child(3){top:275px;left:552px}.section0 .wrap .content-box .main .main-title:nth-child(4){top:372px;left:448px}.section0 .wrap .content-box .main .main-cont{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;position:absolute;top:46px;left:464px}.section0 .wrap .content-box .main .main-cont2{top:146px;left:569px}.section0 .wrap .content-box .main .main-cont3{top:305px;left:569px}.section0 .wrap .content-box .main .main-cont4{top:402px;left:464px}.section1{width:100%;height:590px;position:relative;background-color:#fff}.section1 .wrap{height:100%}.section1 .wrap .content-box{position:relative;padding-top:50px;margin:0 auto;width:100%;box-sizing:border-box;text-align:center;height:100%}.section1 .wrap .content-box h1{font-size:32px;color:#333;text-align:center;line-height:48px;font-weight:700;margin-bottom:4px}.section1 .wrap .content-box h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;margin-bottom:50px}.section1 .wrap .content-box .section1-main{position:relative;width:1145px;height:405px;margin:0 auto;background-image:url(https://coding.imooc.com/static/module/class/content/img/472/section1-main.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main .section1-main-title{font-family:PingFangSC-Semibold;font-size:18px;color:#fff;text-align:center;line-height:20px;font-weight:700;position:absolute;top:39px;left:72px}.section1 .wrap .content-box .section1-main .section1-main-title2{top:47px;left:243px}.section1 .wrap .content-box .section1-main .section1-main-title3{top:51px;left:437px}.section1 .wrap .content-box .section1-main .section1-main-title4{top:51px;left:614px}.section1 .wrap .content-box .section1-main .section1-main-title5{top:47px;left:786px}.section1 .wrap .content-box .section1-main .section1-main-title6{top:41px;left:1007px}.section1 .wrap .content-box .section1-main .section1-main-cont{position:absolute;top:104px;left:24px;text-align:left}.section1 .wrap .content-box .section1-main .section1-main-cont p{font-family:PingFangSC-Semibold;font-size:14px;color:#35485e;line-height:22px;font-weight:700}.section1 .wrap .content-box .section1-main .section1-main-cont2{top:109px;left:211px}.section1 .wrap .content-box .section1-main .section1-main-cont3{top:109px;left:402px}.section1 .wrap .content-box .section1-main .section1-main-cont4{top:109px;left:588px}.section1 .wrap .content-box .section1-main .section1-main-cont5{top:109px;left:781px}.section1 .wrap .content-box .section1-main .section1-main-cont5 p{letter-spacing:-1px}.section1 .wrap .content-box .section1-main .section1-main-cont6{top:104px;left:973px}.section3{width:100%;height:768px;background:#35a977}.section3 .content-box{position:relative;width:100%;box-sizing:border-box;text-align:center;padding-top:70px}.section3 .content-box h1{line-height:48px;margin:0 auto;font-size:32px;color:#fff;font-weight:700;margin-bottom:4px}.section3 .content-box h4{font-family:PingFangSC-Regular;font-size:16px;color:#fff;text-align:center;line-height:24px;margin-bottom:50px}.section3 .content-box .section3-main{width:1122px;height:501px;margin:0 auto;margin-bottom:35px;background:rgba(53,72,94,.1);border:10px solid rgba(57,56,56,.1);border-radius:22px}.section3 .content-box .section3-main .section3-left{width:748px;height:401px;float:left;margin:50px 24px 0 49px;background-image:url(https://coding.imooc.com/static/module/class/content/img/472/section3-main-left.png);background-size:cover;background-position:center}.section3 .content-box .section3-main .section3-right{position:relative;width:270px;height:401px;float:left;margin-top:50px}.section3 .content-box .section3-main .section3-right .right-title{font-family:PingFangSC-Semibold;font-size:16px;color:#fff;font-weight:700;position:absolute;top:50px;left:1px}.section3 .content-box .section3-main .section3-right .right-title2{top:146px}.section3 .content-box .section3-main .section3-right .right-title3{top:277px}.section3 .content-box .section3-main .section3-right .right-cont{position:absolute;top:75px;left:-11px}.section3 .content-box .section3-main .section3-right .right-cont p{font-family:PingFangSC-Regular;font-size:14px;color:#fdff01;line-height:24px;float:left}.section3 .content-box .section3-main .section3-right .right-cont .p-first{margin-right:35px}.section3 .content-box .section3-main .section3-right .right-cont2{top:99px;left:-11px}.section3 .content-box .section3-main .section3-right .right-cont3{position:absolute;top:171px;left:-11px}.section3 .content-box .section3-main .section3-right .right-cont3 p{font-family:PingFangSC-Regular;font-size:14px;color:#fdff01;line-height:24px;text-align:left}.section3 .content-box .section3-main .section3-right .right-cont4{top:303px}.section2{width:100%;height:561px;position:relative}.section2 .wrap{height:100%}.section2 .wrap .content-box{position:relative;width:100%;box-sizing:border-box;text-align:center;padding-top:50px}.section2 .wrap .content-box .white-box{position:absolute;padding-top:40px;height:222px;width:100%;box-sizing:border-box;text-align:center;background:#359f74;border-radius:24px;margin:auto;margin-bottom:24px}.section2 .wrap .content-box .white-box h1{font-size:24px;color:#fff;text-align:center;line-height:36px;font-weight:700;margin-bottom:20px}.section2 .wrap .content-box .white-box .flex-box{width:990px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:space-between;box-sizing:border-box;margin-left:30px;margin:0 auto}.section2 .wrap .content-box .white-box .flex-box .item{width:350px}.section2 .wrap .content-box .white-box .flex-box .item .item-row{width:335px;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}.section2 .wrap .content-box .white-box .flex-box .item .item-row .item-left{width:40px;align-items:top;display:flex;display:-webkit-flex}.section2 .wrap .content-box .white-box .flex-box .item .item-row .item-left .i-box{width:40px;height:40px;background:#fff;border-radius:20px}.section2 .wrap .content-box .white-box .flex-box .item .item-row .item-left .i-box i{font-size:24px;color:#1bce7d;line-height:40px}.section2 .wrap .content-box .white-box .flex-box .item .item-row .item-right{width:272px;box-sizing:border-box;text-align:left;margin-left:20px}.section2 .wrap .content-box .white-box .flex-box .item .item-row .item-right .title,.section2 .wrap .content-box .white-box .flex-box .item .item-row .item-right .title2{font-size:16px;color:#fff;line-height:24px;font-weight:700}.section2 .wrap .content-box .white-box .flex-box .item .item-row .item-right .title2{margin-bottom:10px}.section2 .wrap .content-box .white-box .flex-box .item .item-row .item-right .content{font-size:14px;color:#fff;line-height:22px}.section2 .wrap .content-box .footer-box{position:absolute;top:299px;width:100%;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}.section2 .wrap .content-box .footer-box .item:first-child{margin-right:8px}.section2 .wrap .content-box .footer-box .item{width:564px;height:222px;background:#f3f5f6;border-radius:24px;padding-top:40px;box-sizing:border-box}.section2 .wrap .content-box .footer-box .item .title{font-size:24px;color:#359f74;text-align:center;line-height:36px;font-weight:700;margin-bottom:19px}.section2 .wrap .content-box .footer-box .item .content{font-size:14px;color:#1c1f21;text-align:center;line-height:22px}@media only screen and (min-width:768px) and (max-width:1024px){.wrap{width:90%!important}.section0 .wrap .content-box .main{margin:0 auto;width:1090px}.section1 .wrap .content-box .section1-main{transform:scale(.9)}.section3 .wrap .content-box .section3-main{transform:scale(.9)}.section3 .wrap .content-box .section3-bottom{width:1090px}}