.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(/static/module/class/content/img/687/h1-icon-l.png);background-size:cover;background-position:center;vertical-align:top}.after-icon{background-image:url(/static/module/class/content/img/687/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(/static/module/class/content/img/687/h4-icon-l.png);background-size:cover;background-position:center;vertical-align:middle;line-height:4px}.after-icon-h4{background-image:url(/static/module/class/content/img/687/h4-icon-r.png);background-size:cover;background-position:center}.title-h4{display:inline-block;margin:0 13px}.section0{width:100%;background:#f8fafc;margin:0 auto}.section0 .wrap{height:100%}.section0 .wrap .content-box{padding:64px 0 72px;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;text-align:center;line-height:48px;font-weight:600;margin-bottom:50px}.section0 .wrap .content-box .section0-main1{width:1010px;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-main1 .item{width:302px;height:146px;box-sizing:border-box;padding-top:10px;background-image:url(/static/module/class/content/img/687/section0-main-item1.png);background-size:cover;background-position:center;background-size:100% 100%}.section0 .wrap .content-box .section0-main1 .item .tit{font-family:PingFangSC-Semibold;font-size:16px;color:#fff;letter-spacing:0;text-align:center;line-height:26px;font-weight:600}.section0 .wrap .content-box .section0-main1 .item .con{font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;letter-spacing:0;line-height:22px;font-weight:400;text-align:left;margin-top:34px;margin-left:66px}.section0 .wrap .content-box .section0-main1 .item .con .dot{position:relative}.section0 .wrap .content-box .section0-main1 .item .con .dot::before{position:absolute;top:-18px;left:-19px;content:".";color:#ffba12;font-size:49px}.section0 .wrap .content-box .section0-main1 .item .con .dot:not(:first-child){margin-top:10px}.section0 .wrap .content-box .section0-main2{width:1114px;height:680px;background:#e9f3fd;border-radius:16px;box-sizing:border-box;padding-top:32px;margin:36px auto 0}.section0 .wrap .content-box .section0-main2 .tit{font-family:PingFangSC-Semibold;font-size:20px;color:#1c1f21;letter-spacing:0;line-height:30px;font-weight:600;text-align:center;margin-bottom:30px}.section0 .wrap .content-box .section0-main2 .box{width:1034px;margin:0 auto}.section0 .wrap .content-box .section0-main2 .box .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}.section0 .wrap .content-box .section0-main2 .box .row:not(:first-child){margin-top:16px}.section0 .wrap .content-box .section0-main2 .box .row .item{width:496px;height:172px;background-image:url(/static/module/class/content/img/687/section0-main-item2.png);background-size:cover;background-position:center;box-sizing:border-box;padding-top:6px}.section0 .wrap .content-box .section0-main2 .box .row .item .title{font-family:PingFangSC-Semibold;font-size:16px;color:#fff;letter-spacing:0;text-align:left;line-height:26px;font-weight:600;margin-left:24px}.section0 .wrap .content-box .section0-main2 .box .row .item .sub-tit{font-family:PingFangSC-Semibold;font-size:14px;color:#1c1f21;letter-spacing:0;line-height:22px;font-weight:600;text-align:left;margin-top:28px;margin-bottom:14px;margin-left:43px}.section0 .wrap .content-box .section0-main2 .box .row .item .con{font-family:PingFangSC-Regular;font-size:14px;color:#545c63;letter-spacing:0;line-height:22px;font-weight:400;margin-left:61px;text-align:left}.section0 .wrap .content-box .section0-main2 .box .row .item .con .dott{position:relative}.section0 .wrap .content-box .section0-main2 .box .row .item .con .dott::before{position:absolute;top:-18px;left:-19px;content:".";color:#ffba12;font-size:49px}.section0 .wrap .content-box .section0-main2 .box .row .item .con .dott:not(:first-child){margin-top:8px}.section0 .wrap .content-box .section0-main2 .box .row .item .con .con-box{width:316px;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-main2 .box .row .item .con .con-box .dott{margin-top:0}.section1{width:100%;position:relative;margin:0 auto;background:#fff}.section1 .wrap{height:100%}.section1 .wrap .content-box{position:relative;width:100%;padding:64px 0 72px;box-sizing:border-box}.section1 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-bottom:68px}.section1 .wrap .content-box .section1-main1{width:1150px;height:410px;background:#f8fafc;border-radius:16px;margin:0 auto;box-sizing:border-box;padding-top:56px;position:relative}.section1 .wrap .content-box .section1-main1::before{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:502px;height:44px;content:"覆盖前端多数业务场景, 通用性强，应用领域范围广";font-family:PingFangSC-Semibold;font-size:16px;color:#fff;letter-spacing:0;text-align:center;line-height:44px;font-weight:600;background-image:url(/static/module/class/content/img/687/section1-main-item1.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main1 .box{width:1097px;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:0 auto}.section1 .wrap .content-box .section1-main1 .box .left{width:327px;margin-top:18px}.section1 .wrap .content-box .section1-main1 .box .left .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-main1 .box .left .row .item{font-family:PingFangSC-Medium;font-size:14px;color:#1c1f21;letter-spacing:0;text-align:center;line-height:24px;font-weight:600}.section1 .wrap .content-box .section1-main1 .box .left .row2{width:267px;margin-left:35px}.section1 .wrap .content-box .section1-main1 .box .left .row3{width:297px;margin-left:25px}.section1 .wrap .content-box .section1-main1 .box .left .row4{width:280px;margin-left:28px}.section1 .wrap .content-box .section1-main1 .box .left .row5{width:308px;margin-left:29px}.section1 .wrap .content-box .section1-main1 .box .left .row6{width:308px;margin-left:36px}.section1 .wrap .content-box .section1-main1 .box .left .row-arr{width:208px;margin-left:64px;margin-top:8px;margin-bottom:8px;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-main1 .box .left .row-arr .arrow{width:13px;height:13px;background-image:url(/static/module/class/content/img/687/section1-arrow.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main1 .box .right{width:714px;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-main1 .box .right .item .tit{font-family:PingFangSC-Semibold;font-size:16px;color:#1c1f21;letter-spacing:0;text-align:center;line-height:24px;font-weight:600}.section1 .wrap .content-box .section1-main1 .box .right .item .img{height:204px;margin:16px auto 18px}.section1 .wrap .content-box .section1-main1 .box .right .item .sub-tit{font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;letter-spacing:0;text-align:center;line-height:22px;font-weight:400}.section1 .wrap .content-box .section1-main1 .box .right .item a{font-family:PingFangSC-Regular;font-size:14px;color:#3d9bf0;letter-spacing:0;text-align:center;line-height:22px;font-weight:400;display:block;white-space:nowrap}.section1 .wrap .content-box .section1-main1 .box .right .item1{width:290px}.section1 .wrap .content-box .section1-main1 .box .right .item1 .img{width:242px;background-image:url(/static/module/class/content/img/687/section1-main-item2.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main1 .box .right .item2{width:406px}.section1 .wrap .content-box .section1-main1 .box .right .item2 .img{width:406px;background-image:url(/static/module/class/content/img/687/section1-main-item3.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2{width:1150px;height:410px;background:#f8fafc;border-radius:16px;margin:44px auto 0;box-sizing:border-box;padding-top:70px;position:relative}.section1 .wrap .content-box .section1-main2::before{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:502px;height:44px;content:"每天一节，编程书籍、全面解读，快速获取书中核心知识";font-family:PingFangSC-Semibold;font-size:16px;color:#fff;letter-spacing:0;text-align:center;line-height:44px;font-weight:600;background-image:url(/static/module/class/content/img/687/section1-main-item1.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .box{width:1091px;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:0 auto}.section1 .wrap .content-box .section1-main2 .box .left{width:381px}.section1 .wrap .content-box .section1-main2 .box .left .item{width:100%;height:90px;background:#fff;border:4px solid #e0effd;border-radius:6px;box-sizing:border-box;padding-top:12px;padding-left:20px;position:relative}.section1 .wrap .content-box .section1-main2 .box .left .item:not(:first-child){margin-top:16px}.section1 .wrap .content-box .section1-main2 .box .left .item .tit{font-family:PingFangSC-Semibold;font-size:16px;color:#3d9bf0;text-align:left;line-height:24px;font-weight:600;margin-bottom:5px}.section1 .wrap .content-box .section1-main2 .box .left .item .con{font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;line-height:22px;font-weight:400}.section1 .wrap .content-box .section1-main2 .box .left .item .icon{position:absolute;width:26px;height:30px;top:6px;right:6px}.section1 .wrap .content-box .section1-main2 .box .left .item .icon1{background-image:url(/static/module/class/content/img/687/section1-main-item4.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .box .left .item .icon2{background-image:url(/static/module/class/content/img/687/section1-main-item5.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .box .left .item .icon3{background-image:url(/static/module/class/content/img/687/section1-main-item6.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .box .left .item2{height:104px}.section1 .wrap .content-box .section1-main2 .box .right{width:677px;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:52px}.section1 .wrap .content-box .section1-main2 .box .right .item{width:148px;height:202px}.section1 .wrap .content-box .section1-main2 .box .right .item1{background-image:url(/static/module/class/content/img/687/section1-main-item7.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .box .right .item2{background-image:url(/static/module/class/content/img/687/section1-main-item8.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .box .right .item3{background-image:url(/static/module/class/content/img/687/section1-main-item9.png);background-size:cover;background-position:center}.section1 .wrap .content-box .section1-main2 .box .right .item4{background-image:url(/static/module/class/content/img/687/section1-main-item10.png);background-size:cover;background-position:center}.section2{width:100%;background:#f8fafc}.section2 .wrap{height:100%}.section2 .wrap .content-box{width:100%;box-sizing:border-box;padding:64px 0 72px}.section2 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-bottom:50px}.section2 .wrap .content-box .section2-main1{width:1152px;height:718px;margin:0 auto;box-sizing:border-box;padding-top:32px;position:relative;background:#fff;border-radius:8px}.section2 .wrap .content-box .section2-main1 .tit{font-family:PingFangSC-Medium;font-size:20px;color:#1c1f21;letter-spacing:0;text-align:center;font-weight:600;margin-bottom:32px}.section2 .wrap .content-box .section2-main1 .box{width:1097px;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}.section2 .wrap .content-box .section2-main1 .box .item{width:532px;height:594px;background-image:url(/static/module/class/content/img/687/section2-main-item1.png);background-size:cover;background-position:center;box-sizing:border-box;padding-top:20px;position:relative}.section2 .wrap .content-box .section2-main1 .box .item .title{font-family:PingFangSC-Semibold;font-size:18px;color:#7450f2;letter-spacing:0;text-align:center;line-height:28px;font-weight:600;margin-bottom:16px}.section2 .wrap .content-box .section2-main1 .box .item .img{position:absolute;bottom:30px;right:30px;width:236px;height:312px;background-image:url(/static/module/class/content/img/687/section2-main-item4.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main1 .box .item .img2{position:absolute;bottom:42px;left:36px;width:282px;height:304px;background-image:url(/static/module/class/content/img/687/section2-main-item2.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main1 .box .item .img3{position:absolute;bottom:42px;right:36px;width:149px;height:378px;background-image:url(/static/module/class/content/img/687/section2-main-item3.png);background-size:cover;background-position:center}.section2 .wrap .content-box .section2-main1 .box .item .con{font-family:PingFangSC-Regular;font-size:14px;color:#545c63;letter-spacing:0;line-height:30px;font-weight:400;margin-left:61px;margin-top:10px}.section2 .wrap .content-box .section2-main1 .box .item .con span{font-family:PingFangSC-Regular;font-size:14px;color:#efaa03;text-align:center;line-height:22px;font-weight:400}.section2 .wrap .content-box .section2-main1 .box .item .dot{font-family:PingFangSC-Regular;font-size:16px;color:#1c1f21;letter-spacing:0;line-height:24px;font-weight:400;position:relative;margin-left:41px}.section2 .wrap .content-box .section2-main1 .box .item .dot::before{position:absolute;top:-18px;left:-19px;content:".";color:#ffba12;font-size:49px}.section2 .wrap .content-box .section2-main1 .box .item .dot:not(:first-child){margin-top:12px}.section3{width:100%;background:#fff}.section3 .wrap{height:100%}.section3 .wrap .content-box{width:100%;box-sizing:border-box;padding:64px 0 72px}.section3 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-bottom:48px}.section3 .wrap .content-box .section3-main1{width:1152px;height:464px;background:#f8fafc;border-radius:8px;margin:0 auto;box-sizing:border-box;padding-top:32px}.section3 .wrap .content-box .section3-main1 .tit{font-family:PingFangSC-Medium;font-size:20px;color:#1c1f21;letter-spacing:0;text-align:center;font-weight:600;margin-bottom:40px}.section3 .wrap .content-box .section3-main1 .box{width:954px;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;position:relative}.section3 .wrap .content-box .section3-main1 .box .left{width:409px}.section3 .wrap .content-box .section3-main1 .box .left .con{font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;letter-spacing:0;line-height:24px;font-weight:400;margin-bottom:30px;width:100%}.section3 .wrap .content-box .section3-main1 .box .left .row{width:302px;height:54px;box-sizing:border-box;padding-top:13px}.section3 .wrap .content-box .section3-main1 .box .left .row .row-box{width:250px;margin-left:20px;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}.section3 .wrap .content-box .section3-main1 .box .left .row .row-box .row-item1{font-family:PingFangSC-Semibold;font-size:18px;color:#fff;letter-spacing:0;line-height:28px;font-weight:600}.section3 .wrap .content-box .section3-main1 .box .left .row .row-box .row-item2{font-family:PingFangSC-Medium;font-size:14px;color:#3d9bf0;letter-spacing:0;line-height:22px;font-weight:500;margin-top:5px}.section3 .wrap .content-box .section3-main1 .box .left .row1{background-image:url(/static/module/class/content/img/687/section3-main-item1.png);background-size:cover;background-position:center}.section3 .wrap .content-box .section3-main1 .box .left .row2{margin-top:20px;background-image:url(/static/module/class/content/img/687/section3-main-item2.png);background-size:cover;background-position:center}.section3 .wrap .content-box .section3-main1 .box .left .row2 .row-box{width:265px}.section3 .wrap .content-box .section3-main1 .box .left .row2 .row-box .row-item2{color:#e59500}.section3 .wrap .content-box .section3-main1 .box .left .row3{margin-top:20px;background-image:url(/static/module/class/content/img/687/section3-main-item3.png);background-size:cover;background-position:center}.section3 .wrap .content-box .section3-main1 .box .left .row3 .row-item2{color:#7450f2}.section3 .wrap .content-box .section3-main1 .box .right{width:440px;height:296px;background-image:url(/static/module/class/content/img/687/section3-main-item4.png);background-size:cover;background-position:center}.section3 .wrap .content-box .section3-main1 .box .ewm{position:absolute;bottom:36px;left:415px;width:136px;height:162px;background:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);border-radius:4px;box-sizing:border-box;padding-top:17px}.section3 .wrap .content-box .section3-main1 .box .ewm .img{width:96px;height:96px;background-image:url(/static/module/class/content/img/687/ewm.jpg);background-size:cover;background-position:center;margin:0 auto}.section3 .wrap .content-box .section3-main1 .box .ewm .con{font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;letter-spacing:0;line-height:22px;font-weight:400;margin-top:10px;text-align:center}.section4{width:100%;background:#f8fafc}.section4 .wrap{height:100%}.section4 .wrap .content-box{width:100%;box-sizing:border-box;padding:64px 0 72px}.section4 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-bottom:46px}.section4 .wrap .content-box .section4-main1{width:900px;height:364px;background:#fff;border:4px dotted #d9d0fb;border-radius:8px;box-sizing:border-box;padding-top:26px;margin:0 auto}.section4 .wrap .content-box .section4-main1 .tit{font-family:PingFangSC-Semibold;font-size:18px;color:#1c1f21;letter-spacing:0;text-align:center;line-height:28px;font-weight:600;margin-bottom:32px}.section4 .wrap .content-box .section4-main1 .box{width:724px;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 .wrap .content-box .section4-main1 .box .left{width:372px;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 .wrap .content-box .section4-main1 .box .left .item{width:172px;height:194px;background-image:url(/static/module/class/content/img/687/section4-main-item1.png);background-size:cover;background-position:center;box-sizing:border-box;padding-top:6px}.section4 .wrap .content-box .section4-main1 .box .left .item .title{font-family:PingFangSC-Semibold;font-size:14px;color:#fff;line-height:24px;font-weight:600;text-align:center;margin-bottom:28px}.section4 .wrap .content-box .section4-main1 .box .left .item .dot{position:relative;font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;letter-spacing:0;line-height:22px;font-weight:400;margin-left:39px}.section4 .wrap .content-box .section4-main1 .box .left .item .dot::before{position:absolute;top:-18px;left:-19px;content:".";color:#ffba12;font-size:49px}.section4 .wrap .content-box .section4-main1 .box .left .item .dot:not(:first-child){margin-top:8px}.section4 .wrap .content-box .section4-main1 .box .left .item .ml65{margin-left:65px}.section4 .wrap .content-box .section4-main1 .box .right{width:256px;height:176px;background-image:url(/static/module/class/content/img/687/section4-main-item2.png);background-size:cover;background-position:center}.section4 .wrap .content-box .section4-main1 .footer{font-family:PingFangSC-Regular;font-size:14px;color:#545c63;line-height:24px;font-weight:400;text-align:center;margin-top:28px}.section5{width:100%;background:#fff}.section5 .wrap{height:100%}.section5 .wrap .content-box{width:100%;box-sizing:border-box;padding:64px 0 72px}.section5 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-bottom:48px}.section5 .wrap .content-box .section5-main{width:818px;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}.section5 .wrap .content-box .section5-main .item{width:222px;height:194px;box-sizing:border-box;padding-top:7px;margin-top:46px}.section5 .wrap .content-box .section5-main .item .tit{font-family:PingFangSC-Semibold;font-size:14px;color:#fff;line-height:24px;font-weight:600;text-align:left;margin-left:27px;margin-bottom:27px}.section5 .wrap .content-box .section5-main .item .dot{font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;letter-spacing:0;line-height:22px;font-weight:400;position:relative;margin-left:41px}.section5 .wrap .content-box .section5-main .item .dot::before{position:absolute;top:-18px;left:-19px;content:".";color:#ffba12;font-size:49px}.section5 .wrap .content-box .section5-main .item .dot:not(:first-child){margin-top:8px}.section5 .wrap .content-box .section5-main .item1{background-image:url(/static/module/class/content/img/687/section5-main-item1.png);background-size:cover;background-position:center}.section5 .wrap .content-box .section5-main .item2{width:521px}.section5 .wrap .content-box .section5-main .item2 .tit{font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;letter-spacing:0;font-weight:400;margin-bottom:22px;text-align:center}.section5 .wrap .content-box .section5-main .item2 .img{width:521px;height:220px;background-image:url(/static/module/class/content/img/687/section5-main-item2.png);background-size:cover;background-position:center}.section7{width:100%;background:#f8fafc}.section7 .wrap{height:100%}.section7 .wrap .content-box{width:100%;box-sizing:border-box;padding:64px 0 72px}.section7 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1f21;letter-spacing:0;text-align:center;line-height:48px;font-weight:600;margin-bottom:48px}.section7 .wrap .content-box .section7-main{width:1088px;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}.section7 .wrap .content-box .section7-main .item{width:526px;height:122px;background-image:url(/static/module/class/content/img/687/section7-main-item1.png);background-size:cover;background-position:center;box-sizing:border-box;padding-top:14px;padding-left:67px;position:relative}.section7 .wrap .content-box .section7-main .item .que{font-family:PingFangSC-Semibold;font-size:18px;color:#7450f2;letter-spacing:0;font-weight:600}.section7 .wrap .content-box .section7-main .item .line{width:440px;margin:11.5px auto;margin-left:0;border:1px solid #d3ffef}.section7 .wrap .content-box .section7-main .item .an{font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;text-align:justify;line-height:22px;font-weight:400;margin-top:23px}.section7 .wrap .content-box .section7-main .item .an span{margin-left:28px}.section7 .wrap .content-box .section7-main .item::before{position:absolute;left:27px;top:12px;content:"";font-family:PingFangSC-Semibold;font-size:16px;color:#fff;text-align:center;font-weight:600}.section7 .wrap .content-box .section7-main:not(:first-child){margin-top:24px}.section7 .wrap .content-box .section7-main1 .item1::before{content:"01"}.section7 .wrap .content-box .section7-main1 .item2::before{content:"02"}.section7 .wrap .content-box .section7-main2 .item1::before{content:"03"}.section7 .wrap .content-box .section7-main2 .item2::before{content:"04"}.section7 .wrap .content-box .section7-main3 .item1::before{content:"05"}.section7 .wrap .content-box .section7-main3 .item2::before{content:"06"}@media only screen and (min-width:768px) and (max-width:1024px){.wrap{transform:scale(.9)}}.course-infos-t{padding-top:86px!important}.introduce-content{padding-top:0!important}