.banner-item[data-v-b1e43216]{padding:2rem 1.5rem}.banner-item .banner-item-content[data-v-b1e43216]{background-position:50%;background-size:cover;background-repeat:no-repeat;height:16rem;width:100%;border-radius:1.2rem}.banner-item .content-wrapper[data-v-b1e43216]{width:100%;height:100%;padding:2.6rem 1.5rem 0;display:flex;flex-direction:column;align-items:center}.banner-item .content-wrapper .title[data-v-b1e43216]{font-size:2rem;line-height:3rem;color:#333;font-weight:700;width:100%;margin-bottom:1.6rem;text-align:center}.banner-item .content-wrapper .banner-button[data-v-b1e43216]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 24px;height:3.2rem;line-height:3.2rem;border-radius:1.6rem;color:#fff;font-size:1.4rem;font-weight:600;text-align:center;background-image:linear-gradient(90deg,#d7150e,#f09c18);cursor:pointer;transition:all .3s ease-in-out}.banner-item .content-wrapper .banner-button[data-v-b1e43216]:hover{background-image:linear-gradient(90deg,#d7150e,#ef9517 50%,#f06218)}.banner-item .content-wrapper .banner-button[data-v-b1e43216]:active{background-image:linear-gradient(90deg,#f06218,#cc4b11 50%,#d88716)}.banner-pagination[data-v-b1e43216]{position:absolute;left:50%;transform:translate(-50%);bottom:1.2rem;z-index:100;margin-bottom:0;line-height:1}.banner-pagination>li[data-v-b1e43216]{border-radius:50%;width:1.2rem;height:1.2rem;display:inline-block;position:relative;margin-right:1.8rem;background:hsla(0,0%,100%,.1);cursor:pointer}.banner-pagination>li[data-v-b1e43216]:last-child{margin-right:0}.banner-pagination>li[data-v-b1e43216]:after{background:hsla(0,0%,100%,.5)}.banner-pagination .active[data-v-b1e43216]:after,.banner-pagination>li[data-v-b1e43216]:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:1rem;height:1rem;display:inline-block}.banner-pagination .active[data-v-b1e43216]:after{background:#fff}[data-v-b1e43216] .swiper-pagination{display:flex;bottom:2.8rem;width:22rem;align-items:center;justify-content:center;left:50%;margin-left:-11rem}[data-v-b1e43216] .swiper-pagination-bullet{background-color:transparent;opacity:1;max-width:30px;height:9px;position:relative;outline:none;vertical-align:middle;flex:1 1}[data-v-b1e43216] .swiper-pagination-bullet:first-child{margin-left:0}[data-v-b1e43216] .swiper-pagination-bullet:last-child{margin-right:0}[data-v-b1e43216] .swiper-pagination-bullet span{width:100%;height:2px;background-color:hsla(0,0%,100%,.15);display:block;margin-top:3px}[data-v-b1e43216] .swiper-pagination-bullet i{background-color:#fff;height:2px;width:100%;position:absolute;top:3px;transform:scaleX(0);transform-origin:left;z-index:3;transition-timing-function:linear}[data-v-b1e43216] .swiper-pagination-bullet-active i{-webkit-animation:middle-b1e43216 var(--6cf683c7) forwards;animation:middle-b1e43216 var(--6cf683c7) forwards}@-webkit-keyframes middle-b1e43216{0%{transform:scaleX(0);left:0}to{transform:scaleX(1);left:0}}@keyframes middle-b1e43216{0%{transform:scaleX(0);left:0}to{transform:scaleX(1);left:0}}.body--container[data-v-b1e43216]{max-width:1370px;padding-left:30px;padding-right:30px;margin:0 auto}.flex--box--center[data-v-b1e43216]{display:flex;align-items:center;justify-content:center}.flex--box--space--between[data-v-b1e43216]{display:flex;align-items:center;justify-content:space-between}.flex--box--vertical--center[data-v-b1e43216],.flex--box--vertical[data-v-b1e43216]{display:flex;flex-direction:column;align-items:center}.flex--box--vertical--center[data-v-b1e43216]{justify-content:center}.grid--standard--column--wrapper_4[data-v-b1e43216]{grid-template-columns:repeat(auto-fill,minmax(281.25px,calc(25% - 18.75px)))}.grid--standard--column--wrapper_3[data-v-b1e43216],.grid--standard--column--wrapper_4[data-v-b1e43216]{display:grid;grid-row-gap:25px;justify-content:space-between;grid-column-gap:25px;justify-content:center}.grid--standard--column--wrapper_3[data-v-b1e43216]{grid-template-columns:repeat(auto-fill,minmax(383.33333px,calc(33.33333% - 16.66667px)));grid-template-columns:repeat(3,calc(33.33333% - 17.33333px))}.vertical--center[data-v-b1e43216]{position:absolute;top:50%;transform:translateY(-50%)}.level--center[data-v-b1e43216]{position:absolute;left:50%;transform:translate(-50%)}.vertical--level--center[data-v-b1e43216]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.vertical--center--flex[data-v-b1e43216]{display:flex;align-items:center}.level--center--flex[data-v-b1e43216]{display:flex;justify-content:center}.vertical--level--center--flex[data-v-b1e43216]{display:flex;justify-content:center;align-items:center}.overflow--ellipsis[data-v-b1e43216]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m--toast[data-v-b1e43216]{background-color:#fff!important;font-size:1.6rem!important;color:#333!important;letter-spacing:0!important;line-height:2.2rem!important;font-weight:400!important;min-width:20rem!important;max-width:34.5rem!important}.scroll--bar[data-v-b1e43216]::-webkit-scrollbar{width:6px;background:#fff}.scroll--bar[data-v-b1e43216]::-webkit-scrollbar-thumb{border-radius:20px;width:6px;border:4px solid transparent;background:#d8d8d8}.scroll--bar[data-v-b1e43216]::-webkit-scrollbar-track{box-shadow:inset 0 0 0 #ddd}.bg--standard--image[data-v-b1e43216]{width:100%;background-repeat:no-repeat;background-size:cover;background-position:50%}input[data-v-b1e43216]::-webkit-input-placeholder{color:#999}input[data-v-b1e43216]:-moz-placeholder,input[data-v-b1e43216]::-moz-placeholder{color:#999;opacity:1}.mobile-view-more[data-v-b1e43216]{display:flex;align-items:center;justify-content:center}.mobile-view-more button[data-v-b1e43216]{height:3.2rem;border:1px solid #ddd;padding:0 1.6rem;border-radius:1.6rem;background-color:#fff;font-size:1.4rem;color:#2e2c2a}.updated-tag[data-v-b1e43216]{font-size:12px;line-height:20px;border-radius:20px;height:20px;padding:0 10px;margin-left:8px}.mobile-updated-tag[data-v-b1e43216],.updated-tag[data-v-b1e43216]{font-style:italic;vertical-align:top;display:inline-block;color:#00b06e;background:rgba(0,176,110,.1);font-weight:700}.mobile-updated-tag[data-v-b1e43216]{font-size:1.2rem;line-height:2rem;border-radius:2rem;height:2rem;padding:0 1rem;margin-left:.8rem}.banner_typing{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;line-height:4.6rem}.banner_pointer-ani{position:relative}.banner_pointer-ani:after{content:"";-webkit-animation:_twinkle_ 1s linear infinite;animation:_twinkle_ 1s linear infinite;width:4px;height:100%;background:#d7150e;position:absolute;top:50%;transform:translateY(-50%);right:-1rem}.rtl--container .banner_pointer-ani:after{right:auto;left:-1rem}@-webkit-keyframes _twinkle_{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes _twinkle_{0%{opacity:0}50%{opacity:1}to{opacity:0}}.body--container{max-width:1370px;padding-left:30px;padding-right:30px;margin:0 auto}.flex--box--center{display:flex;align-items:center;justify-content:center}.flex--box--space--between{display:flex;align-items:center;justify-content:space-between}.flex--box--vertical,.flex--box--vertical--center{display:flex;flex-direction:column;align-items:center}.flex--box--vertical--center{justify-content:center}.grid--standard--column--wrapper_4{grid-template-columns:repeat(auto-fill,minmax(281.25px,calc(25% - 18.75px)))}.grid--standard--column--wrapper_3,.grid--standard--column--wrapper_4{display:grid;grid-row-gap:25px;justify-content:space-between;grid-column-gap:25px;justify-content:center}.grid--standard--column--wrapper_3{grid-template-columns:repeat(auto-fill,minmax(383.33333px,calc(33.33333% - 16.66667px)));grid-template-columns:repeat(3,calc(33.33333% - 17.33333px))}.vertical--center{position:absolute;top:50%;transform:translateY(-50%)}.level--center{position:absolute;left:50%;transform:translate(-50%)}.vertical--level--center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.vertical--center--flex{display:flex;align-items:center}.level--center--flex,.vertical--level--center--flex{display:flex;justify-content:center}.vertical--level--center--flex{align-items:center}.overflow--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m--toast{background-color:#fff!important;font-size:1.6rem!important;color:#333!important;letter-spacing:0!important;line-height:2.2rem!important;font-weight:400!important;min-width:20rem!important;max-width:34.5rem!important}.scroll--bar::-webkit-scrollbar{width:6px;background:#fff}.scroll--bar::-webkit-scrollbar-thumb{border-radius:20px;width:6px;border:4px solid transparent;background:#d8d8d8}.scroll--bar::-webkit-scrollbar-track{box-shadow:inset 0 0 0 #ddd}.bg--standard--image{width:100%;background-repeat:no-repeat;background-size:cover;background-position:50%}input::-webkit-input-placeholder{color:#999}input:-moz-placeholder,input::-moz-placeholder{color:#999;opacity:1}.mobile-view-more{display:flex;align-items:center;justify-content:center}.mobile-view-more button{height:3.2rem;border:1px solid #ddd;padding:0 1.6rem;border-radius:1.6rem;background-color:#fff;font-size:1.4rem;color:#2e2c2a}.updated-tag{font-size:12px;line-height:20px;border-radius:20px;height:20px;padding:0 10px;margin-left:8px}.mobile-updated-tag,.updated-tag{font-style:italic;vertical-align:top;display:inline-block;color:#00b06e;background:rgba(0,176,110,.1);font-weight:700}.mobile-updated-tag{font-size:1.2rem;line-height:2rem;border-radius:2rem;height:2rem;padding:0 1rem;margin-left:.8rem}.section-wrapper[data-v-880a9238]{display:flex;flex-direction:column;padding:0 1.5rem}.section-header-view[data-v-880a9238]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.section-header-view .section-title[data-v-880a9238]{font-weight:700;font-size:2.4rem;line-height:3.3rem;color:#1e212c}.section-header-view .right-view[data-v-880a9238]{display:flex;align-items:center;font-size:1.4rem;color:#666;line-height:3.3rem;grid-gap:.8rem;gap:.8rem}.section-header-view .right-view .arrow-icon[data-v-880a9238]{width:.6rem;height:1rem}.section-sub-title[data-v-880a9238]{font-weight:700;font-size:1.6rem;line-height:2.2rem;margin-bottom:1.2rem}.rtl--container .section-header-view .right-view .arrow-icon[data-v-880a9238]{transform:rotate(180deg)}.section-wrapper[data-v-880a9238]{padding-bottom:3rem}[data-v-880a9238] .tabs-wrapper.sub-tab{height:auto;border:none;overflow-x:auto}[data-v-880a9238] .tabs-wrapper.sub-tab .tab-item{font-size:1.4rem;margin-right:1.5rem;height:3.2rem;line-height:3.2rem;white-space:nowrap;padding:0 1.5rem;border-radius:5rem;background-color:#f5f5f5;color:#666;font-weight:400}[data-v-880a9238] .tabs-wrapper.sub-tab .tab-item-active{background-color:rgba(215,21,14,.1);color:#d7150e}[data-v-880a9238] .tabs-wrapper.sub-tab .tab-item-active:after{display:none}.content-wrapper[data-v-880a9238]{align-items:normal}.content-wrapper .trainer-info-list[data-v-880a9238]{margin-top:1.5rem;display:flex;flex-wrap:nowrap;width:100%;overflow-x:scroll;grid-gap:1.5rem;gap:1.5rem;align-items:stretch;scrollbar-color:transparent transparent}.content-wrapper .trainer-info-list[data-v-880a9238]::-webkit-scrollbar{display:none}.content-wrapper .trainer-info-list .trainer-item[data-v-880a9238]{display:flex;align-items:center;flex-direction:column;width:15rem;flex-shrink:0;background-color:#f5f5f5;border-radius:1rem;padding:2rem}.content-wrapper .trainer-info-list .trainer-item .avatar[data-v-880a9238]{border-radius:50%;width:4rem;height:4rem;display:inline-block;margin-bottom:1.6rem;-o-object-fit:cover;object-fit:cover}.content-wrapper .trainer-info-list .trainer-item .trainer-name[data-v-880a9238]{font-size:1.4rem;color:#333;margin-bottom:1rem;white-space:nowrap}.content-wrapper .trainer-info-list .trainer-item .trainer-title[data-v-880a9238]{font-size:1.4rem;color:#666;white-space:normal;text-align:center}.body--container[data-v-880a9238]{max-width:1370px;padding-left:30px;padding-right:30px;margin:0 auto}.flex--box--center[data-v-880a9238]{display:flex;align-items:center;justify-content:center}.flex--box--space--between[data-v-880a9238]{display:flex;align-items:center;justify-content:space-between}.flex--box--vertical--center[data-v-880a9238],.flex--box--vertical[data-v-880a9238]{display:flex;flex-direction:column;align-items:center}.flex--box--vertical--center[data-v-880a9238]{justify-content:center}.grid--standard--column--wrapper_4[data-v-880a9238]{grid-template-columns:repeat(auto-fill,minmax(281.25px,calc(25% - 18.75px)))}.grid--standard--column--wrapper_3[data-v-880a9238],.grid--standard--column--wrapper_4[data-v-880a9238]{display:grid;grid-row-gap:25px;justify-content:space-between;grid-column-gap:25px;justify-content:center}.grid--standard--column--wrapper_3[data-v-880a9238]{grid-template-columns:repeat(auto-fill,minmax(383.33333px,calc(33.33333% - 16.66667px)));grid-template-columns:repeat(3,calc(33.33333% - 17.33333px))}.vertical--center[data-v-880a9238]{position:absolute;top:50%;transform:translateY(-50%)}.level--center[data-v-880a9238]{position:absolute;left:50%;transform:translate(-50%)}.vertical--level--center[data-v-880a9238]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.vertical--center--flex[data-v-880a9238]{display:flex;align-items:center}.level--center--flex[data-v-880a9238]{display:flex;justify-content:center}.vertical--level--center--flex[data-v-880a9238]{display:flex;justify-content:center;align-items:center}.overflow--ellipsis[data-v-880a9238]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m--toast[data-v-880a9238]{background-color:#fff!important;font-size:1.6rem!important;color:#333!important;letter-spacing:0!important;line-height:2.2rem!important;font-weight:400!important;min-width:20rem!important;max-width:34.5rem!important}.scroll--bar[data-v-880a9238]::-webkit-scrollbar{width:6px;background:#fff}.scroll--bar[data-v-880a9238]::-webkit-scrollbar-thumb{border-radius:20px;width:6px;border:4px solid transparent;background:#d8d8d8}.scroll--bar[data-v-880a9238]::-webkit-scrollbar-track{box-shadow:inset 0 0 0 #ddd}.bg--standard--image[data-v-880a9238]{width:100%;background-repeat:no-repeat;background-size:cover;background-position:50%}input[data-v-880a9238]::-webkit-input-placeholder{color:#999}input[data-v-880a9238]:-moz-placeholder,input[data-v-880a9238]::-moz-placeholder{color:#999;opacity:1}.mobile-view-more[data-v-880a9238]{display:flex;align-items:center;justify-content:center}.mobile-view-more button[data-v-880a9238]{height:3.2rem;border:1px solid #ddd;padding:0 1.6rem;border-radius:1.6rem;background-color:#fff;font-size:1.4rem;color:#2e2c2a}.updated-tag[data-v-880a9238]{font-size:12px;line-height:20px;border-radius:20px;height:20px;padding:0 10px;margin-left:8px}.mobile-updated-tag[data-v-880a9238],.updated-tag[data-v-880a9238]{font-style:italic;vertical-align:top;display:inline-block;color:#00b06e;background:rgba(0,176,110,.1);font-weight:700}.mobile-updated-tag[data-v-880a9238]{font-size:1.2rem;line-height:2rem;border-radius:2rem;height:2rem;padding:0 1rem;margin-left:.8rem}.section-wrapper[data-v-30bdeafa]{display:flex;flex-direction:column;padding:0 1.5rem}.section-header-view[data-v-30bdeafa]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.section-header-view .section-title[data-v-30bdeafa]{font-weight:700;font-size:2.4rem;line-height:3.3rem;color:#1e212c}.section-header-view .right-view[data-v-30bdeafa]{display:flex;align-items:center;font-size:1.4rem;color:#666;line-height:3.3rem;grid-gap:.8rem;gap:.8rem}.section-header-view .right-view .arrow-icon[data-v-30bdeafa]{width:.6rem;height:1rem}.section-sub-title[data-v-30bdeafa]{font-weight:700;font-size:1.6rem;line-height:2.2rem;margin-bottom:1.2rem}.rtl--container .section-header-view .right-view .arrow-icon[data-v-30bdeafa]{transform:rotate(180deg)}.recommend-course-container[data-v-30bdeafa]{padding-bottom:1.5rem}.pending-course-wrapper[data-v-30bdeafa]{width:100%;overflow:scroll;margin-bottom:2.2rem}.pending-course-wrapper .course-list-view[data-v-30bdeafa]{max-width:100%;display:flex;overflow-x:scroll;overflow-y:hidden;grid-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem;scrollbar-color:transparent transparent}.pending-course-wrapper .course-list-view[data-v-30bdeafa]::-webkit-scrollbar{display:none}.course-item[data-v-30bdeafa]{display:flex;flex-direction:column;width:14rem;flex-shrink:0;overflow:hidden}.course-item .course-learning-process[data-v-30bdeafa]{height:2rem;display:flex;align-items:center}.course-item .course-cover[data-v-30bdeafa]{width:100%;height:7.8rem;margin-bottom:1.2rem;position:relative;border-radius:.8rem}.course-item .course-cover .tag-box[data-v-30bdeafa]{position:absolute;top:.4rem;left:.4rem;background:#fff;padding:0 .3rem;height:2rem;border-radius:.4rem;color:#333;font-size:1rem;display:flex;align-items:center}.course-item .course-title[data-v-30bdeafa]{font-size:1.4rem;line-height:2.2rem;color:#333;font-weight:600}.course-item .course-number[data-v-30bdeafa]{color:#666;font-size:1.2rem;line-height:1.8rem;margin-top:.8rem}.classroom-item[data-v-30bdeafa]{margin-bottom:1.5rem;position:relative;width:100%;background-color:#f3f2ef;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start;color:#333}.classroom-item .classroom-info[data-v-30bdeafa]{display:flex;justify-content:space-between;grid-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}.classroom-item .classroom-info .trainer-info[data-v-30bdeafa]{display:flex;align-items:center;margin-bottom:1rem;height:2rem;grid-column-gap:.8rem;-moz-column-gap:.8rem;column-gap:.8rem}.classroom-item .classroom-info .trainer-info .avatar[data-v-30bdeafa]{width:2rem;height:2rem;-o-object-fit:cover;object-fit:cover;border-radius:50%}.classroom-item .classroom-info .trainer-info .username[data-v-30bdeafa]{font-size:1.2rem}.classroom-item .classroom-info .classroom-title[data-v-30bdeafa]{font-weight:600;font-size:1.4rem;line-height:2.2rem;margin-bottom:1rem}.classroom-item .classroom-info .info-line[data-v-30bdeafa]{font-size:1.2rem;line-height:2rem;color:#333}.classroom-item .classroom-info .classroom-info-right[data-v-30bdeafa]{display:flex;flex-direction:column;align-items:flex-end}.classroom-item .classroom-info .classroom-info-right .classroom-type[data-v-30bdeafa]{font-size:1rem;height:2rem;display:flex;align-items:center;padding:0 .4rem;margin-bottom:1.1rem;background:#fff;border-radius:.4rem;color:#333}.classroom-item .classroom-info .classroom-info-right .classroom-image[data-v-30bdeafa]{flex-shrink:0;width:8rem;height:4.5rem;border-radius:.8rem}.classroom-item .classroom-price[data-v-30bdeafa]{margin-top:1.5rem;display:flex;align-items:center}.classroom-item .classroom-price span[data-v-30bdeafa]{color:#333;font-size:1.2rem;font-weight:400;line-height:1.8rem;letter-spacing:0;text-align:left}.classroom-item .classroom-price .price-number[data-v-30bdeafa]{padding-left:.6rem;color:#333;font-size:1.6rem;font-weight:700;line-height:2.2rem;letter-spacing:0;text-align:left}.classroom-item[data-v-30bdeafa]:last-child{background-color:#f0f5f4}.rtl--container .recommend-course-container .course-item .tag-box[data-v-30bdeafa]{left:auto;right:.4rem}.classroom-detial-view[data-v-30bdeafa]{padding:3rem 1.5rem 0}.classroom-detial-view .tags-view[data-v-30bdeafa]{display:flex;color:#666;font-size:1.2rem;font-weight:700;line-height:1.6rem;grid-column-gap:1.6rem;-moz-column-gap:1.6rem;column-gap:1.6rem;font-style:italic;align-items:center}.classroom-detial-view .tags-view>i[data-v-30bdeafa]{margin:0 -.8rem;width:1px;height:12px;background:#ddd}.classroom-detial-view .classroom-name[data-v-30bdeafa]{margin-top:1.2rem;color:#333;font-size:1.6rem;font-weight:700;line-height:2.2rem}.classroom-detial-view .trainer-view[data-v-30bdeafa]{margin-top:1.2rem;display:flex;grid-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem;align-items:center}.classroom-detial-view .trainer-view .avatar[data-v-30bdeafa]{width:2.4rem;height:2.4rem;-o-object-fit:cover;object-fit:cover;border-radius:50%}.classroom-detial-view .trainer-view .username[data-v-30bdeafa]{color:#333;font-size:1.4rem;line-height:2.2rem}.classroom-detial-view .description[data-v-30bdeafa]{margin-top:1.2rem;color:#333;font-size:1.4rem;line-height:2.2rem}.classroom-detial-view .address-view[data-v-30bdeafa],.classroom-detial-view .time-view[data-v-30bdeafa]{margin-top:1.2rem;display:flex;align-items:flex-start;color:#333;font-size:1.2rem;line-height:2rem;grid-column-gap:.8rem;-moz-column-gap:.8rem;column-gap:.8rem}.classroom-detial-view .address-view .icon[data-v-30bdeafa],.classroom-detial-view .time-view .icon[data-v-30bdeafa]{height:1.4rem;width:1.4rem}.classroom-detial-view .address-view .icon>img[data-v-30bdeafa],.classroom-detial-view .time-view .icon>img[data-v-30bdeafa]{width:auto;height:1.4rem}.classroom-detial-view .trainee-view[data-v-30bdeafa]{margin-top:1.2rem;display:flex;align-items:center;grid-column-gap:.8rem;-moz-column-gap:.8rem;column-gap:.8rem;padding:1.2rem 1.5rem;color:#333;border-radius:1rem;background:#f5f5f5}.classroom-detial-view .trainee-view .trainee-item[data-v-30bdeafa]{flex:1 1;display:flex;font-size:1.2rem;align-items:flex-end;grid-column-gap:.3rem;-moz-column-gap:.3rem;column-gap:.3rem}.classroom-detial-view .trainee-view .trainee-item>span[data-v-30bdeafa]{font-weight:700;font-size:1.6rem}.classroom-detial-view .split-line[data-v-30bdeafa]{margin-top:1.5rem;height:1px;background-color:#eaeaea;width:100%}.operate-view[data-v-30bdeafa]{display:flex;padding:1.3rem 0}.operate-view[data-v-30bdeafa] .recommend-button-box{flex:1 1;text-align:center;line-height:2.2rem;color:#1585ff;font-size:1.4rem;height:2.2rem;padding:0;border:none}.operate-view[data-v-30bdeafa] .recommend-button-box_sub{margin-left:0}.operate-view[data-v-30bdeafa] .split-line{width:1px;flex-shrink:0;height:2.2rem;background-color:#eaeaea}[data-v-30bdeafa] .ant-modal-close-x .anticon{vertical-align:middle}[data-v-30bdeafa] .ant-modal-close-x .anticon svg{width:2.4rem;height:2.4rem}.body--container[data-v-30bdeafa]{max-width:1370px;padding-left:30px;padding-right:30px;margin:0 auto}.flex--box--center[data-v-30bdeafa]{display:flex;align-items:center;justify-content:center}.flex--box--space--between[data-v-30bdeafa]{display:flex;align-items:center;justify-content:space-between}.flex--box--vertical--center[data-v-30bdeafa],.flex--box--vertical[data-v-30bdeafa]{display:flex;flex-direction:column;align-items:center}.flex--box--vertical--center[data-v-30bdeafa]{justify-content:center}.grid--standard--column--wrapper_4[data-v-30bdeafa]{grid-template-columns:repeat(auto-fill,minmax(281.25px,calc(25% - 18.75px)))}.grid--standard--column--wrapper_3[data-v-30bdeafa],.grid--standard--column--wrapper_4[data-v-30bdeafa]{display:grid;grid-row-gap:25px;justify-content:space-between;grid-column-gap:25px;justify-content:center}.grid--standard--column--wrapper_3[data-v-30bdeafa]{grid-template-columns:repeat(auto-fill,minmax(383.33333px,calc(33.33333% - 16.66667px)));grid-template-columns:repeat(3,calc(33.33333% - 17.33333px))}.vertical--center[data-v-30bdeafa]{position:absolute;top:50%;transform:translateY(-50%)}.level--center[data-v-30bdeafa]{position:absolute;left:50%;transform:translate(-50%)}.vertical--level--center[data-v-30bdeafa]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.vertical--center--flex[data-v-30bdeafa]{display:flex;align-items:center}.level--center--flex[data-v-30bdeafa]{display:flex;justify-content:center}.vertical--level--center--flex[data-v-30bdeafa]{display:flex;justify-content:center;align-items:center}.overflow--ellipsis[data-v-30bdeafa]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m--toast[data-v-30bdeafa]{background-color:#fff!important;font-size:1.6rem!important;color:#333!important;letter-spacing:0!important;line-height:2.2rem!important;font-weight:400!important;min-width:20rem!important;max-width:34.5rem!important}.scroll--bar[data-v-30bdeafa]::-webkit-scrollbar{width:6px;background:#fff}.scroll--bar[data-v-30bdeafa]::-webkit-scrollbar-thumb{border-radius:20px;width:6px;border:4px solid transparent;background:#d8d8d8}.scroll--bar[data-v-30bdeafa]::-webkit-scrollbar-track{box-shadow:inset 0 0 0 #ddd}.bg--standard--image[data-v-30bdeafa]{width:100%;background-repeat:no-repeat;background-size:cover;background-position:50%}input[data-v-30bdeafa]::-webkit-input-placeholder{color:#999}input[data-v-30bdeafa]:-moz-placeholder,input[data-v-30bdeafa]::-moz-placeholder{color:#999;opacity:1}.mobile-view-more[data-v-30bdeafa]{display:flex;align-items:center;justify-content:center}.mobile-view-more button[data-v-30bdeafa]{height:3.2rem;border:1px solid #ddd;padding:0 1.6rem;border-radius:1.6rem;background-color:#fff;font-size:1.4rem;color:#2e2c2a}.updated-tag[data-v-30bdeafa]{font-size:12px;line-height:20px;border-radius:20px;height:20px;padding:0 10px;margin-left:8px}.mobile-updated-tag[data-v-30bdeafa],.updated-tag[data-v-30bdeafa]{font-style:italic;vertical-align:top;display:inline-block;color:#00b06e;background:rgba(0,176,110,.1);font-weight:700}.mobile-updated-tag[data-v-30bdeafa]{font-size:1.2rem;line-height:2rem;border-radius:2rem;height:2rem;padding:0 1rem;margin-left:.8rem}.section-wrapper[data-v-2335c522]{display:flex;flex-direction:column;padding:0 1.5rem}.section-header-view[data-v-2335c522]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.section-header-view .section-title[data-v-2335c522]{font-weight:700;font-size:2.4rem;line-height:3.3rem;color:#1e212c}.section-header-view .right-view[data-v-2335c522]{display:flex;align-items:center;font-size:1.4rem;color:#666;line-height:3.3rem;grid-gap:.8rem;gap:.8rem}.section-header-view .right-view .arrow-icon[data-v-2335c522]{width:.6rem;height:1rem}.section-sub-title[data-v-2335c522]{font-weight:700;font-size:1.6rem;line-height:2.2rem;margin-bottom:1.2rem}.rtl--container .section-header-view .right-view .arrow-icon[data-v-2335c522]{transform:rotate(180deg)}.my-learning-view[data-v-2335c522]{padding-top:2rem}.my-learning-view .course-list-view[data-v-2335c522]{max-width:100%;display:flex;overflow-x:scroll;overflow-y:hidden;grid-gap:1.5rem;gap:1.5rem;scrollbar-color:transparent transparent}.my-learning-view .course-list-view[data-v-2335c522]::-webkit-scrollbar{display:none}.split-line[data-v-2335c522]{background:#f5f5f5;height:1rem;width:100%;margin-bottom:3rem}.course-wrapper[data-v-2335c522]{width:100%;overflow:scroll;padding-bottom:2rem}.course-wrapper .course-item[data-v-2335c522]{display:flex;flex-direction:column;width:19rem;flex-shrink:0;overflow:hidden}.course-wrapper .course-item .course-learning-process[data-v-2335c522]{height:2rem;display:flex;align-items:center}.course-wrapper .course-item .oper-wrapper[data-v-2335c522]{line-height:1;color:#1585ff;font-size:1.4rem;font-weight:600}.course-wrapper .course-item .course-cover[data-v-2335c522]{width:100%;height:10.08rem;margin-bottom:1.2rem;position:relative;border-radius:1rem}.course-wrapper .course-item .course-cover .tag-box[data-v-2335c522]{position:absolute;top:.4rem;left:.4rem;background:#fff;padding:0 .3rem;height:2rem;border-radius:.4rem;color:#333;font-size:1.2rem;display:flex;align-items:center}.course-wrapper .course-item .course-title[data-v-2335c522]{font-size:1.4rem;line-height:2.2rem;color:#333;font-weight:600;margin-bottom:.8rem}.course-wrapper .process-bar[data-v-2335c522]{width:100%;display:flex;align-items:center;grid-gap:1rem;gap:1rem;height:.4rem}.course-wrapper .process-bar .bar-box[data-v-2335c522]{flex:1 1;height:100%;border-radius:.3rem;background-color:#f5f5f5;position:relative}.course-wrapper .process-bar .bar-green[data-v-2335c522]{position:absolute;border-radius:.3rem;background-color:#16c986;height:.4rem;top:0;left:0}.course-wrapper .process-bar .percent[data-v-2335c522]{font-size:1.2rem;line-height:1.6rem;color:#333;font-weight:600}.classroom-container[data-v-2335c522]{padding-bottom:.5rem}.classroom-wrapper[data-v-2335c522]{margin-bottom:1.5rem;position:relative;width:100%;border-radius:2rem;display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem}.classroom-wrapper .classroom-item-info[data-v-2335c522]{display:flex;justify-content:space-between;grid-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem;color:#333}.classroom-wrapper .classroom-item-info .classroom-item-left .trainer-info[data-v-2335c522]{margin-bottom:1.05rem;grid-column-gap:.8rem;-moz-column-gap:.8rem;column-gap:.8rem}.classroom-wrapper .classroom-item-info .classroom-item-left .trainer-info .avatar[data-v-2335c522]{width:2rem;height:2rem;-o-object-fit:cover;object-fit:cover;border-radius:50%}.classroom-wrapper .classroom-item-info .classroom-item-left .trainer-info .username[data-v-2335c522]{color:#333;font-size:1.2rem}.classroom-wrapper .classroom-item-info .classroom-item-left .classroom-title[data-v-2335c522]{font-weight:600;font-size:1.4rem;line-height:2.2rem;color:#333;margin-bottom:1rem}.classroom-wrapper .classroom-item-info .classroom-item-left .info-line[data-v-2335c522]{font-size:1.2rem;line-height:2rem;font-weight:400;color:#333}.classroom-wrapper .classroom-item-info .classroom-item-right[data-v-2335c522]{align-items:flex-end;display:flex;flex-direction:column}.classroom-wrapper .classroom-item-info .classroom-item-right .classroom-type[data-v-2335c522]{white-space:nowrap;font-size:1rem;height:2.5rem;display:flex;align-items:center;padding:0 .8rem;margin-bottom:.8rem;background:#fff;border-radius:.4rem;color:#333}.classroom-wrapper .classroom-item-info .classroom-item-right .classroom-image[data-v-2335c522]{width:8rem;height:4.5rem;border-radius:.8rem}.classroom-wrapper .button-box[data-v-2335c522]{width:100%;margin-top:1.5rem}.classroom-wrapper .button-box .status-tag[data-v-2335c522]{color:#333;font-size:1.2rem;height:1.8rem;font-weight:700;grid-column-gap:.8rem;-moz-column-gap:.8rem;column-gap:.8rem}.classroom-wrapper .button-box .pending-status[data-v-2335c522]{width:8px;height:8px;border-radius:50%;background:#ff9717}.classroom-wrapper .button-box .check-in-status[data-v-2335c522]{width:8px;height:8px;border-radius:50%;background:#52c41a}.classroom-wrapper0[data-v-2335c522]{background:#fdf4f4}.classroom-wrapper1[data-v-2335c522]{background-color:#f3f6fd}.rtl--container .my-learning-view .course-wrapper .course-item .tag-box[data-v-2335c522]{left:auto;right:.4rem}.body--container[data-v-2335c522]{max-width:1370px;padding-left:30px;padding-right:30px;margin:0 auto}.flex--box--center[data-v-2335c522]{display:flex;align-items:center;justify-content:center}.flex--box--space--between[data-v-2335c522]{display:flex;align-items:center;justify-content:space-between}.flex--box--vertical--center[data-v-2335c522],.flex--box--vertical[data-v-2335c522]{display:flex;flex-direction:column;align-items:center}.flex--box--vertical--center[data-v-2335c522]{justify-content:center}.grid--standard--column--wrapper_4[data-v-2335c522]{grid-template-columns:repeat(auto-fill,minmax(281.25px,calc(25% - 18.75px)))}.grid--standard--column--wrapper_3[data-v-2335c522],.grid--standard--column--wrapper_4[data-v-2335c522]{display:grid;grid-row-gap:25px;justify-content:space-between;grid-column-gap:25px;justify-content:center}.grid--standard--column--wrapper_3[data-v-2335c522]{grid-template-columns:repeat(auto-fill,minmax(383.33333px,calc(33.33333% - 16.66667px)));grid-template-columns:repeat(3,calc(33.33333% - 17.33333px))}.vertical--center[data-v-2335c522]{position:absolute;top:50%;transform:translateY(-50%)}.level--center[data-v-2335c522]{position:absolute;left:50%;transform:translate(-50%)}.vertical--level--center[data-v-2335c522]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.vertical--center--flex[data-v-2335c522]{display:flex;align-items:center}.level--center--flex[data-v-2335c522]{display:flex;justify-content:center}.vertical--level--center--flex[data-v-2335c522]{display:flex;justify-content:center;align-items:center}.overflow--ellipsis[data-v-2335c522]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m--toast[data-v-2335c522]{background-color:#fff!important;font-size:1.6rem!important;color:#333!important;letter-spacing:0!important;line-height:2.2rem!important;font-weight:400!important;min-width:20rem!important;max-width:34.5rem!important}.scroll--bar[data-v-2335c522]::-webkit-scrollbar{width:6px;background:#fff}.scroll--bar[data-v-2335c522]::-webkit-scrollbar-thumb{border-radius:20px;width:6px;border:4px solid transparent;background:#d8d8d8}.scroll--bar[data-v-2335c522]::-webkit-scrollbar-track{box-shadow:inset 0 0 0 #ddd}.bg--standard--image[data-v-2335c522]{width:100%;background-repeat:no-repeat;background-size:cover;background-position:50%}input[data-v-2335c522]::-webkit-input-placeholder{color:#999}input[data-v-2335c522]:-moz-placeholder,input[data-v-2335c522]::-moz-placeholder{color:#999;opacity:1}.mobile-view-more[data-v-2335c522]{display:flex;align-items:center;justify-content:center}.mobile-view-more button[data-v-2335c522]{height:3.2rem;border:1px solid #ddd;padding:0 1.6rem;border-radius:1.6rem;background-color:#fff;font-size:1.4rem;color:#2e2c2a}.updated-tag[data-v-2335c522]{font-size:12px;line-height:20px;border-radius:20px;height:20px;padding:0 10px;margin-left:8px}.mobile-updated-tag[data-v-2335c522],.updated-tag[data-v-2335c522]{font-style:italic;vertical-align:top;display:inline-block;color:#00b06e;background:rgba(0,176,110,.1);font-weight:700}.mobile-updated-tag[data-v-2335c522]{font-size:1.2rem;line-height:2rem;border-radius:2rem;height:2rem;padding:0 1rem;margin-left:.8rem}