@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}.commonnav{background:#f8fafc!important}.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/fullstackalgo/banner_mobilearchitect.png);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%}.text-con .desc .desc-box{display:inline-block}.text-con .desc .desc-box p{position:relative;text-align:left}.text-con .desc .desc-box p::before{content:'';width:14px;height:14px;position:absolute;background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/arrow.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat;top:8px;left:-26px}.studyservice{width:100%;height:979px;position:relative;background:#fff}.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:#4a0bc4;text-align:center;font-weight:600;background:#f2ebff;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);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:#4a0bc4;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/fullstackalgo/Oval-left.png);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/fullstackalgo/Oval-right.png);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 9px}.studyservice .wrap .content-box .item-swiper .swiper-pagination4 .swiper-pagination-bullet-active{background:#4a0bc4;border-radius:6px;width:42px;height:14px}.section1{width:100%;background:#f8fafc}.section1 .wrap{height:100%}.section1 .wrap .content-box{position:relative;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:48px;font-weight:400;margin-bottom:54px;margin-top:16px}.section1 .wrap .content-box h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1f21;text-align:center;line-height:24px;font-weight:400;margin-bottom:30px}.section1 .wrap .content-box .section1-main{width:998px;margin:0 auto 55px;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 .item{width:306px}.section1 .wrap .content-box .section1-main .item .img{width:306px;height:199px;margin-bottom:24px}.section1 .wrap .content-box .section1-main .item h3{font-family:PingFangSC-Semibold;font-size:14px;color:#4a0bc4;text-align:center;font-weight:600;margin-bottom:9px;line-height:20px}.section1 .wrap .content-box .section1-main .item p{font-size:14px;line-height:20px;color:#1c1f21;text-align:center;font-weight:400}.section1 .wrap .content-box .section1-main .item1 .img{background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section1_1.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section1 .wrap .content-box .section1-main .item2 .img{background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section1_2.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section1 .wrap .content-box .section1-main .item3 .img{background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section1_3.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section1 .wrap .content-box .section1-img{margin:0 auto;width:960px;height:504px;background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section1_4.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section2{width:100%;position:relative;background:#fff}.section2 .wrap{height:100%}.section2 .wrap .content-box{position:relative;margin:0 auto;padding:74px 0 58px;width:100%;height:100%;box-sizing:border-box;text-align:center}.section2 .wrap .content-box h1{font-family:PingFangSC-Regular;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:400;margin-bottom:34px}.section2 .wrap .content-box .section2-main{width:1148px;margin:0 auto}.section2 .wrap .content-box .section2-main .item{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 24px;height:152px}.section2 .wrap .content-box .section2-main .item li{width:260px;padding:89px 26px 0;line-height:22px;text-align:center;font-size:16px;color:#1c1f21;font-weight:400;box-sizing:border-box}.section2 .wrap .content-box .section2-main .item1{width:852px;background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section2_1.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section2 .wrap .content-box .section2-main .item2{width:1148px;background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section2_2.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section2 .wrap .content-box .section2-main .item3{width:1148px;background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section2_3.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section2 .wrap .content-box .section2-main .item3 li:last-child{padding-top:75px}.section3{width:100%;position:relative;background:#f8fafc}.section3 .wrap{height:100%}.section3 .wrap .content-box{position:relative;padding:84px 0 47px;margin:0 auto;width:100%;height:100%;box-sizing:border-box;text-align:center}.section3 .wrap .content-box h1{font-family:PingFangSC-Regular;font-size:32px;color:#1c1e20;text-align:center;line-height:40px;font-weight:400;margin-bottom:54px}.section3 .wrap .content-box .section3-main{width:818px;margin:0 auto 13px;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;flex-wrap:wrap}.section3 .wrap .content-box .section3-main .item{width:382px;height:170px;box-sizing:border-box;padding:9px 42px;text-align:left;margin-bottom:28px}.section3 .wrap .content-box .section3-main .item h3{font-family:PingFangSC-Semibold;font-size:18px;color:#fff;font-weight:600;margin-bottom:27px}.section3 .wrap .content-box .section3-main .item p{font-family:PingFangSC-Regular;font-size:16px;color:#1c1f21;font-weight:400;line-height:22px}.section3 .wrap .content-box .section3-main .item.item1{background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section3_1.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section3 .wrap .content-box .section3-main .item.item2{background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section3_2.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section3 .wrap .content-box .section3-main .item.item3{background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section3_3.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section3 .wrap .content-box .section3-main .item.item4{background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section3_4.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section3 .wrap .content-box .section3-step{margin:0 auto;width:1094px}.section3 .wrap .content-box .section3-step ul{width:1094px;height:413px;position:relative;background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section3_5.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section3 .wrap .content-box .section3-step li{position:absolute;width:132px;text-align:left;line-height:22px;font-family:PingFangSC-Regular;font-size:16px;color:#1c1f21;font-weight:400}.section3 .wrap .content-box .section3-step .item1{top:178px;left:51px}.section3 .wrap .content-box .section3-step .item2{top:146px;left:223px}.section3 .wrap .content-box .section3-step .item3{top:136px;left:395px}.section3 .wrap .content-box .section3-step .item4{top:104px;left:567px}.section3 .wrap .content-box .section3-step .item5{top:86px;left:739px}.section3 .wrap .content-box .section3-step .item6{top:52px;left:911px}.section3 .wrap .content-box .section3-step .title{padding-top:21px;font-size:24px;color:#1c1f21;text-align:center;font-weight:600}.section4{width:100%;position:relative;background-color:#fff}.section4 .wrap{height:100%}.section4 .wrap .content-box{position:relative;margin:0 auto;width:100%;height:100%;padding:87px 0 47px;box-sizing:border-box;text-align:center;overflow:hidden}.section4 .wrap .content-box h1{font-family:PingFangSC-Regular;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:400;margin-bottom:48px}.section4 .wrap .content-box .section4-main{width:1143px;margin:0 auto}.section4 .wrap .content-box .section4-main .item{margin:0 auto 24px;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;text-align:left}.section4 .wrap .content-box .section4-main .item li{background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section4_1.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat;padding:16px 12px;box-sizing:border-box;width:219px;height:177px}.section4 .wrap .content-box .section4-main .item li h3{font-family:PingFangSC-Semibold;font-size:14px;color:#1c1f21;font-weight:600;margin-bottom:14px;line-height:20px}.section4 .wrap .content-box .section4-main .item li p{font-family:PingFangSC-Regular;font-size:12px;color:#1c1f21;font-weight:400;line-height:17px}.section4 .wrap .content-box .section4-main .item1{width:681px}.section4 .wrap .content-box .section4-main .item2{width:912px}.section4 .wrap .content-box .section4-main .item3{width:1143px}.section4 .wrap .content-box .section4-main .item4{width:1143px}.section5{width:100%;position:relative;background-color:#f8fafc}.section5 .wrap{height:100%}.section5 .wrap .content-box{position:relative;margin:0 auto;width:100%;height:100%;padding:60px 0 116px;box-sizing:border-box;text-align:center;overflow:hidden}.section5 .wrap .content-box h1{font-family:PingFangSC-Regular;font-size:32px;color:#1c1e20;text-align:center;line-height:48px;font-weight:400;margin-bottom:44px}.section5 .wrap .content-box .section5-main{width:1152px;margin:0 auto;position:relative}.section5 .wrap .content-box .section5-main .swiper-container{width:1152px;height:620px;background:#fff;box-shadow:0 2px 16px 0 rgba(28,31,33,.08);border-radius:16px}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide{width:1152px;height:620px}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide .left{padding-top:87px;padding-left:66px;float:left;text-align:left}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide .left h3{font-family:PingFangSC-Semibold;font-size:14px;color:#4a0bc4;font-weight:600;line-height:20px;margin-bottom:9px}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide .left ul{margin-bottom:36px}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide .left li{font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;font-weight:400;margin-left:15px;list-style:decimal;line-height:20px}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide .right{float:right}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide .right h3{padding:35px 0 24px;line-height:22px;font-family:PingFangSC-Semibold;font-size:16px;color:#07111b;font-weight:600;text-align:center}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide .swiper1 .left{width:515px}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide .swiper1 .right{width:480px;margin-right:59px}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide .swiper1 .right .pic{width:480px;height:491px;background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section5_1.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide .swiper2 .left{width:515px}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide .swiper2 .right{width:468px;margin-right:65px}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide .swiper2 .right .pic{width:468px;height:470px;background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section5_2.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide .swiper3 .left{width:270px}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide .swiper3 .right{width:731px;margin-right:42px}.section5 .wrap .content-box .section5-main .swiper-container .swiper-slide .swiper3 .right .pic{width:731px;height:497px;background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section5_3.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section5 .wrap .content-box .section5-main .swiper-pagination{position:absolute;bottom:-52px;left:519px}.section5 .wrap .content-box .section5-main .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;margin:0 9px}.section5 .wrap .content-box .section5-main .swiper-pagination .swiper-pagination-bullet-active{background:#4a0bc4;border-radius:6px;width:36px;height:12px}.section6{width:100%;background:#fff}.section6 .wrap{height:100%}.section6 .wrap .content-box{position:relative;padding:70px 0 68px;margin:0 auto;width:100%;height:100%;box-sizing:border-box;text-align:center}.section6 .wrap .content-box h1{font-family:PingFangSC-Regular;font-size:28px;color:#07111b;line-height:42px;font-weight:400;margin-bottom:27px}.section6 .wrap .content-box .section6-main{width:1152px;margin:0 auto}.section6 .wrap .content-box .section6-main .teacher{width:1152px;height:280px;background:#fff;box-shadow:0 2px 16px 0 rgba(28,31,33,.08);border-radius:16px;box-sizing:border-box;padding:38px 0;margin-bottom:55px}.section6 .wrap .content-box .section6-main .teacher .left{float:left;border-right:1px solid #d3d6d9;width:224px;text-align:center}.section6 .wrap .content-box .section6-main .teacher .left .pic{margin:8px auto 12px;width:120px;height:120px;background-image:url(/static/module/marketpage2020/img/intro/fullstackalgo/section6_1.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.section6 .wrap .content-box .section6-main .teacher .left h3{font-family:PingFangSC-Semibold;font-size:20px;color:#1c1f21;letter-spacing:0;text-align:center;line-height:30px;font-weight:600;margin-bottom:2px}.section6 .wrap .content-box .section6-main .teacher .left span{font-family:PingFangSC-Regular;font-size:14px;color:#545c63;letter-spacing:0;text-align:center;line-height:22px;font-weight:400}.section6 .wrap .content-box .section6-main .teacher .right{margin-right:32px;float:right;width:848px;height:210px;font-family:PingFangSC-Regular;font-size:14px;color:#1c1f21;letter-spacing:0;text-align:justify;line-height:30px;font-weight:400}.section6 .wrap .content-box .section6-main .bottom{margin:0 auto;width:1152px;overflow:hidden}.section6 .wrap .content-box .section6-main .bottom .item1{float:left;box-sizing:border-box;width:754px;height:168px;padding:22px 104px 0;background:#f8fafc;border-radius:12px}.section6 .wrap .content-box .section6-main .bottom .item1 h3{font-family:PingFangSC-Semibold;font-size:16px;color:#1c1e20;text-align:center;line-height:24px;font-weight:600;margin-bottom:6px}.section6 .wrap .content-box .section6-main .bottom .item1 p{font-family:PingFangSC-Regular;font-size:12px;color:#1c1f21;line-height:24px;font-weight:400;text-align:left}.section6 .wrap .content-box .section6-main .bottom .item2{float:right;box-sizing:border-box;padding-top:22px;width:350px;height:164px;background:#f8fafc;border-radius:12px;text-align:center}.section6 .wrap .content-box .section6-main .bottom .item2 h3{font-family:PingFangSC-Semibold;font-size:16px;color:#1c1e20;line-height:24px;font-weight:600;margin-bottom:6px}.section6 .wrap .content-box .section6-main .bottom .item2 p{font-family:PingFangSC-Regular;font-size:12px;color:#1c1f21;line-height:24px;font-weight:400}.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}.inclass_content_area{width:100%;box-sizing:border-box;background:#f8fafc!important}.inclass_content_area h1{font-family:PingFangSC-Regular;font-size:32px;color:#07111b;text-align:center;line-height:48px;font-weight:400;margin-bottom:4px}.inclass_content_area h4{font-family:PingFangSC-Regular;font-size:16px;color:#1c1f21;text-align:center;line-height:24px;font-weight:400;margin-bottom:46px}.inclass_content_area .ind_wrapper .ind_content{width:1156px;margin:0 auto}.inclass_content_area.no7{padding:72px 0 72px;box-sizing:border-box;background:#fff}.inclass_content_area.no7 .ind_subtitle{margin:12px 0 44px}.inclass_content_area.no7 .ind_content{width:830px}.inclass_content_area.no7 .ind_content>h6{font-size:16px;color:#4e47e1;letter-spacing:10px;font-weight:700;margin-top:30px;text-align:left}.inclass_content_area.no7 .ind_content .detail{text-align:center;padding-top:32px}.inclass_content_area.no7 .ind_content .detail a{font-size:18px;font-weight:700;color:#4e47e1;padding:12px 27px;background:#ebedfa;border-radius:24.5px;display:inline-block}.step_container{width:830px;margin:0 auto}.step_container .highlight{color:#4a0bc4!important}.step_container .step_title{width:100%;height:24px;padding:0 10px;box-sizing:border-box;background:#f2ebff;border-radius:4px;margin-bottom:10px;font-size:14px;color:#4a0bc4;line-height:24px;text-align:left;cursor:pointer}.step_container .step_title::before{content:'\e145';font-family:imv2;font-size:20px;color:#4a0bc4;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:#4a0bc4;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:#4a0bc4;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:#4a0bc4;color:#fff!important}.left-menu-three.left-menu-color .back span,.left-menu-three.left-menu-color .item:hover{color:#4a0bc4}@media screen and (max-width:1680px){.left-menu-three{display:none!important}}