.course-item .price-wrap{line-height:2}.course-item .info-wrap{line-height:2}.course-item .info-wrap .price-info{height:36px}.course-item .info-wrap .price-info .price-info__free{color:#52c41a;font-size:18px}.course-item .info-wrap .price-info .price-info__cost{color:#fa541c;font-size:14px}.course-item .info-wrap .price-info .price-info__cost>span{vertical-align:middle}.course-item .info-wrap .price-info .price-info__cost .price-info__cost-now{font-size:20px;vertical-align:baseline}.course-item .info-wrap .price-info .price-info__cost .price-info__cost-old{margin:0 4px;text-decoration:line-through;color:#999999}.course-item .info-wrap .price-info .price-info__cost .price-info__cost-text{float:right;margin-top:10px;padding:2px 8px;background:#fa541c;border-radius:2px;color:#fff;font-size:12px;line-height:1.4}.course-item .btn{position:absolute;bottom:0;width:100%;height:48px;line-height:48px;text-align:center;background:rgba(0,0,0,0.5);color:#fff;font-size:16px;opacity:0;transition:all 0.3s}.course-item .btn:hover{background:#178fff}.course-item .btn:active{background:#0e80eb}.course-item .btn .iconfont{display:inline-block;margin-right:4px;vertical-align:top}.course-item dt{text-align:center}.course-item dt:hover .course-play{color:#fff}.course-item dt:hover .btn{opacity:1;cursor:pointer}.course-item dt .scheme-img{height:198px !important;cursor:pointer}.js__toGrowthCourseDetail{cursor:pointer !important}@media screen and (max-width: 1599px){.course-item dt .scheme-img{height:150px !important}}.point{cursor:pointer}.box{width:65px;height:35px;position:absolute;top:80px;left:125px;display:none}.svj-modal{width:365px;height:235px;position:absolute;top:30px;left:-100px;display:none;border-radius:3.15px;z-index:99;text-align:center;background-size:100%;box-shadow:1px 1px 5px #ccc}.designer-img{text-align:center}.designer-img img{width:60px;border-radius:50%}.designer-name{font-family:PingFangSC-Semibold;font-size:13.92px;color:#333333;letter-spacing:0;font-weight:600;height:20px;margin-top:8px;margin-bottom:4px}.designer-title{font-family:PingFangSC-Semibold;font-size:16.7px;color:#555555;letter-spacing:0;text-align:center;font-weight:600;display:flex;justify-content:center}.designer-title div{margin-top:33px;margin-bottom:24px;width:218px;height:24px}.designer-load{background-image:linear-gradient(90deg, #71B3FF 0%, #147FFA 100%);border-radius:11.14px;width:79px;height:22px;border:none;font-family:PingFangSC-Regular;font-size:9.74px;color:#FFFFFF;letter-spacing:0;font-weight:400;font-size:12px}.designer-load .loadlist{display:none}.img-modal{width:240px;height:256px;position:absolute;left:730px;top:0;z-index:99;text-align:center;display:none;border-radius:6px;background-size:100%}.modal-center{height:25px;margin-top:100px;margin-bottom:38px}.modal-center-title{width:91px;height:25px;font-family:PingFangSC-Medium;font-size:18px;color:#FFFFFF;letter-spacing:0.08px;font-weight:500}.modal-bottom{height:96px}.modal-bottom-content{width:151px;display:block;font-family:PingFangSC-Regular;font-size:12px;color:#FFFFFF;letter-spacing:0.05px;font-weight:400;margin:auto}

@-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/project/study-pc/images/growthCourseBanner-new.png") center top;background-repeat:no-repeat;background-size:100vw auto;height:28.854vw}.growth-course__con{width:1180px;margin-top:-14.27vw}.growth-course__con--left{background:#fff;border-radius:4px;padding:0 40px 24px 40px}.growth-course__con--left .designer-info{display:flex;padding-top:40px;align-items:center}.growth-course__con--left .designer-info dt{margin-right:20px}.growth-course__con--left .designer-info dt img{width:60px;border-radius:50%}.growth-course__con--left .designer-info dd h3{font-size:20px;font-weight:bold;line-height:1.2;margin-bottom:8px}.growth-course__con--left .designer-info dd span{color:#147ffa;background:rgba(20,127,250,0.05);border-radius:20px;display:inline-block;padding:0 12px;line-height:24px;font-size:14px}.growth-course__con--left .designer-medal{position:absolute;right:50px;top:0;width:110px;height:110px}.growth-course__con--left .designer-medal img{width:100%}.growth-course__con--left .learn-info{display:flex;justify-content:space-between;margin-top:64px}.growth-course__con--left .learn-info__progress div:first-child{color:#333}.growth-course__con--left .learn-info__progress div:last-child{color:#999}.growth-course__con--left .learn-info__progress .bar{width:200px;height:4px;background:rgba(20,127,250,0.1);border-radius:12px;margin:12px 0;overflow:hidden}.growth-course__con--left .learn-info__progress .bar .on{display:block;background:#147FFA;height:4px}.growth-course__con--left .learn-info__status{display:flex}.growth-course__con--left .learn-info__status div{display:flex;flex-direction:column;text-align:center;line-height:1.8}.growth-course__con--left .learn-info__status div span{color:#999}.growth-course__con--left .learn-info__status div span i{font-size:24px;color:#333;font-weight:bold}.growth-course__con--left .learn-info__status div:first-child{padding-right:20px;margin-right:20px;position:relative}.growth-course__con--left .learn-info__status div:first-child::after{content:'';width:1px;height:18px;background-color:#E8E8E8;position:absolute;right:0;top:25px}.growth-course__con--right{background:#fff;border-radius:4px;padding:0 20px 12px 20px;height:256px}.growth-course__con--right .learning-people__title{color:#fff;text-align:center;background-image:linear-gradient(135deg, #70B3FF 1%, #147FFA 100%);width:195px;height:36px;line-height:36px;margin:0 auto;position:relative}.growth-course__con--right .learning-people__title::before,.growth-course__con--right .learning-people__title::after{content:'';display:block;background-color:#fff;height:38px;width:10px;transform:rotate(-15deg);position:absolute;top:1px}.growth-course__con--right .learning-people__title::before{left:-5px}.growth-course__con--right .learning-people__title::after{transform:rotate(15deg);right:-5px}.growth-course__con--right .learning-people__list{height:208px;overflow:hidden}.growth-course__con--right .learning-people__list li{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.growth-course__con--right .learning-people__list li span{display:block;line-height:40px;color:#333}.growth-course__con--right .learning-people__list li span img{width:40px;height:40px;border-radius:50%;margin-right:10px}.growth-course__con--right .learning-people__list li span:last-child{color:#999}.growth-course__con--right .learning-people__name{display:inline-block  !important;max-width:180px;vertical-align:middle}.class{width:1180px;background:#fff;border-radius:4px;margin-top:50px;margin-bottom:60px;overflow:hidden;padding-bottom:30px}.class-tab__menu{display:flex;background:#74B5FF;height:125px;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-size:24px;line-height:1.2;margin-bottom:10px}.class-tab__menu li span i{font-size:14px;margin-right: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.cur::before{content:'';display:block;background:url("https://3vj-fe.3vjia.com/project/study-pc/images/grade-step-on.png") no-repeat center top;width:354px;height:125px;position:absolute;top:0;left:-28px}.class-tab__menu li:first-child.cur::before,.class-tab__menu li:first-child.cur::after{left:-46px}.class-tab__menu li:last-child.cur::before,.class-tab__menu li:last-child.cur::after{left:-14px}.class-course__con{padding:20px 40px;display:none}.class-course__con .class-course__title{margin-top:20px;font-size:14px;color:#333}.class-course__con .class-course__title{margin:20px 5px 15px;font-size:14px;color:#333}.class-course__con .class-course__list .class-course__name{font-size:16px;color:#666;margin-left:60px;margin-bottom:20px;line-height:1.2}.class-course__con .class-course__list .learn-course__list li{display:flex;align-items:center;margin-bottom:20px}.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 .is-learned .icon-checkbox__hook{display:inline-block;background:#147ffa;border-radius:50%;color:#fff;width:35px;height:35px;line-height:35px;font-size:20px;position:relative;z-index:2}.class-course__con .class-course__list .learn-course__list li .is-learned .un-learned{display:inline-block;width:20px;height:20px;background:rgba(20,127,250,0.1);border-radius:50%;padding:4px;position:relative;z-index:2}.class-course__con .class-course__list .learn-course__list li .is-learned .un-learned::after{content:'';display:block;background:rgba(20,127,250,0.3);width:12px;height:12px;border-radius:50%}.class-course__con .class-course__list .learn-course__list li .learn-course__item{display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 30px 0 rgba(0,59,126,0.08);border-radius:4px;padding:20px;flex:1}.class-course__con .class-course__list .learn-course__list li .learn-course__item>.course__info{font-size:24px;line-height:96px;color:#333;font-weight:bold;position:relative;cursor:pointer}.class-course__con .class-course__list .learn-course__list li .learn-course__item>.course__info>img{margin-right:40px}.class-course__con .class-course__list .learn-course__list li .learn-course__item>.course__info:hover{color:#147ffa}.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 .learn-course__item:hover{box-shadow:0 8px 30px 0 rgba(0,59,126,0.12)}.class-course__con .class-course__list .learn-course__list li .learn-course__item .check-position{width:18px;text-align:center;position:absolute;right:78px;height:18px;display:block;top:50%;line-height:18px;margin-top:-8px}.class-course__con .class-course__list .learn-course__list li .learn-course__item .faild,.class-course__con .class-course__list .learn-course__list li .learn-course__item .pass,.class-course__con .class-course__list .learn-course__list li .learn-course__item .pending{font-size:16px;position:absolute;position:absolute;right:-100px;top:2px}.class-course__con .class-course__list .learn-course__list li .learn-course__item .faild{color:#df4845}.class-course__con .class-course__list .learn-course__list li .learn-course__item .pass{color:#66c391}.class-course__con .class-course__list .learn-course__list li .learn-course__item .pending{color:#dd6e39}.class-course__con .class-course__list .learn-course__list.is-line .is-learned{position:relative}.class-course__con .class-course__list .learn-course__list.is-line .is-learned::before,.class-course__con .class-course__list .learn-course__list.is-line .is-learned::after{content:'';display:block;height:70px;border-left:1px dashed #E8E8E8;width:1px;position:absolute;left:17px}.class-course__con .class-course__list .learn-course__list.is-line .is-learned::before{top:-66px}.class-course__con .class-course__list .learn-course__list.is-line .is-learned::after{top:22px}.class-course__con .class-course__list .learn-course__list.is-line li:first-child .is-learned::before{border:none}.class-course__con .class-course__list .learn-course__list.is-line li:last-child .is-learned::after{border:none}.class-course__con .class-course__category{display:flex;flex-wrap:wrap;margin-bottom:20px}.class-course__con .class-course__category li{background:#fff;box-shadow:0 8px 30px 0 rgba(0,59,126,0.08);border-radius:4px;width:330px;height:214px;padding:0 20px;margin:18px;position:relative}.class-course__con .class-course__category li h3{color:#147ffa;text-align:center;font-size:20px;font-weight:bold;margin:20px;line-height:1.2;display:flex;justify-content:center}.class-course__con .class-course__category li h3 .cat-title__left,.class-course__con .class-course__category li h3 .cat-title__right{margin:8px 10px 0 10px}.class-course__con .class-course__category li h3 .cat-title__left::before,.class-course__con .class-course__category li h3 .cat-title__left::after,.class-course__con .class-course__category li h3 .cat-title__right::before,.class-course__con .class-course__category li h3 .cat-title__right::after{content:'';display:block;height:3px;background:rgba(20,127,250,0.2);margin-bottom:3px}.class-course__con .class-course__category li h3 .cat-title__left::before,.class-course__con .class-course__category li h3 .cat-title__right::before{width:18px}.class-course__con .class-course__category li h3 .cat-title__left::after,.class-course__con .class-course__category li h3 .cat-title__right::after{width:10px}.class-course__con .class-course__category li h3 .cat-title__left::after{margin-left:8px}.class-course__con .class-course__category li p{margin:0 20px;line-height:1.5;max-height:88px;overflow:hidden}.class-course__con .class-course__category li .bottom{border-top:1px dashed #E8E8E8;line-height:44px;color:rgba(153,153,153,0.8);text-align:center;margin-top:20px;position:absolute;bottom:0;left:20px;right:20px}.class-course__con .class-course__category li:hover{box-shadow:0 8px 30px 0 rgba(0,59,126,0.12)}.class-course__con .class-course__category li.is-checked{border:1px solid #147ffa;font-family:"iconfont" !important}.class-course__con .class-course__category li.is-checked::before{content:'';width:48px;height:48px;display:block;position:absolute;top:0;right:0;background-image:linear-gradient(135deg, #70B3FF 1%, #147FFA 100%);border-radius:0 4px 0 100px}.class-course__con .class-course__category li.is-checked::after{content:"\e6d6";color:#fff;font-size:24px;position:absolute;right:5px;top:5px}.class-course__con .class-course__locked{height:510px;display:flex;justify-content:center;align-items:center;text-align:center;color:#999}.class-course__menu{position:absolute;background:#fff;box-shadow:0 8px 30px 0 rgba(0,59,126,0.08);border-radius:4px;padding:8px 0;width:180px;z-index:3;left:60px;display:none}.class-course__menu li{line-height:46px;text-align:center;font-size:16px;cursor:pointer;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 15px}.class-course__menu li i{color:#999;margin-right:5px}.class-course__menu li:hover{background:#E6F6FF;color:#147ffa}.block{display:block}.optional-course{margin:60px auto 0}.optional-course h3{font-size:24px;color:#333333;font-weight:bold;margin-bottom:10px}.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}