@-webkit-keyframes load{0%{stroke-dashoffset:0}}@keyframes load{0%{stroke-dashoffset:0}}.progress{position:relative;display:inline-block;padding:0;text-align:center}.progress>.circle{display:inline-block;position:relative;text-align:center;color:#147FFA;font-family:Lato;font-weight:bold}.progress>.circle:before{content:attr(data-name);position:absolute;width:100%;bottom:-2rem;font-weight:400}.progress>.circle:after{content:attr(data-percent);position:absolute;width:100%;top:2.2rem;left:0;font-size:20px;text-align:center}.progress svg{width:6rem;height:6rem}.progress svg:nth-child(2){position:absolute;left:0;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.progress svg:nth-child(2) path{fill:none;stroke-width:25;stroke-dasharray:629;stroke:#fff;opacity:.9;-webkit-animation:load 2s;animation:load 2s}.banner{background:url("https://3vj-fe.3vjia.com/study/studyweb/training-camp/trainingCampBanner-1.png") center top;background-repeat:no-repeat;background-size:100vw auto;height:16.854vw}.banner-text{height:160px;text-align:center;color:#FFFFFF}.banner-text .title{font-family:PingFang SC;font-weight:bold;font-size:48px;line-height:normal;margin-bottom:6px}.banner-text .subtitle{font-family:PingFang SC;font-weight:regular;font-size:20px;line-height:normal}.training-camp__con{width:1160px;margin-top:-13.27vw}.training-camp__con--box{border-radius:12px;background:#FFFFFF89;border:1.2px solid #FFFFFF;backdrop-filter:blur(50px);box-shadow:0px 38px 64px -12px #C8D5ED02, 0px 13px 39px 0px #C8D5ED5E}.training-camp__con--box .designer-info{display:flex;padding:40px 0 40px 80px;align-items:center}.training-camp__con--box .designer-info dt{margin-right:20px}.training-camp__con--box .designer-info dt img{width:82px;border-radius:50%}.training-camp__con--box .designer-info dd h3{font-size:20px;font-weight:bold;line-height:1.2;margin-bottom:8px}.training-camp__con--box .designer-info dd span{color:#666666;display:inline-block;padding:0 0px;line-height:24px;font-size:16px}.training-camp__con--box .btn-group{position:absolute;top:48px;height:60px}.training-camp__con--box .btn-group:hover{opacity:0.8}.training-camp__con--box .button-job{right:470px}.training-camp__con--box .button-cert{right:250px}.training-camp__con--box .button-playback{right:30px}.training-camp__con--box .img-title{height:60px;cursor:pointer}.class{width:1180px;background:#fff;border-radius:12px;margin-top:20px;margin-bottom:30px;overflow:hidden;padding-bottom:0px}.class p{padding:15px 0px 0px 20px}.class-tab__menu{display:flex;background:#74B5FF;border-radius:12px;height:70px;color:rgba(255,255,255,0.85);justify-content:space-around;align-items:center}.class-tab__menu li{text-align:center;cursor:pointer;position:relative;flex:1}.class-tab__menu li:hover{color:#fff}.class-tab__menu li h3{font-family:HarmonyOS Sans SC;font-weight:bold;font-size:20px;line-height:1.2;margin-bottom:5px}.class-tab__menu li .class-tab__menu--title{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;justify-content:center;height:125px}.class-tab__menu li .class-tab__menu--title h3{margin-bottom:0px}.class-tab__menu li.cur::before{content:'';display:block;background:url("https://3vj-fe.3vjia.com/study/studyweb/training-camp/grade-step-on.png") no-repeat center;width:393.33px;height:70px;position:absolute;top:28px;left:0;border-radius:12px}.class-tab__menu li:first-child.cur::before,.class-tab__menu li:first-child.cur::after{left:0px}.class-tab__menu li:last-child.cur::before,.class-tab__menu li:last-child.cur::after{left:0px}.class-course__con{padding:20px 40px;display:none}.class-course__con .class-course__title{margin-top:20px;font-size:24px;font-weight:bold;color:#333;text-align:center}.class-course__con .class-course__list .class-course__name{font-size:16px;color:#666;margin-bottom:20px;line-height:1.2;text-align:center}.class-course__con .class-course__list .class-course__name>span{color:#147FFA;font-size:32px;font-weight:bold}.class-course__con .class-course__list .class-course__btn{text-align:center;height:100px}.class-course__con .class-course__list .class-course__btn>button{border-radius:50px;margin-top:10px}.class-course__con .class-course__list .class-course__btn .payIcon{position:absolute;background-image:linear-gradient(to top, #F7931E, #FF3531);border-radius:23.5px 23.5px 23.5px 0px;padding:6px 16px;margin:-5px 0 0 602px;color:#FFFFFF}.class-course__con .class-course__list .class-course__btn .enrollBtn{width:248px;height:60px;border-radius:33.5px;color:#FFFFFF;font-family:PingFang SC;font-weight:regular;font-size:20px;line-height:normal;letter-spacing:0px;text-align:center}.class-course__con .class-course__list .learn-course__list li{display:flex;align-items:center;margin-bottom:20px;border-bottom:1px solid #EFEFEF}.class-course__con .class-course__list .learn-course__list li .is-learned{width:35px;text-align:center;margin-right:28px}.class-course__con .class-course__list .learn-course__list li .learn-course__item{border-bottom:0px solid #EFEFEF;padding:8px 20px 30px 20px;flex:1}.class-course__con .class-course__list .learn-course__list li .learn-course__item .course__info{font-family:PingFang SC;font-size:18px;color:#333;font-weight:regular;position:relative}.class-course__con .class-course__list .learn-course__list li .learn-course__item .course__info>img{float:left;width:160px;height:112px;border-radius:8px;margin-right:40px;cursor:default}.class-course__con .class-course__list .learn-course__list li .learn-course__item .course__info>p{padding-top:20px;line-height:32px;cursor:default}.class-course__con .class-course__list .learn-course__list li .learn-course__item .course__btn{position:relative;width:250px;float:right;margin-top:-45px;z-index:1}.class-course__con .class-course__list .learn-course__list li .learn-course__item .course__btn>button{border-radius:50px;margin-left:20px}.class-course__con .class-course__list .learn-course__list li .learn-course__item h5{font-size:24px;line-height:96px;color:#333;font-weight:bold;position:relative}.class-course__con .class-course__list .learn-course__list li .learn-course__item h5 .iconfont{font-size:18px;color:#999;font-weight:normal;position:absolute;left:108px}.class-course__con .class-course__list .learn-course__list li:last-child{border:0}.modify-p p{padding:0}.modify-p p img{max-width:100%}.block{display:block}.slideShow .designer-info{border:0px solid #333;width:50%;float:left;padding:40px 20px 20px 100px}.slideShow .designer-info img{width:50px;border-radius:50%;float:left;margin-right:20px}.slideShow .designer-info h3{font-size:18px;font-weight:bold;line-height:1.2;padding-top:15px}.slideShow .designer-info p{clear:both;color:#999;padding-top:20px}.slideShow .image-info{border:0px solid #333;width:50%;float:right;padding:40px 40px}.dialog-joinStudy{box-sizing:border-box;padding:23px;width:480px;height:330px;text-align:center}.dialog-joinStudy__top{text-align:right}.dialog-joinStudy__top .icon-close{cursor:pointer;color:rgba(0,0,0,0.45)}.dialog-joinStudy__title{margin-top:3px;margin-bottom:8px;font-family:PingFangSC-Medium;font-size:16px;color:rgba(0,0,0,0.85);line-height:24px}.dialog-joinStudy__desc{font-family:PingFangSC-Regular;font-size:14px;color:rgba(0,0,0,0.65);text-align:center;line-height:22px}.dialog-joinStudy__img{display:block;margin:20px auto 20px}