body{font-family:PingFangSC-Regular}.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:40px}.colorchange{color:#c80}.box-black{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,.6);display:none;z-index:3}.box-black .big-img{width:944px;height:548px;position:absolute;top:50%;left:50%;margin-left:-472px;margin-top:-274px}.box-black .close-btn{width:49px;height:49px;border-radius:50%;background-image:url(/static/module/class/content/img/533/close-btn.png);background-size:cover;position:absolute;left:50%;top:90%;margin-left:-24px}.section0{width:100%;height:503px;position:relative;background-color:#fff;margin:0 auto;margin-bottom:71px}.section0 .wrap{height:100%}.section0 .wrap .content-box{position:absolute;margin:0 auto;width:1157px;height:503px;box-sizing:border-box;text-align:center;background:#fff;border:2px solid #dfdcfc;border-radius:10px}.section0 .wrap .content-box .course-objectives{position:absolute;left:398px;top:-27px;width:352px;height:52px;background-image:url(/static/module/class/content/img/533/section-icon.png);background-size:cover;font-family:PingFangSC-Semibold;font-size:20px;color:#fff;text-align:center;font-weight:600;line-height:52px}.section0 .wrap .content-box h1{font-family:PingFangSC-Semibold;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:600;margin-top:57px}.section0 .wrap .content-box h4{font-family:PingFangSC-Regular;font-size:18px;color:#1c1f21;text-align:center;line-height:28px;margin-bottom:37px}.section0 .wrap .content-box .section0-main{width:988px;height:236px;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 .section-main-item{width:316px;height:236px;background-image:url(/static/module/class/content/img/533/section0-main-item1.png);background-size:cover}.section0 .wrap .content-box .section0-main .section-main-item .title{font-family:PingFangSC-Semibold;font-size:18px;color:#fff;letter-spacing:0;text-align:center;line-height:28px;font-weight:600;margin-top:21px}.section0 .wrap .content-box .section0-main .section-main-item .cont{font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;text-align:center;line-height:30px;font-weight:400;margin-top:16px}.section0 .wrap .content-box .section0-main .section-main-item2{background-image:url(/static/module/class/content/img/533/section0-main-item2.png);background-size:cover}.section0 .wrap .content-box .section0-main .section-main-item3{width:300px;height:232px;background-image:url(/static/module/class/content/img/533/section0-main-item3.png);background-size:cover}.section1{width:100%;position:relative;margin-bottom:30px;padding-top:90px;margin:0 auto;background:#f8fbff;padding-bottom:60px}.section1 .wrap{height:100%}.section1 .wrap .content-box{position:relative;width:1154px;height:3052px;margin:0 auto;box-sizing:border-box;text-align:center;background:#fff;border:2px solid #dfdcfc;border-radius:10px;padding-bottom:60px}.section1 .wrap .content-box .course-objectives{position:absolute;left:398px;top:-27px;width:352px;height:52px;background-image:url(/static/module/class/content/img/533/section-icon.png);background-size:cover;font-family:PingFangSC-Semibold;font-size:20px;color:#fff;text-align:center;font-weight:600;line-height:52px}.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:83px;margin-bottom:40px}.section1 .wrap .content-box h1:nth-of-type(2){margin-top:40px}.section1 .wrap .content-box h1:nth-of-type(3){margin-top:58px}.section1 .wrap .content-box h1:nth-of-type(4){margin-top:81.24px}.section1 .wrap .content-box h4{font-family:PingFangSC-Medium;font-size:18px;color:#1c1e20;text-align:center;font-weight:500;margin-bottom:42px}.section1 .wrap .content-box h4:nth-child(2){margin-bottom:28px}.section1 .wrap .content-box .section1-main1-bg{width:1112px;height:480px;margin:0 auto;background-color:rgba(104,88,247,.03);border-radius:8px;box-sizing:border-box;padding-top:30px}.section1 .wrap .content-box .section1-main1-bg .section1-main1{width:1071px;height:342px;margin:0 auto;background-image:url(/static/module/class/content/img/533/section1-main-item1.png);background-size:cover;box-sizing:border-box;padding-top:35px}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row{width:1023px;height:108px;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-left:27px}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row .item{font-family:PingFangSC-Regular;font-size:13px;color:#1c1e20;letter-spacing:0;line-height:21.6px;font-weight:400;text-align:left;position:relative}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row .item::before{position:absolute;top:-32px;left:-16px;content:"理解JVM";font-family:PingFangSC-Semibold;font-size:14px;color:#fff;letter-spacing:0;text-align:center;font-weight:600}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row .item2{left:21px;margin-top:-6px}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row .item2::before{top:-26px;left:-12px;content:"深耕Java"}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row .item3{left:5px;top:-6px}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row .item3::before{left:-11px;top:-26px;content:"破解Kotlin"}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row .item4{margin-top:-12px;left:0}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row .item4::before{left:-14px;top:-42px;content:"掌握编程范式"}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row .item5{top:-27px;left:7px}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row .item5::before{left:-15px;top:-27px;content:"透视Framework"}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row .item6{top:-14px;left:2px;margin-left:6px}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row .item6::before{left:-12px;top:-39px;content:"拥抱新架构"}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row .item7{top:-12px;left:2px}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row .item7::before{top:-42px;left:-16px;content:"活用Gradle"}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row:nth-of-type(2){width:1036px;margin-top:84px}.section1 .wrap .content-box .section1-main1-bg .section1-main1 .section1-main1-row2{width:1036px;height:129px;margin-top:84px}.section1 .wrap .content-box .section1-main1-bg .more{width:346px;height:41px;margin:0 auto;background-image:url(/static/module/class/content/img/533/section1-main-item2.png);background-size:cover;margin-top:40px}.section1 .wrap .content-box .section1-main1-bg .more a{font-family:PingFangSC-Medium;font-size:16.2px;color:#6858f7;letter-spacing:0;text-align:center;font-weight:500;line-height:41px}.section1 .wrap .content-box .section1-main-u1{width:1112px;margin:0 auto}.section1 .wrap .content-box .section1-main-u1 .section1-main-u1-block{width:100%;height:372px;border:1px dotted #cacdcf;border-radius:8px}.section1 .wrap .content-box .section1-main-u1 .section1-main-u1-block .tit{width:240px;height:48px;margin:0 auto;background:#f2f2ff;border-radius:0 0 8px 8px;font-family:PingFangSC-Semibold;font-size:18px;color:#1c1e20;letter-spacing:0;font-weight:600;line-height:48px}.section1 .wrap .content-box .section1-main-u1 .section1-main-u1-block .con{margin-top:38px}.section1 .wrap .content-box .section1-main-u1 .section1-main-u1-block .con .box{width:898px;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-u1 .section1-main-u1-block .con .box .left{width:456px;height:246px;background-image:url(/static/module/class/content/img/533/section1-main-u1-item1.png);background-size:cover}.section1 .wrap .content-box .section1-main-u1 .section1-main-u1-block .con .box .right{width:362px;height:222px;margin-top:10px;background-image:url(/static/module/class/content/img/533/section1-main-u1-item2.png);background-size:cover}.section1 .wrap .content-box .section1-main-u1 .section1-main-u1-block2{margin-top:18px;height:440px}.section1 .wrap .content-box .section1-main-u1 .section1-main-u1-block2 .con .box2{width:1035px}.section1 .wrap .content-box .section1-main-u1 .section1-main-u1-block2 .con .box2 .left{width:501px;height:228px;margin-top:48px;background-image:url(/static/module/class/content/img/533/section1-main-u1-item3.png);background-size:cover}.section1 .wrap .content-box .section1-main-u1 .section1-main-u1-block2 .con .box2 .right{width:438px;height:317px;background-image:url(/static/module/class/content/img/533/section1-main-u1-item4.png);background-size:cover}.section1 .wrap .content-box .section1-main-u1 .section1-main-u1-block3{margin-top:18px;height:460px}.section1 .wrap .content-box .section1-main-u1 .section1-main-u1-block3 .con .box3{width:984px}.section1 .wrap .content-box .section1-main-u1 .section1-main-u1-block3 .con .box3 .left{width:565px;height:354px;background-image:url(/static/module/class/content/img/533/section1-main-u1-item6.png);background-size:cover}.section1 .wrap .content-box .section1-main-u1 .section1-main-u1-block3 .con .box3 .right{width:358px;height:239px;margin-top:37px;background-image:url(/static/module/class/content/img/533/section1-main-u1-item7.png);background-size:cover}.section1 .wrap .content-box .section1-main2{width:1025px;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-main2 .section1-main2-col1{width:769px;margin:0 auto}.section1 .wrap .content-box .section1-main2 .section1-main2-col1 .section1-main2-col1-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 .section1-main2-col1 .section1-main2-col1-row .item{width:255px;height:168px;background-image:url(/static/module/class/content/img/533/section1-main-item3.png);background-size:cover}.section1 .wrap .content-box .section1-main2 .section1-main2-col1 .section1-main2-col1-row .item .tit{font-family:PingFangSC-Semibold;font-size:12px;color:#fff;letter-spacing:0;text-align:center;font-weight:600;margin-top:35px}.section1 .wrap .content-box .section1-main2 .section1-main2-col1 .section1-main2-col1-row .item .con{font-family:PingFangSC-Regular;font-size:12px;color:#1c1e20;letter-spacing:0;line-height:22.4px;font-weight:400;text-align:left;margin-top:15px;margin-left:39px}.section1 .wrap .content-box .section1-main2 .section1-main2-col1 .section1-main2-col1-row .item2{width:255px;height:168px;background-image:url(/static/module/class/content/img/533/section1-main-item4.png);background-size:cover}.section1 .wrap .content-box .section1-main2 .section1-main2-col1 .section1-main2-col1-row .item2 .con{margin-left:55px}.section1 .wrap .content-box .section1-main2 .section1-main2-col1 .section1-main2-col1-row .item3{width:256px;height:168px;background-image:url(/static/module/class/content/img/533/section1-main-item5.png);background-size:cover}.section1 .wrap .content-box .section1-main2 .section1-main2-col1 .section1-main2-col1-row .item3 .con{margin-left:30px;letter-spacing:-.6px}.section1 .wrap .content-box .section1-main2 .section1-main2-col1 .section1-main2-col1-row .item4{width:254px;height:167px;background-image:url(/static/module/class/content/img/533/section1-main-item7.png);background-size:cover}.section1 .wrap .content-box .section1-main2 .section1-main2-col1 .section1-main2-col1-row .item4 .con{margin-left:30px;letter-spacing:-.6px}.section1 .wrap .content-box .section1-main2 .section1-main2-col1 .section1-main2-col1-row .item5{width:254px;height:167px;background-image:url(/static/module/class/content/img/533/section1-main-item8.png);background-size:cover}.section1 .wrap .content-box .section1-main2 .section1-main2-col1 .section1-main2-col1-row .item5 .con{margin-left:75px}.section1 .wrap .content-box .section1-main2 .section1-main2-col1 .section1-main2-col1-row .item6{width:255px;height:167px;background-image:url(/static/module/class/content/img/533/section1-main-item9.png);background-size:cover}.section1 .wrap .content-box .section1-main2 .section1-main2-col1 .section1-main2-col1-row .item6 .con{letter-spacing:-.6px;line-height:21.4px}.section1 .wrap .content-box .section1-main2 .section1-main2-col2{width:254px;height:344px;background-image:url(/static/module/class/content/img/533/section1-main-item6.png);background-size:cover}.section1 .wrap .content-box .section1-main2 .section1-main2-col2 .tit{font-family:PingFangSC-Semibold;font-size:12px;color:#fff;letter-spacing:0;text-align:center;font-weight:600;margin-top:35px}.section1 .wrap .content-box .section1-main2 .section1-main2-col2 .con{font-family:PingFangSC-Regular;font-size:12px;color:#1c1e20;letter-spacing:0;line-height:22px;font-weight:400;text-align:left;margin-top:15px;margin-left:44px}.section1 .wrap .content-box .section1-main3{width:1086px;height:253px;margin:0 auto;background-image:url(/static/module/class/content/img/533/section1-main-item10.png);background-size:cover}.section1 .wrap .content-box .section1-main3 .section1-main3-row1{width:930px;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 .section1-main3-row1 .item{font-family:PingFangSC-Medium;font-size:16px;color:#fff;letter-spacing:0;text-align:center;line-height:51px;font-weight:500}.section1 .wrap .content-box .section1-main3 .section1-main3-row1 .item1{margin-left:61px}.section1 .wrap .content-box .section1-main3 .section1-main3-row{width:996px;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 .section1-main3-row .item{font-family:PingFangSC-Medium;font-size:16px;color:#1c1e20;letter-spacing:0;text-align:center;line-height:51px;font-weight:600}.section1 .wrap .content-box .section1-main3 .section1-main3-row .item1{margin-left:86px}.section1 .wrap .content-box .section1-main3 .section1-main3-row .item2,.section1 .wrap .content-box .section1-main3 .section1-main3-row .item3{margin-left:10px;font-family:PingFangSC-Regular;font-size:14px;color:#1c1e20;letter-spacing:0;text-align:center;line-height:51px;font-weight:400}.section1 .wrap .content-box .section1-main3 .section1-main3-row4{width:1005px}.section1 .wrap .content-box .section1-main3 .section1-main3-row4 .item2{margin-left:15px}.section2{width:100%;height:788px;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 #dfdcfc;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: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(/static/module/class/content/img/533/section2-main-icon1.png);background-size:cover}.section2 .wrap .content-box .section2-main .section2-main-icon2{background-image:url(/static/module/class/content/img/533/section2-main-icon2.png);background-size:cover}.section2 .wrap .content-box .section2-main .section2-main-icon3{background-image:url(/static/module/class/content/img/533/section2-main-icon3.png);background-size:cover}.section2 .wrap .content-box .section2-main .section2-main-icon4{background-image:url(/static/module/class/content/img/533/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}.title-number{color:#6858f7!important}.title-number-last-i{color:#8b7efd!important}.content-number-last{color:#959697!important}@media only screen and (min-width:768px) and (max-width:1024px){.content-box{transform:scale(.91)!important}}