.progress[data-v-6862dbf5]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-6862dbf5]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-6862dbf5]{font-size:16px;color:#43266d}.progress .outside[data-v-6862dbf5]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-6862dbf5]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-6862dbf5]{height:100%}.progress .bar .left[data-v-6862dbf5]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-6862dbf5]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-6862dbf5]{width:100px}.teacherClassList[data-v-6862dbf5]{padding:20px 5%;position:relative}.teacherClassList>div[data-v-6862dbf5]:first-child{display:flex}.teacherClassList>div:first-child button[data-v-6862dbf5]{padding:8px 20px}.teacherClassList>div:first-child>div[data-v-6862dbf5]:first-child{position:absolute;top:-60px;left:5%}.teacherClassList>div:first-child>div[data-v-6862dbf5]:nth-child(2){position:absolute;right:5%;top:-60px;display:flex}.teacherClassList>div:first-child>div:nth-child(2)>div[data-v-6862dbf5]{margin-left:10px}.teacherClassList>div[data-v-6862dbf5]:nth-child(n+2){margin-bottom:30px}.teacherClassList>div:nth-child(n+2)>div[data-v-6862dbf5]:first-child{width:-moz-fit-content;width:fit-content;height:42px;display:flex;align-items:center;position:relative;padding:0 20px;margin-bottom:20px;font-size:20px;font-weight:700;color:#000;background:#fff;border-radius:30px;border:3px solid #000}@media (max-width:480px){.teacherClassList>div:nth-child(n+2)>div[data-v-6862dbf5]:first-child{font-size:16px}}.teacherClassList>div:nth-child(n+2)>div[data-v-6862dbf5]:first-child:before{content:"";position:absolute;left:0;top:3px;background:#ffbf00;border:3px solid #000;width:105%;height:42px;border-radius:30px;z-index:-1}.teacherClassList>div:nth-child(n+2)>div[data-v-6862dbf5]:nth-child(2){border-radius:20px;border:3px solid #000;padding:20px}.teacherClassList>div:nth-child(n+2)>div:nth-child(2) .row.active[data-v-6862dbf5]{color:#43266d;font-weight:700}.teacherClassList>div:nth-child(n+2)>div:nth-child(2) .row.notActive[data-v-6862dbf5]{color:#aaa}.teacherClassList>div:nth-child(n+2)>div:nth-child(2) .row>div[data-v-6862dbf5]:nth-child(n+1):not(:last-child){line-height:30px}.teacherClassList>div:nth-child(n+2)>div:nth-child(2) .row>div[data-v-6862dbf5]:nth-child(3),.teacherClassList>div:nth-child(n+2)>div:nth-child(2) .row>div[data-v-6862dbf5]:nth-child(4){flex:1}.teacherClassList>div:nth-child(n+2)>div:nth-child(2) .row>div[data-v-6862dbf5]:first-child,.teacherClassList>div:nth-child(n+2)>div:nth-child(2) .row>div[data-v-6862dbf5]:nth-child(2){flex:0.35}.teacherClassList>div:nth-child(n+2)>div:nth-child(2) .row>div[data-v-6862dbf5]:nth-child(5),.teacherClassList>div:nth-child(n+2)>div:nth-child(2) .row>div[data-v-6862dbf5]:nth-child(6){flex:0.3}.teacherClassList>div:nth-child(n+2)>div:nth-child(2) .row>div:nth-child(5) button[data-v-6862dbf5],.teacherClassList>div:nth-child(n+2)>div:nth-child(2) .row>div:nth-child(6) button[data-v-6862dbf5]{font-size:14px;width:60px;height:30px}