.menu-box[data-v-8f9ad5ac]{width:200px;margin:0 10px;text-align:center;cursor:pointer}.menu-item[data-v-8f9ad5ac]{padding:10px 0}.menu-active[data-v-8f9ad5ac]{padding:9px 0;color:#f8f7f7;background:-webkit-gradient(linear,left top,right top,from(#e3835a),to(rgba(219,115,70,.7)));background:linear-gradient(90deg,#e3835a,rgba(219,115,70,.7));border-radius:4px 4px 0 0}.top-div[data-v-8c2ac730]{border:1px solid grey;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:3px;margin-bottom:5px}.top-div .out-div[data-v-8c2ac730]{padding:5px 10px}.custom-circle-progress[data-v-8c2ac730]{position:relative;display:inline-block}.progress-text[data-v-8c2ac730]{position:absolute;top:60%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:11px;color:#333;text-align:center}.el-progress--dashboard .el-progress__text[data-v-8c2ac730],[data-v-8c2ac730].el-progress--circle .el-progress__text{position:absolute;top:40%;left:0;width:100%;text-align:center;margin:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.study-hour[data-v-8c2ac730]{display:-webkit-box;display:-ms-flexbox;display:flex}.study-hour div[data-v-8c2ac730]{margin-right:40px}.study-hour div[data-v-8c2ac730]:last-child{margin-right:0}.study-hour-div[data-v-8c2ac730]{font-size:13px;margin-left:2%}.out-css[data-v-8c2ac730]{margin:30px;font-size:15px;font-weight:bolder}.introduce[data-v-8c2ac730]{font-size:12px;font-weight:400;margin:5px}.return[data-v-8c2ac730]{width:5%;padding-bottom:6px;cursor:pointer}.content-box[data-v-8c2ac730]{width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.content-box .content[data-v-8c2ac730]{-webkit-box-flex:1;-ms-flex:1;flex:1}.content-box .content .formInline[data-v-8c2ac730]{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f2f2f2;line-height:40px;margin-bottom:10px;padding:0 10px}.content-box .content .formInline .line-item[data-v-8c2ac730]{margin:0 20px}.content-box .content .formInline .line-active[data-v-8c2ac730]{border-bottom:3px solid #1b91fd;margin:0 20px}.content-box .content .course-box[data-v-8c2ac730]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.content-box .content .course-box .course-item[data-v-8c2ac730]{position:relative;width:25%;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.content-box .content .course-box .course-item img[data-v-8c2ac730]{width:100%;height:130px}.content-box .content .course-box .course-item .title[data-v-8c2ac730]{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.content-box .content .course-box .course-item .p[data-v-8c2ac730]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;margin-top:5px}.content-box .content .course-box .course-item .p .time[data-v-8c2ac730]{color:#999}.content-box .content .course-box .course-item .type[data-v-8c2ac730]{position:absolute;top:0;left:0;padding:3px 10px;border:1px solid #000;background-color:#ccc}.content-box .content .course-box .course-item .active[data-v-8c2ac730]{position:absolute;top:0;left:0;padding:3px 10px;border:1px solid #000;background-color:#d7d7d7}