.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}.after-icon,.before-icon{display:inline-block;width:23px;height:44px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/h1-icon-l.png);background-size:cover;background-position:center;vertical-align:top}.after-icon{background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/h1-icon-r.png);background-size:cover;background-position:center}.after-icon-h4,.before-icon-h4{display:inline-block;width:69px;height:4px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/h4-icon-l.png);background-size:cover;background-position:center;vertical-align:middle;line-height:4px}.after-icon-h4{background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/h4-icon-r.png);background-size:cover;background-position:center}.title-h4{display:inline-block;margin:0 13px}.section0{width:1152px;height:710px;position:relative;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/section0-bg.png);background-size:cover;background-position:center;margin:0 auto;margin-bottom:103px}.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 .section0-icon{width:197px;height:48px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/section-icon.png);background-size:cover;background-position:center;margin:-11px auto 21px;font-family:PingFangSC-Medium;font-size:24px;color:#fff;letter-spacing:1.14px;text-align:center;line-height:40px}.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-bottom:10px}.section0 .wrap .content-box h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;margin-bottom:24px}.section0 .wrap .content-box .section0-main0{width:576px;height:185px;margin:0 auto;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/section0-main0.png);background-size:cover;background-position:center;margin-bottom:50px}.section0 .wrap .content-box .section0-main0 .box{width:513px;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-main0 .box .section0-main0-item .tit{font-family:PingFangSC-Semibold;font-size:14px;color:#fff;letter-spacing:0;text-align:center;font-weight:600}.section0 .wrap .content-box .section0-main0 .box .section0-main0-item .con{font-family:PingFangSC-Semibold;font-size:14px;color:#02c38f;letter-spacing:0;text-align:center;font-weight:600;line-height:28px;margin-top:14px}.section0 .wrap .content-box .section0-main0 .box .section0-main0-item1{margin-top:35px;margin-left:-7px}.section0 .wrap .content-box .section0-main0 .box .section0-main0-item2{margin-left:1px;margin-top:26px;width:98px}.section0 .wrap .content-box .section0-main0 .box .section0-main0-item2 .con{margin-top:19px}.section0 .wrap .content-box .section0-main0 .box .section0-main0-item3{width:118px;margin-left:-24px;margin-top:16px}.section0 .wrap .content-box .section0-main0 .box .section0-main0-item3 .con{margin-top:19px}.section0 .wrap .content-box .section0-main0 .box .section0-main0-item4{margin-top:6px}.section0 .wrap .content-box .section0-main0 .box .section0-main0-item4 .con{margin-top:22px}.section0 .wrap .content-box .section0-main{width:939px;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:280px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/section0-main-item1.png);background-size:cover;background-position:center}.section0 .wrap .content-box .section0-main .section0-main-item .p-title{font-family:PingFangSC-Semibold;font-size:18px;color:#fff;text-align:center;font-weight:600;margin-top:40px}.section0 .wrap .content-box .section0-main .section0-main-item .p-cont{font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;text-align:center;line-height:24px;font-weight:400;margin-top:27px}.section0 .wrap .content-box .section0-main .section0-main-item .footer{font-family:PingFangSC-Medium;font-size:14px;color:#1c1e20;line-height:24px;font-weight:500;text-align:left;margin-top:20px}.section0 .wrap .content-box .section0-main .section0-main-item2{background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/section0-main-item2.png);background-size:cover;background-position:center}.section0 .wrap .content-box .section0-main .section0-main-item3{background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/section0-main-item3.png);background-size:cover;background-position:center}.section1{width:100%;height:1500px;position:relative;margin:0 auto;background:#f7fafc;padding-top:72px}.section1 .wrap{height:100%}.section1 .wrap .content-box{position:relative;width:1152px;height:1341px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/section1-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-size:100% 100%;margin:0 auto;padding-top:79px}.section1 .wrap .content-box .section1-icon{width:197px;height:48px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/section-icon.png);background-size:cover;background-position:center;position:absolute;left:482px;top:-10px;font-family:PingFangSC-Medium;font-size:24px;color:#fff;letter-spacing:1.14px;text-align:center;line-height:40px}.section1 .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-bottom:16px}.section1 .wrap .content-box h1:nth-of-type(2){margin-top:69px;margin-bottom:60px}.section1 .wrap .content-box h1:nth-of-type(3){margin-top:61px;margin-bottom:32px}.section1 .wrap .content-box h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;letter-spacing:0;text-align:center;font-weight:400;margin-bottom:34px}.section1 .wrap .content-box h4:nth-of-type(2){margin-bottom:48px}.section1 .wrap .content-box .section1-main1{width:574px;margin:0 auto}.section1 .wrap .content-box .section1-main1 .item{width:598px;height:50px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/section1-main-item1.png);background-size:cover;background-position:center;font-family:PingFangSC-Regular;font-size:16px;color:#02c38f;letter-spacing:0;text-align:left;font-weight:400;line-height:50px;box-sizing:border-box;padding-left:22px}.section1 .wrap .content-box .section1-main1 .item span{font-family:PingFangSC-Semibold;font-size:16px;color:#fff;letter-spacing:0;text-align:center;font-weight:600;margin-right:40px}.section1 .wrap .content-box .section1-main1 .item2,.section1 .wrap .content-box .section1-main1 .item3,.section1 .wrap .content-box .section1-main1 .item4,.section1 .wrap .content-box .section1-main1 .item5{margin-top:25px}.section1 .wrap .content-box .section1-main1 .item2{padding-left:14px}.section1 .wrap .content-box .section1-main1 .item2 span{margin-right:32px}.section1 .wrap .content-box .section1-main2{width:990px;margin:0 auto;box-sizing:border-box}.section1 .wrap .content-box .section1-main2 .swiper-container{width:990px;height:321px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide{height:236px;box-sizing:border-box;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;position:relative}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-left .tit{width:220px;height:36px;margin:0 auto;background-image:linear-gradient(180deg,#da732f 0,#e56837 100%);border-radius:4px;line-height:36px;text-align:center;font-family:PingFangSC-Medium;font-size:16px;color:#fff;letter-spacing:0;font-weight:500;position:relative}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-left .tit::before{position:absolute;top:16px;left:20px;content:" ";width:29px;height:4px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/swiper-iconl.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-left .tit::after{position:absolute;top:16px;left:171px;content:" ";width:29px;height:4px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/swiper-iconr.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-left .gif{width:442px;height:157px;margin-top:35px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-left .gif .box{width:385px;height:34px;margin-left:36px;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 .swiper-container .swiper-wrapper .swiper-slide .gif-left .gif .box .item{margin-top:38px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-left .gif .box .item .con{font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;letter-spacing:0;text-align:center;line-height:21px;font-weight:400}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-left .gif .box .item .footer{font-family:PingFangSC-Semibold;font-size:14px;color:#fff;letter-spacing:0;text-align:center;font-weight:600;margin-top:30px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-left .gif .box .item2{margin-left:11px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-left .gif .box .item2 .footer{margin-top:46px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-left .gif .box .item3{margin-top:17px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-left .gif .box .item3 .footer{margin-top:40px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-right{width:432px;height:236px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-right .gif1-right-row{position:relative}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-right .gif1-right-row .item{position:absolute}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-right .gif1-right-row .c8f{font-family:PingFangSC-Semibold;font-size:14px;color:#02c38f;letter-spacing:0;text-align:center;font-weight:600}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif-right .gif1-right-row .cff{font-family:PingFangSC-Semibold;font-size:12px;color:#fff;letter-spacing:0;text-align:center;font-weight:600}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif1-left{width:442px;height:236px;margin:0 auto}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif1-left .gif1{background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/swiper1-left.png);background-size:cover;background-position:center;background-size:contain;background-repeat:no-repeat;background-position:center center}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif1-right{background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/swiper1-right.png);background-size:cover;background-position:center;background-size:contain;background-repeat:no-repeat;background-position:center center}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif1-right .gif1-right-row1{top:5px;left:174px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif1-right .gif1-right-row1 .item2{left:130px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif1-right .gif1-right-row2{top:63px;left:30px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif1-right .gif1-right-row2 .item .ti{text-indent:-8px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif1-right .gif1-right-row2 .item3{left:157px;top:10px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif1-right .gif1-right-row2 .item4{left:277px;top:12px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif1-right .gif1-right-row3{top:142px;left:100px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif1-right .gif1-right-row3 .item5{left:86px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif1-right .gif1-right-row3 .item6{left:231px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif1-right .gif1-right-row4{top:209px;left:38px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif1-right .gif1-right-row4 .item7{left:137px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif1-right .gif1-right-row4 .item8{left:267px;top:2px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-left .tit{margin-left:185px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-left .gif2{width:592px;height:177px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/swiper2-left.png);background-size:cover;background-position:center;background-size:contain;background-repeat:no-repeat;background-position:center center}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-left .gif2 .box{width:571px;margin-left:0;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 .swiper-container .swiper-wrapper .swiper-slide .gif2-left .gif2 .box .item1{margin-left:14px;margin-top:58px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-left .gif2 .box .item2{margin-left:-2px;margin-top:43px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-left .gif2 .box .item2 .footer{margin-top:39px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-left .gif2 .box .item3{margin-left:-7px;width:122px;margin-top:22px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-left .gif2 .box .item3 .footer{margin-top:34px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-left .gif2 .box .item4{margin-top:11px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-left .gif2 .box .item4 .footer{margin-top:39px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-right{width:348px;height:236px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/swiper2-right.png);background-size:cover;background-position:center;background-size:contain;background-repeat:no-repeat;background-position:center center}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-right .gif2-right-row{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 .swiper-container .swiper-wrapper .swiper-slide .gif2-right .gif2-right-row .c8f{font-family:PingFangSC-Semibold;font-size:14px;color:#02c38f;letter-spacing:0;text-align:center;font-weight:600}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-right .gif2-right-row .cff{font-family:PingFangSC-Semibold;font-size:12px;color:#fff;letter-spacing:0;text-align:center;font-weight:600}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-right .gif2-right-row1{margin-top:6px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-right .gif2-right-row1,.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-right .gif2-right-row2,.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-right .gif2-right-row3{width:146px;margin-left:187px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-right .gif2-right-row2,.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-right .gif2-right-row3,.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-right .gif2-right-row4{margin-top:47px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-right .gif2-right-row4{width:300px;margin-left:33px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif2-right .gif2-right-row4 .item2{margin-left:38px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-left{position:absolute;left:45px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-left .gif3{width:592px;height:197px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/swiper3-left.png);background-size:cover;background-position:center;background-size:contain;background-repeat:no-repeat;background-position:center center}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-left .gif3 .box{width:570px;margin-left:0;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 .swiper-container .swiper-wrapper .swiper-slide .gif3-left .gif3 .box .item1{margin-top:78px;margin-left:14px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-left .gif3 .box .item1 .footer{margin-top:50px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-left .gif3 .box .item2{margin-top:30px;margin-left:10px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-left .gif3 .box .item2 .footer{margin-top:29px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-left .gif3 .box .item3{margin-top:17px;margin-left:-9px;width:148px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-left .gif3 .box .item3 .footer{margin-top:39px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-left .gif3 .box .item4{margin-top:11px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-left .gif3 .box .item4 .footer{margin-top:77px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-right{position:absolute;top:31px;right:53px;width:192px;height:236px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/swiper3-right.png);background-size:cover;background-position:center;background-size:contain;background-repeat:no-repeat;background-position:center center}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-right .gif3-right-row{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;width:145px;margin-left:31px;margin-top:6px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-right .gif3-right-row .cf8{font-family:PingFangSC-Semibold;font-size:14px;color:#02c38f;letter-spacing:0;text-align:center;font-weight:600}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-right .gif3-right-row .cff{font-family:PingFangSC-Semibold;font-size:12px;color:#fff;letter-spacing:0;text-align:center;font-weight:600}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-right .gif3-right-row2,.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-right .gif3-right-row3,.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-right .gif3-right-row4{margin-top:47px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif3-right .gif3-right-row4{margin-left:18px;width:155px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif4-left{position:absolute;left:112px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif4-left .gif4{background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/swiper4-left.png);background-size:cover;background-position:center;background-size:contain;background-repeat:no-repeat;background-position:center center}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif4-left .gif4 .box{width:398px;margin-left:22px;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 .swiper-container .swiper-wrapper .swiper-slide .gif4-left .gif4 .box .item1 .footer{margin-top:51px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif4-left .gif4 .box .item2{margin-left:0;margin-top:23px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif4-left .gif4 .box .item2 .footer{margin-top:40px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif4-left .gif4 .box .item3 .footer{margin-top:61px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif4-right{position:absolute;right:-17px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/swiper4-right.png);background-size:cover;background-position:center;background-size:contain;background-repeat:no-repeat;background-position:center center}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif4-right .gif4-right-row{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;width:145px;margin-left:149px;margin-top:6px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif4-right .gif4-right-row .cf8{font-family:PingFangSC-Semibold;font-size:14px;color:#02c38f;letter-spacing:0;text-align:center;font-weight:600}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif4-right .gif4-right-row .cff{font-family:PingFangSC-Semibold;font-size:12px;color:#fff;letter-spacing:0;text-align:center;font-weight:600}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif4-right .gif4-right-row2,.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif4-right .gif4-right-row3,.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif4-right .gif4-right-row4{margin-top:47px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif4-right .gif4-right-row4{margin-left:138px;width:155px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-left .gif5{background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/swiper5-left.png);background-size:cover;background-position:center;background-size:contain;background-repeat:no-repeat;background-position:center center}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-left .gif5 .box{width:398px;margin-left:22px;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 .swiper-container .swiper-wrapper .swiper-slide .gif5-left .gif5 .box .item1 .footer{margin-top:31px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-left .gif5 .box .item2{margin-left:0;margin-top:23px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-left .gif5 .box .item2 .footer{margin-top:40px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-left .gif5 .box .item3 .footer{margin-top:42px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-right{width:504px;height:168px;margin-top:55px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/swiper5-right.png);background-size:cover;background-position:center;background-size:contain;background-repeat:no-repeat;background-position:center center}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-right .gif5-right-row{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-top:6px;width:300px;margin-left:33px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-right .gif5-right-row .cf8{font-family:PingFangSC-Semibold;font-size:14px;color:#02c38f;letter-spacing:0;text-align:center;font-weight:600}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-right .gif5-right-row .cff{font-family:PingFangSC-Semibold;font-size:12px;color:#fff;letter-spacing:0;text-align:center;font-weight:600}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-right .gif5-right-row1 .item2{margin-left:39px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-right .gif5-right-row2{margin-left:100px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-right .gif5-right-row2 .item5{margin-left:-38px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-right .gif5-right-row3{margin-left:188px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-right .gif5-right-row3 .item8{margin-left:38px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-right .gif5-right-row2,.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .gif5-right .gif5-right-row3{margin-top:47px}.section1 .wrap .content-box .section1-main2 .swiper-container .swiper-wrapper .swiper-slide .footer{font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;letter-spacing:0;text-align:center}.section1 .wrap .content-box .section1-main2 .swiper-button-next,.section1 .wrap .content-box .section1-main2 .swiper-button-prev{width:16px;height:22px;cursor:pointer;position:absolute;top:869px;text-align:center;z-index:1!important;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/imv2-arrow2_l.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .swiper-button-prev{left:22px}.section1 .wrap .content-box .section1-main2 .swiper-button-next{right:35px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/imv2-arrow2_r.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .swiper-pagination{bottom:1px;left:15px}.section1 .wrap .content-box .section1-main2 .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background:rgba(2,195,143,.5);border-radius:4px}.section1 .wrap .content-box .section1-main2 .swiper-pagination .swiper-pagination-bullet:nth-child(2){margin:0 3px}.section1 .wrap .content-box .section1-main2 .swiper-pagination .swiper-pagination-bullet-active{width:24px;height:8px;background:#02c38f;border-radius:4px}.section1 .wrap .content-box .section1-main3{width:586px;height:172px;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;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/section1-main-item2.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main3 .item{width:200px}.section1 .wrap .content-box .section1-main3 .item .tit{font-family:PingFangSC-Semibold;font-size:18px;color:#fff;letter-spacing:0;font-weight:600;margin-top:17px;margin-left:25px}.section1 .wrap .content-box .section1-main3 .item .con{font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;letter-spacing:0;font-weight:400;margin-top:32px;margin-left:41px}.section1 .wrap .content-box .section1-main3 .item2 .tit{margin-top:6px;margin-left:-16px}.section1 .wrap .content-box .section1-main3 .item2 .con{margin-left:-6px;margin-top:38px}.section2{width:100%;height:746px;position:relative}.section2 .wrap{height:100%}.section2 .wrap .content-box{position:relative;margin:0 auto;width:1180px;box-sizing:border-box;text-align:center;height:735px}.section2 .wrap .content-box .section2-icon{position:absolute;left:481px;top:-11px;width:197px;height:48px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/section-icon.png);background-size:cover;background-position:center;font-family:PingFangSC-Medium;font-size:24px;color:#fff;letter-spacing:1.14px;text-align:center;font-weight:500;line-height:40px}.section2 .wrap .content-box .section2-main{width:1152px;height:676px;padding-top:70px;margin:0 auto;background:#fff;box-shadow:0 0 12px 0 rgba(0,0,0,.1);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;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:31px;margin-bottom:30px}.section2 .wrap .content-box .section2-main .section2-main-icon{width:204px;height:204px;float:left;margin-right:26px;background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/section2-main-icon1.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-main-icon2{background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/section2-main-icon2.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-main-icon3{background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/section2-main-icon3.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main .section2-main-icon4{background-image:url(/https/coding.imooc.com/static/module/class/content/img/558/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}@media only screen and (min-width:768px) and (max-width:1024px){.wrap{transform:scale(.9)}}