.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:26px}.section0{width:1154px;height:441px;position:relative;margin:0 auto;background-image:url(http://coding.imooc.com/static/module/class/content/img/542/section0-bg.png);background-size:cover;margin-bottom:71px}.section0 .wrap{height:100%}.section0 .wrap .content-box{position:absolute;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:#1c1e20;letter-spacing:0;text-align:center;line-height:48px;font-weight:600;margin-top:100px;margin-bottom:6px}.section0 .wrap .content-box h4{font-family:PingFangSC-Regular;font-size:18px;color:#1c1e20;text-align:center;line-height:28px;font-weight:400;margin-bottom:48px}.section0 .wrap .content-box .section0-main{width:1090px;height:477px;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:348px;height:146px;background-image:url(http://coding.imooc.com/static/module/class/content/img/542/section0-main-item1.png);background-size:cover}.section0 .wrap .content-box .section0-main .section0-main-item .title{font-family:PingFangSC-Medium;font-size:16px;color:#1c1f21;letter-spacing:0;text-align:left;line-height:22px;font-weight:600;margin-top:23px;margin-left:73px}.section0 .wrap .content-box .section0-main .section0-main-item .cont{font-family:PingFangSC-Regular;font-size:14px;color:#545c63;letter-spacing:0;text-align:left;line-height:22px;margin-left:73px;margin-top:13px}.section0 .wrap .content-box .section0-main .section0-main-item2{background-image:url(http://coding.imooc.com/static/module/class/content/img/542/section0-main-item2.png);background-size:cover}.section0 .wrap .content-box .section0-main .section0-main-item3{background-image:url(http://coding.imooc.com/static/module/class/content/img/542/section0-main-item3.png);background-size:cover}.section1{width:100%;height:2531px;position:relative;margin:0 auto;margin-bottom:40px;background-color:#f8fafc;padding-top:68px}.section1 .wrap{height:100%}.section1 .wrap .content-box{position:relative;width:1154px;height:2430px;margin:0 auto;padding-top:49px;background-image:url(http://coding.imooc.com/static/module/class/content/img/542/section1-bg.png);background-size:cover;background-repeat:no-repeat;background-size:100% 100%}.section1 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-top:58px;margin-bottom:54px}.section1 .wrap .content-box h1:nth-of-type(2){margin-top:56px;margin-bottom:48px}.section1 .wrap .content-box h1:nth-of-type(3){margin-top:64px;margin-bottom:48px}.section1 .wrap .content-box h1:nth-of-type(4){margin-top:64px;margin-bottom:6px}.section1 .wrap .content-box h4{font-family:PingFangSC-Semibold;font-size:18px;color:#1c1e20;text-align:center;line-height:28px;font-weight:600;margin-bottom:28px}.section1 .wrap .content-box .section1-main{width:1028px;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-main .section1-main-item{width:456px}.section1 .wrap .content-box .section1-main .section1-main-item .section1-main-item1-row1{height:180px;background-image:url(http://coding.imooc.com/static/module/class/content/img/542/section1-main-item1.png);background-size:cover}.section1 .wrap .content-box .section1-main .section1-main-item .section1-main-item1-row2{font-family:PingFangSC-Regular;font-size:14px;color:#383d42;line-height:22px;position:relative;margin-top:18px;text-align:left;left:69px}.section1 .wrap .content-box .section1-main .section1-main-item .section1-main-item1-row2::before{position:absolute;top:0;left:-20px;content:"";font-family:imv2;font-size:10px;color:#179f84;line-height:22px}.section1 .wrap .content-box .section1-main .section1-main-item2{width:504px;height:250px;margin-top:6px;background-image:url(http://coding.imooc.com/static/module/class/content/img/542/section1-main-item2.png);background-size:cover}.section1 .wrap .content-box .section1-main2{width:975px;height:469px;margin:0 auto}.section1 .wrap .content-box .section1-main2 .row{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}.section1 .wrap .content-box .section1-main2 .row .item{width:232px;height:268px;box-sizing:border-box;padding-top:20px;background-image:url(http://coding.imooc.com/static/module/class/content/img/542/section1-main2-itme1.png);background-size:cover}.section1 .wrap .content-box .section1-main2 .row .item .tit{font-family:PingFangSC-Semibold;font-size:16px;text-align:center;color:#fff;line-height:22px;font-weight:600;margin-bottom:40px}.section1 .wrap .content-box .section1-main2 .row .item .con{font-family:PingFangSC-Regular;font-size:14px;color:#383d42;line-height:22px;font-weight:400;margin-left:50px;text-align:left}.section1 .wrap .content-box .section1-main2 .row2{margin-top:11px}.section1 .wrap .content-box .section1-main2 .row2 .item{height:210px;background-image:url(http://coding.imooc.com/static/module/class/content/img/542/section1-main2-itme2.png);background-size:cover}.section1 .wrap .content-box .section1-main2 .row2 .item .tit{margin-bottom:34px}.section1 .wrap .content-box .section1-main2 .row2 .item .con{margin-left:38px}.section1 .wrap .content-box .section1-main3{width:1028px;height:468px;margin:0 auto;background:#f8fafc;border-radius:8px;box-sizing:border-box;padding-top:33px}.section1 .wrap .content-box .section1-main3 .box{width:931px;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 .box .section1-main3-item .section1-main3-item-row1{width:668px;height:340px;background-image:url(http://coding.imooc.com/static/module/class/content/img/542/section1-main3-item.png);background-size:cover}.section1 .wrap .content-box .section1-main3 .box .section1-main3-item .section1-main3-item-row2{text-align:center;margin-top:20px}.section1 .wrap .content-box .section1-main3 .box .section1-main3-item .section1-main3-item-row2 p{font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;line-height:22px}.section1 .wrap .content-box .section1-main3 .box .section1-main3-item .section1-main3-item-row2 p:first-child{margin-bottom:6px}.section1 .wrap .content-box .section1-main3 .box .section1-main3-item .section1-main3-item-row2 a{font-family:PingFangSC-Regular;font-size:14px;color:#179f84;line-height:22px;text-decoration:underline}.section1 .wrap .content-box .section1-main3 .box .section1-main3-item .section1-main3-item-row2 a:hover{color:red}.section1 .wrap .content-box .section1-main3 .box .section1-main3-item1{width:223px;height:418px;font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;line-height:43px;margin-top:-5px}.section1 .wrap .content-box .section1-main3 .box .section1-main3-item1 p:not(:first-child){position:relative}.section1 .wrap .content-box .section1-main3 .box .section1-main3-item1 p:not(:first-child)::before{content:"";font-family:imv2;font-size:20px;color:#179f84;line-height:22px;position:absolute;top:-11px;left:16px}.section1 .wrap .content-box .section1-main4{width:1028px;height:468px;margin:0 auto;background:#f8fafc;border-radius:8px;box-sizing:border-box;padding-top:33px}.section1 .wrap .content-box .section1-main4 .box{width:931px;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-main4 .box .left{width:136px;margin-top:24px;font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;line-height:32px;font-weight:400}.section1 .wrap .content-box .section1-main4 .box .left span{position:relative}.section1 .wrap .content-box .section1-main4 .box .left span::before{position:absolute;top:-2px;left:-21px;content:"";font-family:imv2;font-size:10px;color:#179f84;line-height:22px;font-weight:400}.section1 .wrap .content-box .section1-main4 .box .right{width:729px}.section1 .wrap .content-box .section1-main4 .box .right .top{width:100%;height:331px;background-image:url(http://coding.imooc.com/static/module/class/content/img/542/section1-main4-item1.png);background-size:cover}.section1 .wrap .content-box .section1-main4 .box .right .bot{width:710px;height:37px;margin:40px auto 0;background-image:url(http://coding.imooc.com/static/module/class/content/img/542/section1-main4-item2.png);background-size:cover}.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:2px solid #bcd9b9;border-radius:12px}.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}.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}.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/542/section2-main-icon1.png);background-size:cover}.section2 .wrap .content-box .section2-main .section2-main-icon2{background-image:url(http://coding.imooc.com/static/module/class/content/img/542/section2-main-icon2.png);background-size:cover}.section2 .wrap .content-box .section2-main .section2-main-icon3{background-image:url(http://coding.imooc.com/static/module/class/content/img/542/section2-main-icon3.png);background-size:cover}.section2 .wrap .content-box .section2-main .section2-main-icon4{background-image:url(http://coding.imooc.com/static/module/class/content/img/542/section2-main-icon4.png);background-size:cover}.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}@media only screen and (min-width:768px) and (max-width:1024px){.wrap{transform:scale(.9)}}