@font-face{font-family:DINCOND-MEDIUM;src:url(/static/module/sc/font/DINcond.otf);font-weight:400;font-style:normal}.fz40{font-size:40px}.fz28{font-size:28px}.fz30{font-size:30px}.fz18{font-size:18px}.fz16{font-size:16px}.bold{font-weight:700}.inline-block{display:inline-block}.black{color:#1c1f21}.graydark1{color:#383d42}.graydark2{color:#545c63}.graydark3{color:#717a84}.graydark4{color:#9199a1}.lineheight12{line-height:1.2}.lineheight15{line-height:1.5}.lineheight2{line-height:2}.lineheight1375{line-height:1.375}.menu-wrap-webfullstack{padding-top:8px;box-sizing:border-box;width:1152px;margin:0 auto}.menu-wrap-webfullstack .flex-left li{display:inline-block;height:60px;line-height:50px;position:relative;font-size:16px;color:#545c63;letter-spacing:0;font-weight:700;margin-right:48px;cursor:pointer}.menu-wrap-webfullstack .flex-left li>a{font-weight:700}.menu-wrap-webfullstack .flex-left li>a:hover{color:#9447eb}.menu-wrap-webfullstack .flex-left li>a span{position:absolute;font-size:12px;left:65px;top:12px;line-height:12px;color:#9199a1}.menu-wrap-webfullstack .flex-left li.active{color:#9447eb;cursor:default}.menu-wrap-webfullstack .flex-left li.active>a{color:#9447eb}.menu-wrap-webfullstack .flex-left li.active::before{content:"";width:20px;height:4px;border-radius:3.75px;background:#9447eb;position:absolute;bottom:10px;left:50%;transform:translate(-50%,0)}.menu-wrap-webfullstack .price-sign{height:24px;background:rgba(148,71,235,.1);border-radius:12px;padding:0 10px;font-size:12px;color:#9447eb;text-align:left;line-height:24px;margin:12px 12px 0 0}.menu-wrap-webfullstack .indclass_price{text-align:right}.menu-wrap-webfullstack .indclass_price .indclass_final_price{padding-right:24px;color:#f20d0d;font-size:16px;font-weight:700}.menu-wrap-webfullstack .indclass_price .indclass_final_price .discount{font-size:14px;vertical-align:bottom;font-weight:700}.menu-wrap-webfullstack .indclass_price .indclass_final_price .price::before{content:"¥";font-size:inherit;padding-right:4px}.menu-wrap-webfullstack .indclass_price .indclass_real_price{font-size:12px;color:#9199a1;padding-right:24px}.menu-wrap-webfullstack .indclass_price .indclass_real_price .countdown{margin-right:5px}.menu-wrap-webfullstack .indclass_price .indclass_real_price .realprice{text-decoration:line-through}.menu-wrap-webfullstack .indclass_price .indclass_real_price .realprice::before{content:'¥';padding-right:3px}.menu-wrap-webfullstack .gobuy{width:104px;height:36px;line-height:36px;font-size:16px;color:#fff;text-align:center;background:#f20d0d;border-radius:24px;cursor:pointer;margin-top:6px;font-weight:700}.js-pay-order{position:relative}.saleicon{position:absolute;right:0;top:-10px;width:88px;height:32px;background-image:url(/static/module/common/img/getcouponbg@2x.png);background-repeat:no-repeat;background-position:center center;background-size:cover;text-align:center;line-height:18px;font-size:12px;color:#fff;font-weight:200}.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}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.indclass_container{background:#f3f5f6;text-align:center}.indclass_container .text_icon::after{content:attr(data-icontext);font-size:12px;color:#6253c9;padding-left:3px}.indclass_container .inclass_banner_bg{height:382px;background-image:url(/static/module/marketpage2020/img/intro/javapatch23/banner_mobilearchitect.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat;background-size:cover;background-position:center}.indclass_container .indclass_banner{width:1152px;margin:0 auto;height:374px;border-radius:24px;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;position:relative}.indclass_container .indclass_banner .top-menu{width:1154px;position:absolute;top:0;left:50%;margin-left:-577px;height:68px;padding-top:16px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.1);z-index:1}.indclass_container .indclass_banner .top-menu .icon{width:108px;height:36px;background-size:100% 100%;background-repeat:no-repeat;background-position:center;background-image:url(/static/module/marketpage/img/top-menu-logo.png?t=2020);margin-right:24px}.indclass_container .indclass_banner .top-menu .select-menu{position:relative;top:-16px;height:68px;cursor:pointer}.indclass_container .indclass_banner .top-menu .select-menu span{font-size:14px;color:rgba(255,255,255,.8);line-height:68px;padding-right:7px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.indclass_container .indclass_banner .top-menu .select-menu span:hover{color:#fff}.indclass_container .indclass_banner .top-menu .select-menu i{font-size:14px;color:#fff;line-height:68px}.indclass_container .indclass_banner .top-menu .select-menu .menu{display:none;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;position:absolute;width:320px;background:#fff;box-shadow:0 12px 24px 0 rgba(28,31,33,.2);left:-24px;top:68px;padding-top:22px;padding-right:7px;box-sizing:border-box;border-bottom-right-radius:12px;border-bottom-left-radius:12px;z-index:1}.indclass_container .indclass_banner .top-menu .select-menu .menu .scroll-box{max-height:450px;overflow-y:scroll}.indclass_container .indclass_banner .top-menu .select-menu .menu .scroll-box::-webkit-scrollbar{width:6px}.indclass_container .indclass_banner .top-menu .select-menu .menu .scroll-box::-webkit-scrollbar-thumb{background:#d3d6d9;border-radius:3px}.indclass_container .indclass_banner .top-menu .select-menu .menu .scroll-box::-webkit-scrollbar-track{background:#fff}.indclass_container .indclass_banner .top-menu .select-menu .menu .item{width:272px;margin:0 auto;margin-bottom:12px;padding-bottom:16px;border-bottom:1px rgba(28,31,33,.1) solid}.indclass_container .indclass_banner .top-menu .select-menu .menu .item:last-child{margin-bottom:0;border-bottom:none}.indclass_container .indclass_banner .top-menu .select-menu .menu .item h2{font-weight:700;font-size:14px;color:#1c1f21;line-height:22px;text-align:left;margin-bottom:4px;cursor:pointer;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.indclass_container .indclass_banner .top-menu .select-menu .menu .item p{font-size:12px;color:#9199a1;line-height:18px;text-align:left;cursor:pointer}.indclass_container .indclass_banner .top-menu .select-menu .menu .item:hover h2{color:#9447eb}.indclass_container .indclass_banner .top-menu .select-menu:hover .menu{display:block}.indclass_container .indclass_banner .top-menu .share-box{width:120px;padding-top:8px}.indclass_container .indclass_banner .top-menu .share-box .share{font-size:20px;color:rgba(255,255,255,.4);text-align:center;line-height:24px;background:0 0;padding:0;padding-right:24px;margin:0;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.indclass_container .indclass_banner .top-menu .share-box .share:last-child{padding-right:0}.indclass_container .indclass_banner .top-menu .share-box .share:hover{color:#fff}.indclass_container .indclass_banner .indclass_path{position:relative;font-size:12px;line-height:2;color:rgba(255,255,255,.6);height:58px;border-bottom:1px solid rgba(255,255,255,.1)}.indclass_container .indclass_banner .indclass_path>h5{position:absolute;left:20px;top:16px;color:rgba(255,255,255,.6)}.indclass_container .indclass_banner .indclass_main_title{padding-top:104px;box-sizing:border-box;font-size:50px;margin:0 auto;color:#fff;letter-spacing:4px;text-align:center;line-height:50px;text-shadow:1px 0 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,0 1px 0 #fff,0 8px 16px rgba(28,31,33,.4)}.indclass_container .indclass_banner .indclass_main_desc{font-size:16px;line-height:24px;color:#fff;margin-top:20px;letter-spacing:4px;font-weight:700}.indclass_container .indclass_banner .indclasc_main_ext{font-size:16px;color:#feedc6;font-weight:700;margin-top:26px;line-height:22px}.indclass_container .indclass_banner .indclass_sub_banner{position:absolute;bottom:-55px;box-sizing:border-box;width:1152px;height:110px;background-color:#fff;box-shadow:0 2px 4px 0 rgba(28,31,33,.06),0 4px 8px 0 rgba(28,31,33,.06),0 8px 16px 0 rgba(28,31,33,.06),0 12px 24px 0 rgba(28,31,33,.06),0 16px 32px 0 rgba(28,31,33,.06);border-radius:16px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 20px}.indclass_container .indclass_banner .indclass_sub_banner .commonfix{display:flex;flex-direction:row;align-items:center;font-family:DINCOND-MEDIUM}.indclass_container .indclass_banner .indclass_sub_banner .commonfix .item{position:relative;display:flex;flex-direction:column;padding:0 20px;cursor:default}.indclass_container .indclass_banner .indclass_sub_banner .commonfix .item:hover .triangle{display:block}.indclass_container .indclass_banner .indclass_sub_banner .commonfix .item:last-child::after{content:''}.indclass_container .indclass_banner .indclass_sub_banner .commonfix .item::after{content:'/';position:absolute;right:-6px;top:50%;color:#9448eb;vertical-align:middle;font-size:24px;transform:translate(0,-50%)}.indclass_container .indclass_banner .indclass_sub_banner .commonfix .item .triangle{display:none;position:absolute;bottom:0;left:55px;width:0;height:0;border-style:solid;border-width:5px;border-color:transparent transparent #2b333b transparent;z-index:3}.indclass_container .indclass_banner .indclass_sub_banner .commonfix .item .triangle .tip{position:absolute;top:5px;left:-114px;padding:8px;width:226px;box-sizing:border-box;font-size:12px;color:#fff;line-height:16px;text-align:left;background:#2b333b;box-shadow:0 2px 4px 0 rgba(7,17,27,.2);border-radius:4px;word-break:break-all}.indclass_container .indclass_banner .indclass_sub_banner .commonfix .item .triangle .tip.class30{width:140px;left:-70px;padding:12px 15px;white-space:nowrap}.indclass_container .indclass_banner .indclass_sub_banner .commonfix .item .triangle .tip .steptip{display:inline-block;margin-right:5px;color:#fff;font-size:12px;line-height:18px}.indclass_container .indclass_banner .indclass_sub_banner .commonfix .item .triangle .tip a{color:#0a92ce}.indclass_container .indclass_banner .indclass_sub_banner .commonfix .item .triangle .tip a:hover{color:#099ee0}.indclass_container .indclass_banner .indclass_sub_banner .commonfix .item span{font-size:12px;color:#9448eb;font-weight:700;text-align:center;line-height:34px;white-space:nowrap}.indclass_container .indclass_banner .indclass_sub_banner .commonfix .item span em{font-size:34px;font-family:DINCOND-MEDIUM;font-weight:700}.indclass_container .indclass_banner .indclass_sub_banner .commonfix .item span:first-child{display:inline-block;height:42px}.indclass_container .indclass_banner .indclass_sub_banner .commonfix .item span.first-item{font-size:28px;line-height:42px}.indclass_container .indclass_banner .indclass_sub_banner .commonfix .item span.ident{font-size:14px;color:#1c1f21;font-weight:400;line-height:22px}.indclass_container .indclass_banner .indclass_sub_banner .rightpic{display:flex;flex-direction:row;align-items:center}.indclass_container .indclass_banner .indclass_sub_banner .rightpic .price-box{line-height:16px;font-family:"PingFang SC";text-align:right}.indclass_container .indclass_banner .indclass_sub_banner .rightpic .price-box p:last-child{margin-top:8px}.indclass_container .indclass_banner .indclass_sub_banner .rightpic .price-box .tips{display:inline-block;border-radius:12px;line-height:14px;text-align:center;font-size:12px;color:#9448eb;font-weight:400;margin-left:12px;background:rgba(148,71,235,.1);padding:4px 6px}.indclass_container .indclass_banner .indclass_sub_banner .rightpic .price-box .tips:first-child{margin-left:24}.indclass_container .indclass_banner .indclass_sub_banner .rightpic .price-box .tips30{display:inline-block;border-radius:12px;line-height:14px;text-align:center;font-size:12px;color:#9448eb;font-weight:400;margin-left:12px;background:rgba(148,71,235,.1);padding:4px 6px}.indclass_container .indclass_banner .indclass_sub_banner .rightpic .price-box .tips30:first-child{margin-left:0}.indclass_container .indclass_banner .indclass_sub_banner .rightpic .more-compose{font-size:14px;color:#1c1f21;font-weight:400;cursor:pointer}.indclass_container .indclass_banner .indclass_sub_banner .rightpic .dis-price{font-size:14px;color:#f20d0d;font-weight:700}.indclass_container .indclass_banner .indclass_sub_banner .rightpic .dis-price.class3_0{font-size:12px}.indclass_container .indclass_banner .indclass_sub_banner .rightpic .dis-price em{font-size:22px;font-weight:700}.indclass_container .indclass_banner .indclass_sub_banner .rightpic .ori-price{color:#9199a1;font-size:14px;line-height:22px;text-decoration:line-through}.indclass_container .indclass_banner .indclass_sub_banner .rightpic .btn-buy{width:110px;height:48px;text-align:center;line-height:48px;background:#9448eb;border-radius:24px;font-size:16px;color:#fff;font-weight:700;cursor:pointer;margin-left:15px;position:relative}.indclass_container .indclass_banner .indclass_sub_banner .indclass_course_price_area{float:right;display:flex}.indclass_container .indclass_banner .indclass_sub_banner .indclass_course_price_area .indclass_price{text-align:right}.indclass_container .indclass_banner .indclass_sub_banner .indclass_course_price_area .indclass_price .indclass_final_price{color:#f20d0d;font-size:22px}.indclass_container .indclass_banner .indclass_sub_banner .indclass_course_price_area .indclass_price .indclass_final_price .discount{font-weight:700;font-size:12px;vertical-align:text-bottom}.indclass_container .indclass_banner .indclass_sub_banner .indclass_course_price_area .indclass_price .indclass_final_price .price{font-weight:700}.indclass_container .indclass_banner .indclass_sub_banner .indclass_course_price_area .indclass_price .indclass_final_price .price::before{content:"¥";font-size:inherit;padding-right:4px}.indclass_container .indclass_banner .indclass_sub_banner .indclass_course_price_area .indclass_price .indclass_real_price{font-size:12px;color:#9199a1;display:flex;align-items:center}.indclass_container .indclass_banner .indclass_sub_banner .indclass_course_price_area .indclass_price .indclass_real_price .countdown{margin-right:5px}.indclass_container .indclass_banner .indclass_sub_banner .indclass_course_price_area .indclass_price .indclass_real_price .realprice{text-decoration:line-through}.indclass_container .indclass_banner .indclass_sub_banner .indclass_course_price_area .indclass_price .indclass_real_price .realprice::before{content:'¥';padding-right:3px}.indclass_container .indclass_banner .indclass_sub_banner .indclass_course_price_area .indclass_price .indclass_real_price .tips30{display:inline-block;border-radius:12px;line-height:14px;text-align:center;font-size:12px;color:#9448eb;font-weight:400;margin-left:12px;background:rgba(148,71,235,.1);padding:4px 6px}.indclass_container .indclass_banner .indclass_sub_banner .indclass_course_price_area .gobuy{width:110px;height:48px;line-height:48px;font-size:16px;font-weight:700;color:#fff;text-align:center;background:#9448eb;border-radius:24px;cursor:pointer;margin-left:15px;position:relative}.indclass_container .indclass_tab_title{text-align:center;display:flex;align-items:center;justify-content:center;padding-top:20px}.indclass_container .indclass_tab_title .indclass_title_item{font-size:16px;line-height:48px;margin-right:40px;cursor:pointer}.indclass_container .indclass_tab_title .indclass_title_item:last-child{margin-right:0}.indclass_container .indclass_tab_title .indclass_title_item>a{transition:color .3s;font-weight:700}.indclass_container .indclass_tab_title .indclass_title_item>a:hover{color:#9447eb!important}.indclass_container .indclass_tab_title .indclass_title_item.active{position:relative;color:#9447eb!important;cursor:default}.indclass_container .indclass_tab_title .indclass_title_item.active>a{color:#9447eb!important}.indclass_container .indclass_tab_title .indclass_title_item.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translate(-50%,0);display:block;width:32px;height:3px;background:#9447eb!important}.indclass_container .indclass_tab_content img{width:100%}.studyservice{width:100%;height:979px;position:relative;background:#f8fafc}.studyservice .wrap{height:100%}.studyservice .wrap .content-box{position:relative;margin:0 auto;width:100%;height:100%;padding-top:72px;box-sizing:border-box;text-align:center;overflow:hidden}.studyservice .wrap .content-box h1{font-size:32px;line-height:45px;color:#1c1e20;text-align:center;margin-bottom:8px}.studyservice .wrap .content-box h4{font-size:16px;color:#383d42;text-align:center;line-height:24px;margin-bottom:8px}.studyservice .wrap .content-box h5{font-size:16px;color:#383d42;text-align:center;line-height:24px;margin-bottom:40px}.studyservice .wrap .content-box a.link{display:block;width:150px;height:40px;line-height:40px;margin:0 auto;font-family:PingFangSC-Semibold;font-size:16px;color:#5842ea;text-align:center;font-weight:600;background:rgba(88,66,234,.12);border-radius:25px}.studyservice .wrap .content-box .service-text{font-family:PingFangSC-Regular;font-size:16px;color:#9ba7b2;text-align:right;line-height:16px;font-weight:400;margin-top:32px;margin-bottom:22px}.studyservice .wrap .content-box .service-text span{vertical-align:middle}.studyservice .wrap .content-box .item-swiper{position:relative;width:1112px;height:618px;padding-top:28px;margin-bottom:30px;background-image:url(/static/module/marketpage2020/img/intro/studyservice-bg.png?t=1);background-position:center center;background-repeat:no-repeat;background-size:100% 100%}.studyservice .wrap .content-box .item-swiper .top{width:1063px;margin:auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;margin-bottom:33px;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.studyservice .wrap .content-box .item-swiper .top .item{height:60px;font-size:16px;background:#f3f5f6;color:#555;line-height:22px;cursor:pointer;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.studyservice .wrap .content-box .item-swiper .top .item.active,.studyservice .wrap .content-box .item-swiper .top .item:hover{background:#584bb3;box-shadow:0 2px 14px 0 rgba(221,64,62,.2);color:#fff;font-weight:800}.studyservice .wrap .content-box .item-swiper .top .item.borderLeft{border-top-left-radius:20px}.studyservice .wrap .content-box .item-swiper .top .item.borderRight{border-top-right-radius:20px}.studyservice .wrap .content-box .item-swiper .swiper-container4{overflow:hidden;margin:0 auto;width:885px}.studyservice .wrap .content-box .item-swiper .swiper-container4 .swiper-wrapper .swiper-slide{height:433px;box-sizing:border-box}.studyservice .wrap .content-box .item-swiper .swiper-container4 .swiper-wrapper .swiper-slide .title{font-family:PingFangSC-Semibold;font-size:20px;color:#1c1e20;text-align:center;font-weight:600;margin-bottom:25px}.studyservice .wrap .content-box .item-swiper .swiper-container4 .swiper-wrapper .swiper-slide .img-box{display:block;width:885px;height:380px;background-position:center center;background-repeat:no-repeat;margin:auto;background-size:100% 100%}.studyservice .wrap .content-box .item-swiper .swiper-button-next,.studyservice .wrap .content-box .item-swiper .swiper-button-prev{width:35px;height:70px;background:#fff;cursor:pointer;position:absolute;text-align:center;z-index:1!important;font-size:0}.studyservice .wrap .content-box .item-swiper .swiper-button-prev{left:24px;top:333px;background-image:url(/static/module/marketpage2020/img/intro/javapatch23/Oval-left.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.studyservice .wrap .content-box .item-swiper .swiper-button-next{right:24px;top:333px;background-image:url(/static/module/marketpage2020/img/intro/javapatch23/Oval-right.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.studyservice .wrap .content-box .item-swiper .swiper-pagination4{position:absolute;bottom:49px;left:482px}.studyservice .wrap .content-box .item-swiper .swiper-pagination4 .swiper-pagination-bullet{width:14px;height:14px;margin:0 4px}.studyservice .wrap .content-box .item-swiper .swiper-pagination4 .swiper-pagination-bullet-active{background:#5842ea;border-radius:6px;width:42px;height:14px}.section1{width:100%;background:#fff}.section1 .wrap{height:100%}.section1 .wrap .content-box{position:relative;padding-top:40px;padding-bottom:70px;margin:0 auto;width:100%;height:100%;box-sizing:border-box;text-align:center}.section1 .wrap .content-box h1{font-family:PingFangSC-Regular;font-size:32px;color:#1c1e20;text-align:center;line-height:45px;margin-bottom:49px}.section1 .wrap .content-box .section1-main1{width:880px;height:232px;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-main1 .item{width:408px;height:232px;background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section1_main1.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section1 .wrap .content-box .section1-main1 .item2{background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section1_main2.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section2{width:100%;position:relative;background:#f8fafc;overflow:hidden}.section2 .wrap{height:100%}.section2 .wrap .content-box{position:relative;padding:64px 0 84px;margin:0 auto;width:100%;height:100%;box-sizing:border-box;text-align:center}.section2 .wrap .content-box h1{font-size:32px;color:#1c1e20;text-align:center;line-height:40px;margin-bottom:40px}.section2 .wrap .content-box .section2-main{padding:42px 24px 0 28px;box-sizing:border-box;margin-bottom:20px;position:relative;width:1140px;height:330px;background:#fff;box-shadow:0 0 30px 0 rgba(28,31,33,.06);border-radius: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}.section2 .wrap .content-box .section2-main .icon{position:absolute;width:130px;height:68px;top:0;left:-12px;font-size:20px;color:#fbfcfc;text-align:center;font-weight:600;line-height:50px}.section2 .wrap .content-box .section2-main .left{width:207px;text-align:left;padding-top:34px}.section2 .wrap .content-box .section2-main .left .title{font-size:18px;color:#1c1e20;font-weight:600;position:relative;padding-left:14px;line-height:25px}.section2 .wrap .content-box .section2-main .left .title:before{position:absolute;margin-right:9px;content:" ";width:5px;height:17px;left:0;top:3px}.section2 .wrap .content-box .section2-main .left .content{font-size:14px;color:#1c1e20;line-height:24px;font-weight:400}.section2 .wrap .content-box .section2-main .middle{width:515px;height:247px}.section2 .wrap .content-box .section2-main .right{width:312px;height:224px}.section2 .wrap .content-box .section2-main .right ul{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-bottom:75px}.section2 .wrap .content-box .section2-main .right ul li{width:78px;height:78px;font-weight:600}.section2 .wrap .content-box .section2-main .right .bottom{font-size:16px;color:#fff;text-align:center;font-weight:500}.section2 .wrap .content-box .section2-main1 .title:before{background:#ff3328!important}.section2 .wrap .content-box .section2-main1 .icon{background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section2_1_1.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section2 .wrap .content-box .section2-main1 .middle{background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section2_1_2.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section2 .wrap .content-box .section2-main1 .right{background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section2_1_3.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section2 .wrap .content-box .section2-main1 .right li{line-height:78px;font-size:16px;color:#ff3328}.section2 .wrap .content-box .section2-main2 .title:before{background:#ff2872!important}.section2 .wrap .content-box .section2-main2 .icon{background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section2_2_1.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section2 .wrap .content-box .section2-main2 .middle{background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section2_2_2.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section2 .wrap .content-box .section2-main2 .right{background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section2_2_3.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section2 .wrap .content-box .section2-main2 .right ul{margin-bottom:68px}.section2 .wrap .content-box .section2-main2 .right li{color:#ff2872;line-height:78px;font-size:16px}.section2 .wrap .content-box .section2-main2 .right li:nth-child(1){box-sizing:border-box;padding-top:24px;font-size:14px;line-height:16px}.section2 .wrap .content-box .section2-main2 .right li:nth-child(4){box-sizing:border-box;padding-top:24px;font-size:16px;line-height:16px}.section2 .wrap .content-box .section2-main2 .right .bottom{line-height:22px}.section3{width:100%;position:relative;background-color:#fff}.section3 .wrap{height:100%}.section3 .wrap .content-box{position:relative;padding-top:64px;padding-bottom:72px;margin:0 auto;width:100%;height:100%;box-sizing:border-box;text-align:center}.section3 .wrap .content-box h1{font-family:PingFangSC-Regular;line-height:45px;font-size:32px;color:#1c1e20;text-align:center;font-weight:400;margin-bottom:4px}.section3 .wrap .content-box h4{font-family:PingFangSC-Regular;font-size:16px;color:#383d42;text-align:center;line-height:16px;margin-bottom:48px;font-weight:400}.section3 .wrap .content-box .section3-main1{margin:0 auto;width:1052px;height:380px}.section3 .wrap .content-box .section3-main1 .left{float:left;position:relative;width:564px;height:360px}.section3 .wrap .content-box .section3-main1 .left .swiper-container1{overflow:hidden}.section3 .wrap .content-box .section3-main1 .left .item{width:564px;height:294px}.section3 .wrap .content-box .section3-main1 .left .item1{background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section3_1.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section3 .wrap .content-box .section3-main1 .left .item2{background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section3_2.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section3 .wrap .content-box .section3-main1 .left .item3{background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section3_3.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section3 .wrap .content-box .section3-main1 .left .item4{background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section3_4.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section3 .wrap .content-box .section3-main1 .left .item5{background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section3_5.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section3 .wrap .content-box .section3-main1 .left .item6{background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section3_6.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section3 .wrap .content-box .section3-main1 .left .swiper-pagination1{position:absolute;width:228px;height:20px;bottom:35px;left:168px}.section3 .wrap .content-box .section3-main1 .left .swiper-pagination1 .swiper-pagination-bullet{width:8px;height:8px;background:#dd403e;margin:0 5px;border-radius:50%}.section3 .wrap .content-box .section3-main1 .left .swiper-pagination1 .swiper-pagination-bullet-active{background:#dd403e}.section3 .wrap .content-box .section3-main1 .right{float:right;width:425px}.section3 .wrap .content-box .section3-main1 .right .top{width:425px;height:164px;margin-top:16px;margin-bottom:14px;background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section3_right.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section3 .wrap .content-box .section3-main1 .right .top .title{padding-top:19px;font-family:PingFangSC-Semibold;font-size:16px;color:#1c1e20;text-align:center;font-weight:600;line-height:22px;margin-bottom:83px}.section3 .wrap .content-box .section3-main1 .right .top ul{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;line-height:20px}.section3 .wrap .content-box .section3-main1 .right .top ul li{width:60px;font-size:14px;color:#1c1e20;text-align:center;font-weight:400}.section3 .wrap .content-box .section3-main1 .right .bottom{padding-left:8px;color:#1c1e20;line-height:24px;font-weight:400;margin-bottom:48px;text-align:left}.section3 .wrap .content-box .section3-main1 .right .links{overflow:hidden;margin-bottom:16px}.section3 .wrap .content-box .section3-main1 .right .links a{width:162px;height:54px;box-sizing:border-box;padding-top:10px;padding-right:20px;font-size:12px;color:#fff;text-align:center;line-height:16px}.section3 .wrap .content-box .section3-main1 .right .links a span{margin-top:5px;font-weight:700}.section3 .wrap .content-box .section3-main1 .right .links a.link-l{float:left;margin-left:50px;background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section3_btn1.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section3 .wrap .content-box .section3-main1 .right .links a.link-r{float:right;margin-right:50px;color:#dd403e;background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section3_btn2.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section3 .wrap .content-box .section3-main1 .right .info{text-align:center;font-size:12px;color:#1c1e20;line-height:17px;font-weight:400}.section3 .wrap .content-box .section3-main1 .right .info span{color:#8d9295}.section3 .wrap .content-box .section3-main1 .right .info span:last-child{margin-left:20px}.section3 .wrap .content-box .section3-main2{margin:0 auto;width:1084px;height:513px;background-image:url(/static/module/marketpage2020/img/intro/javapatch23/section3_bottom.png?t=1);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.faq-con-three{background:#f3f5f6;padding-top:28px;padding-bottom:64px;box-sizing:border-box}.faq-con-three .title{font-size:32px;color:#07111b;text-align:center;line-height:48px;margin-bottom:40px;font-weight:700}.faq-con-three ul{width:1152px;padding:30px;box-sizing:border-box;margin:0 auto;background:#fff;box-shadow:0 4px 8px 0 rgba(28,31,33,.1);border-radius:12px}.faq-con-three ul li{width:528px;height:122px;margin-right:32px;margin-bottom:38px}.faq-con-three ul li.qus-loading{width:100%;height:100px;background:rgba(28,31,33,.05);color:rgba(0,0,0,.45);line-height:100px;text-align:center;font-size:18px;margin:0}.faq-con-three ul li:nth-child(2n){margin-right:0}.faq-con-three ul li .left-con{width:36px}.faq-con-three ul li .left-con .thumbs-up{height:36px;border-radius:50%;background:#f3f5f6;text-align:center;line-height:36px;margin-bottom:8px}.faq-con-three ul li .left-con .thumbs-up i{font-size:16px;color:#9199a1}.faq-con-three ul li .left-con p{font-size:12px;color:#9199a1;text-align:center;line-height:12px}.faq-con-three ul li .right-con{width:476px;padding-top:6px}.faq-con-three ul li .right-con .title{font-size:16px;color:#1c1f21;line-height:24px;margin-bottom:8px;font-weight:700;text-align:left}.faq-con-three ul li .right-con .text{width:476px;height:84px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;color:#545c63;line-height:28px;transition:all .1s;-moz-transition:all .1s;-webkit-transition:all .1s;-o-transition:all .1s;word-break:break-all;text-align:left}.faq-con-three ul li .right-con .text:hover{background:#fff;height:auto;min-height:84px;position:relative;z-index:5;padding:10px;margin-top:-10px;margin-left:-10px;border-radius:8px;box-shadow:0 8px 16px 0 rgba(7,17,27,.2);-webkit-line-clamp:inherit}.step_container{width:830px;margin:0 auto}.step_container .highlight{color:#584bb3!important}.step_container .step_title{width:100%;height:24px;padding:0 10px;box-sizing:border-box;background:rgba(88,66,234,.09);border-radius:4px;margin-bottom:10px;font-size:14px;color:#584bb3;line-height:24px;text-align:left;cursor:pointer}.step_container .step_title::before{content:'\e145';font-family:imv2;font-size:20px;color:#584bb3;font-weight:700;display:inline-block;margin-right:4px;vertical-align:sub}.step_container .step_title.highlight::before{display:none}.step_container .step_content{width:100%;height:361px;display:none;margin-bottom:10px}.step_container .step_content .hide_scroll_bar{display:inline-block;vertical-align:top;width:84px;margin:0 12px}.step_container .step_content .hide_scroll_bar .scroll_arrow{font-size:20px;height:18px;line-height:18px;margin:5px 0;border-radius:3px;background:rgba(226,226,226,.1);cursor:pointer}.step_container .step_content .hide_scroll_bar .scroll_arrow:hover{background:#f3f5f6}.step_container .step_content .hide_scroll_bar .scroll_target_container{width:145%;overflow:auto;max-height:266px}.step_container .step_content .hide_scroll_bar ul.week_number{width:100%}.step_container .step_content .hide_scroll_bar ul.week_number>li{width:84px;height:40px;margin-bottom:16px;border-radius:4px;background:#f3f5f6;font-size:14px;color:#717a84;text-align:center;line-height:40px;cursor:pointer}.step_container .step_content .hide_scroll_bar ul.week_number>li:last-child{margin-bottom:0}.step_container .step_content .hide_scroll_bar ul.week_number>li.active{cursor:default;background:#584bb3;color:#fff}.step_container .step_content .week_content_area{display:inline-block;vertical-align:top;width:714px;height:320px;background:#fff;border-radius:10px;overflow:auto;position:relative}.step_container .step_content .week_content_area::-webkit-scrollbar{width:6px}.step_container .step_content .week_content_area::-webkit-scrollbar-thumb{background:#d3d6d9;border-radius:3px}.step_container .step_content .week_content_area::-webkit-scrollbar-track{background:#fff}.step_container .step_content .week_content_area .week_content_scroll{width:100%;padding:18px;box-sizing:border-box;text-align:left;display:none}.step_container .step_content .week_content_area .week_content_scroll .week_item_title{font-size:14px;color:#1c1f21;line-height:22px;margin-bottom:4px;position:relative;font-weight:700;padding-left:12px}.step_container .step_content .week_content_area .week_content_scroll .week_item_title::before{content:"";width:6px;height:6px;background:rgba(88,66,234,.09);border-radius:50%;position:absolute;top:50%;left:0;transform:translate(0,-50%)}.step_container .step_content .week_content_area .week_content_scroll .week_item_normal_text,.step_container .step_content .week_content_area .week_content_scroll>ol{padding-left:10px;margin-bottom:10px;font-size:14px;color:#383d42;line-height:22px}.step_container .step_content .week_content_area .week_content_scroll>ol{list-style-type:none;margin-left:0}.step_container .step_content .week_content_area .week_content_scroll>ol li{margin-bottom:2px}.left-menu-three{position:fixed;width:140px;right:50%;top:50%;z-index:2;margin-right:666px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.1);border-radius:8px;display:none}.left-menu-three .item{font-size:14px;color:#717a84;padding:14px 0;line-height:20px;text-align:center;position:relative;cursor:pointer}.left-menu-three .item.active{color:#fff;font-weight:700}.left-menu-three .item::after{content:"";width:117px;height:1px;background:#eff2f4;position:absolute;left:12px;bottom:-1px}.left-menu-three .item:first-child{border-radius:8px 8px 0 0}.left-menu-three .back{padding:14px;height:58px;box-sizing:border-box;text-align:center;border-radius:0 0 8px 8px;cursor:pointer}.left-menu-three .back i{font-size:22px;color:#b1b5b8}.left-menu-three .back span{display:none;font-size:12px;line-height:14px}.left-menu-three .back:hover i{display:none}.left-menu-three .back:hover span{display:block}.left-menu-three.left-menu-color .item.active{background:#5842ea;color:#fff!important}.left-menu-three.left-menu-color .back span,.left-menu-three.left-menu-color .item:hover{color:#5842ea}@media screen and (max-width:1680px){.left-menu-three{display:none!important}}