[data-v-0fb2cc09]:export{menuBg:#304156;menuText:#bfcbd9;menuActiveText:#409eff}.details-container[data-v-0fb2cc09]{width:960px;margin:30px auto}.icon-back[data-v-0fb2cc09]{position:absolute;left:80px;top:90px;padding:5px;font-size:2em;border-radius:50%;cursor:pointer;background-color:rgba(0,0,0,.2);-webkit-transition:background-color .3s;transition:background-color .3s;color:#fff}.icon-back[data-v-0fb2cc09]:hover{background-color:rgba(0,0,0,.5)}.base-info[data-v-0fb2cc09]{margin:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.base-info .cover[data-v-0fb2cc09]{-webkit-box-flex:2;-ms-flex:2;flex:2}.base-info .cover img[data-v-0fb2cc09]{width:100%;height:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover}.base-info .main-info[data-v-0fb2cc09]{margin:0 30px;-webkit-box-flex:3;-ms-flex:3;flex:3}.base-info .main-info .title[data-v-0fb2cc09]{margin:0 0 10px 0;line-height:1.5em;font-size:14px;font-weight:700;color:#3c3c3c}.base-info .main-info .grades[data-v-0fb2cc09]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow:hidden}.base-info .main-info .grades .el-tag[data-v-0fb2cc09]{margin:0 6px 6px 0;border-radius:10px}.base-info .main-info .att-info[data-v-0fb2cc09]{margin:5px 0;line-height:1.3em;font-size:13px;color:#101010}.base-info .ext-info[data-v-0fb2cc09]{-webkit-box-flex:2;-ms-flex:2;flex:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.base-info .ext-info .number-of-people>span[data-v-0fb2cc09]:first-of-type{font-size:20px}.base-info .ext-info .number-of-people>span[data-v-0fb2cc09]:nth-of-type(2){margin:0 3px}.base-info .ext-info .number-of-people-text[data-v-0fb2cc09]{font-size:14px;color:#999}.base-info .ext-info .status[data-v-0fb2cc09]{width:120px;height:40px;line-height:40px;border:1px solid #f56c6c;border-radius:20px;font-size:14px;text-align:center;color:#f56c6c}.teacher-info[data-v-0fb2cc09]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.teacher-info .avatar[data-v-0fb2cc09]{width:90px;height:90px;padding:2px;border-radius:50%;background-color:rgba(0,0,0,.1);overflow:hidden}.teacher-info .avatar img[data-v-0fb2cc09]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.teacher-info .info[data-v-0fb2cc09]{margin-left:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.teacher-info .info .teacher-name[data-v-0fb2cc09]{margin-bottom:5px;font-size:1.2em;font-weight:700}.teacher-info .info p[data-v-0fb2cc09]{margin:3px 0;font-size:13px;line-height:1.2em;color:#999}.content[data-v-0fb2cc09]{margin-top:40px}.content p[data-v-0fb2cc09]{line-height:1.5em;color:#333}.content img[data-v-0fb2cc09]{max-width:100%}