﻿.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}.section1{width:100%;position:relative;margin:0 auto;background:#f8fafc}.section1 .wrap{height:100%}.section1 .wrap .content-box{position:relative;width:100%;padding:64px 0 74px 0;box-sizing:border-box}.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}.section1 .wrap .content-box .flex-box{margin:40px auto 0;width:1152px;display:flex;justify-content:space-between}.section1 .wrap .content-box .flex-box .item{width:268px;height:168px;margin-right:28px;box-sizing:border-box;background-image:url(../image/section1_item.png);background-size:cover;background-position:center}.section1 .wrap .content-box .flex-box .item:last-child{margin-right:0}.section1 .wrap .content-box .flex-box .item h4{height:52px;line-height:62px;font-family:PingFangSC-Semibold;font-size:16px;color:#fff;text-align:center;font-weight:600}.section1 .wrap .content-box .flex-box p{padding:20px;font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;line-height:24px;font-weight:400}.section2{width:100%;background:#fff}.section2 .wrap{height:100%}.section2 .wrap .content-box{width:100%;box-sizing:border-box;padding:64px 0 44px 0}.section2 .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}.section2 .wrap .content-box .section2-main{width:1100;margin:54px auto 0}.section2 .wrap .content-box .section2-main .item{width:100%;background:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.16);border-radius:8px;position:relative;display:flex;justify-content:space-between;margin-bottom:24px}.section2 .wrap .content-box .section2-main .item .icon1{width:225px;height:46px;background-image:url(../image/section2_icon1.png);background-size:cover;background-position:center;position:absolute;top:0;left:0}.section2 .wrap .content-box .section2-main .item .icon2{width:300px;height:46px;background-image:url(../image/section2_icon2.png);background-size:cover;background-position:center;position:absolute;top:0;left:0}.section2 .wrap .content-box .section2-main .item .icon3{width:282px;height:46px;background-image:url(../image/section2_icon3.png);background-size:cover;background-position:center;position:absolute;top:0;left:0}.section2 .wrap .content-box .section2-main .item .icon4{width:264px;height:46px;background-image:url(../image/section2_icon4.png);background-size:cover;background-position:center;position:absolute;top:0;left:0}.section2 .wrap .content-box .section2-main .item .icon5{width:174px;height:46px;background-image:url(../image/section2_icon5.png);background-size:cover;background-position:center;position:absolute;top:0;left:0}.section2 .wrap .content-box .section2-main .item .left{width:932px;padding:66px 0 16px 36px;box-sizing:border-box;display:flex;flex-wrap:wrap}.section2 .wrap .content-box .section2-main .item .left.item1 span{background:#f8fafc;border:1px solid #60b049}.section2 .wrap .content-box .section2-main .item .left.item2 span{background:#f8fafc;border:1px solid #24af79}.section2 .wrap .content-box .section2-main .item .left.item3 span{background:#f8fafc;border:1px solid #05adb1}.section2 .wrap .content-box .section2-main .item .left.item4 span{background:#f8fafc;border:1px solid #10aadd}.section2 .wrap .content-box .section2-main .item .left.item5 span{background:#f8fafc;border:1px solid #478cea}.section2 .wrap .content-box .section2-main .item .left span{display:inline-block;padding:4px 8px;border-radius:4px;font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;letter-spacing:0;text-align:justify;line-height:22px;font-weight:400;margin-right:8px;margin-bottom:10px}.section2 .wrap .content-box .section2-main .item .right{width:168px;background:#f8fafc;border-radius:0 8px 8px 0}.section2 .wrap .content-box .section2-main .item .right h4{width:78px;height:32px;border-radius:4px;line-height:32px;font-size:14px;color:#fff;letter-spacing:0;text-align:center;font-weight:600;margin:24px auto 0}.section2 .wrap .content-box .section2-main .item .right p{margin-top:16px;font-family:PingFangSC-Regular;font-size:14px;letter-spacing:0;text-align:center;line-height:22px;font-weight:400}.section2 .wrap .content-box .section2-main .item .right.item1 h4{background:#34a853}.section2 .wrap .content-box .section2-main .item .right.item1 p{color:#219941}.section2 .wrap .content-box .section2-main .item .right.item2 h4{background:#24af79}.section2 .wrap .content-box .section2-main .item .right.item2 p{color:#24af79}.section2 .wrap .content-box .section2-main .item .right.item3 h4{background:#05adb1;margin:16px auto 0!important}.section2 .wrap .content-box .section2-main .item .right.item3 p{color:#0ea5a7}.section2 .wrap .content-box .section2-main .item .right.item4 h4{background:#10aadd}.section2 .wrap .content-box .section2-main .item .right.item4 p{color:#10aadd}.section2 .wrap .content-box .section2-main .item .right.item5 h4{background:#478cea}.section2 .wrap .content-box .section2-main .item .right.item5 p{color:#478cea}.section3{width:100%;background:#f8fafc}.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;letter-spacing:0;text-align:center;line-height:48px;font-weight:600;margin-bottom:4px}.section3 .wrap .content-box h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;font-weight:400}.section3 .wrap .content-box .section3-main{width:982px;height:472px;margin:50px auto 0;background-image:url(../image/section3_main12.png);background-size:cover;background-position:center}.section4{width:100%;background:#fff}.section4 .wrap{height:100%}.section4 .wrap .content-box{width:100%;box-sizing:border-box;padding:64px 0 48px}.section4 .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}.section4 .wrap .content-box .section4-main{width:1000px;margin:48px auto 0}.section4 .wrap .content-box .section4-main .item{width:inherit;padding:17px 20px;background:#f8fafc;border-radius:8px;box-sizing:border-box;overflow:hidden;margin-bottom:16px;height:114px;align-items:center;display:flex}.section4 .wrap .content-box .section4-main .item.item1{height:90px}.section4 .wrap .content-box .section4-main .item .left{width:132px;padding:16px 0;box-sizing:border-box;background:#07a06d;border-radius:6px;font-family:PingFangSC-Semibold;font-size:16px;text-align:center;color:#fff;letter-spacing:0;line-height:24px;font-weight:600;margin-right:18px}.section4 .wrap .content-box .section4-main .item .left.itemtxt{text-align:left;padding-left:18px}.section4 .wrap .content-box .section4-main .item .right{width:810px;display:flex;flex-wrap:wrap}.section4 .wrap .content-box .section4-main .item .right.mbottom span{margin-top:6px}.section4 .wrap .content-box .section4-main .item .right span{display:inline-block;background:#fff;border:1px solid #9fc1ff;border-radius:4px;padding:2px 6px;box-sizing:border-box;font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;letter-spacing:0;line-height:24px;font-weight:400;margin-right:8px}.section4 .wrap .content-box .section4-main .item .right span:last-child{margin-right:0}.section5{width:100%;background:#f8fafc}.section5 .wrap{height:100%}.section5 .wrap .content-box{width:100%;box-sizing:border-box;padding:72px 0}.section5 .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}.section5 .wrap .content-box .section5-flex{margin:48px auto 0;width:930px;height:244px;background:#fff;box-shadow:0 0 12px 0 rgba(28,31,33,.1);border-radius:12px;display:flex;padding:29px 0 47px 0;box-sizing:border-box;justify-content:space-evenly;align-items:center}.section5 .wrap .content-box .section5-flex .item1{width:220px;text-align:center}.section5 .wrap .content-box .section5-flex .item2{width:274px;text-align:center}.section5 .wrap .content-box .section5-flex .img{width:92px;height:92px;margin:0 auto 6px auto}.section5 .wrap .content-box .section5-flex .img.img1{background-image:url(https://coding.imooc.com/static/module/class/content/img/905/section5_1.png);background-size:cover;background-position:center}.section5 .wrap .content-box .section5-flex .img.img2{background-image:url(https://coding.imooc.com/static/module/class/content/img/905/section5_2.png);background-size:cover;background-position:center}.section5 .wrap .content-box .section5-flex .img.img3{background-image:url(https://coding.imooc.com/static/module/class/content/img/905/section5_3.png);background-size:cover;background-position:center}.section5 .wrap .content-box .section5-flex .con{display:flex;align-items:center;justify-content:space-around;height:70px;background:rgba(24,95,215,.06);border:1px solid rgba(0,104,233,.6);border-radius:2px;font-family:PingFangSC-Regular;font-size:14px;color:rgba(28,31,33,.7);text-align:center;line-height:24px;font-weight:600}.section6{width:100%;position:relative;background:#fff}.section6 .wrap{height:100%}.section6 .wrap .content-box{position:relative;margin:0 auto;width:1152px;box-sizing:border-box;text-align:center;height:706px}.section6 .wrap .content-box .section2-main{background:#fff;margin:0 auto}.section6 .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}.section6 .wrap .content-box .section2-main h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;font-weight:400;position:relative}.section6 .wrap .content-box .section2-main .section2-main-top{height:204px;margin-top:41px}.section6 .wrap .content-box .section2-main .section2-main-icon1{width:204px;height:204px;float:left;margin-right:26px;margin-left:60px;background-image:url(../image/section6_11.png);background-size:cover;background-position:center}.section6 .wrap .content-box .section2-main .section2-main-icon2{width:204px;height:204px;float:left;margin-right:26px;margin-left:60px;background-image:url(../image/section6_21.png);background-size:cover;background-position:center}.section6 .wrap .content-box .section2-main .section2-main-icon3{width:204px;height:204px;float:left;margin-right:26px;margin-left:60px;background-image:url(../image/section6_31.png);background-size:cover;background-position:center}.section6 .wrap .content-box .section2-main .section2-main-icon4{width:204px;height:204px;float:left;margin-right:26px;margin-left:60px;background-image:url(../image/section6_41.png);background-size:cover;background-position:center}.section6 .wrap .content-box .section2-main .section2-main-contBox{width:252px;height:100px;float:left;margin-top:24px}.section6 .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}.section6 .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}.section6 .wrap .content-box .section2-main .section2-main-contBox .content a{color:#2996d6}.section6 .wrap .content-box .section2-main .section2-main-contBox .content a:hover{color:red}.section6 .wrap .content-box .section2-main .section2-main-contBox2{margin-right:0}.class-outline .wrap .content-box .class-outline-main .title-number{color:#07a06d}@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}