.index[data-v-aab58b9a]{width:100%;height:100%;background-color:#fff;overflow:hidden;padding:0 20px 20px}.index .box_p[data-v-aab58b9a]{width:100%;background:#fff;border-radius:12px;padding:12px 15px;position:relative;left:0;bottom:0;z-index:1;display:flex;align-items:center;border-bottom:1px solid #dedede}.index .box_p .box_top_img[data-v-aab58b9a]{width:110px;height:82px;margin-right:15px}.index .box_top[data-v-aab58b9a]{display:flex;margin-top:10px;width:calc(100% - 218px)}.index .box_top .box_top_font[data-v-aab58b9a]{width:calc(100% - 127px)}.index .box_top .box_top_font .box_top_title[data-v-aab58b9a]{display:flex;align-items:center}.index .box_top .box_top_font .course_name[data-v-aab58b9a]{font-size:18px;line-height:25px}.index .box_top .box_top_font .course_text[data-v-aab58b9a]{color:#888;font-size:12px;line-height:17px;margin-top:9px;display:-webkit-box}.index .selected_box[data-v-aab58b9a]{display:flex;align-items:center;font-size:12px;line-height:17px;color:#9b9b9b;margin-top:9px}.index .selected_box .progress_box[data-v-aab58b9a]{display:flex;align-items:center;margin-left:6px}.index .selected_box .progress_box .progress_outside[data-v-aab58b9a]{position:relative;width:114px;height:10px;background:#e8f0fa;border-radius:25px;margin-right:11px}.index .selected_box .progress_box .progress_outside .progress_Within[data-v-aab58b9a]{position:absolute;left:0;top:0;height:10px;background:linear-gradient(270deg,#41a4ff 50%,#7ec1ff 89.51%);border-radius:25px}.index .btn[data-v-aab58b9a]{min-width:58px;height:29px;padding:4.5px 10px;color:#4991e1;border:1px solid #4991e1;border-radius:3px;font-size:14px;line-height:20px;background-color:#fff;cursor:pointer}.index .btn[disabled][data-v-aab58b9a]{opacity:.5;cursor:no-drop;color:#888;border:1px solid #888}.index .mr-30[data-v-aab58b9a]{margin-right:30px}.index .right_box[data-v-aab58b9a]{width:218px;display:flex;justify-content:flex-end;align-items:center;position:relative}.index .red_state[data-v-aab58b9a]{font-size:12px;line-height:17px;color:#fa5151;display:flex;align-items:center;position:absolute;bottom:-30px;right:0}.index .red_state img[data-v-aab58b9a]{margin-right:7px}.content[data-v-aab58b9a]{width:100%;margin-top:40px;padding:0 15px}.content .rows[data-v-aab58b9a]{width:100%;margin-bottom:24px;display:flex}.content .rows .rows_gary[data-v-aab58b9a]{width:80px;font-size:14px;line-height:20px;color:#8b8b8b}.content .rows .rows_black[data-v-aab58b9a]{width:calc(100% - 80px);font-size:14px;line-height:20px;color:#000}.header[data-v-aab58b9a]{width:100%;text-align:center;color:#000;padding-top:17px;padding-bottom:15px;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;align-items:center}.header .span1[data-v-aab58b9a]{font-size:18px;color:#000;margin-right:30px}.header .left[data-v-aab58b9a],.header .right[data-v-aab58b9a]{width:60px}.header .left[data-v-aab58b9a]{color:#8b8b8b;cursor:pointer}.header .left img[data-v-aab58b9a]{margin-right:5px}.body[data-v-58fb193b],.index[data-v-58fb193b]{width:100%;height:100%;overflow:hidden}.index[data-v-58fb193b]{background-color:#fff}.index .header_title[data-v-58fb193b]{width:calc(100% - 58px);text-align:center;font-size:18px;line-height:25px;color:#000;padding-top:17px;padding-bottom:15px;margin-left:20px;border-bottom:1px solid #ececec}.index .index_box[data-v-58fb193b]{width:100%;height:calc(100% - 48px);padding:0 20px 20px;overflow:auto;background-color:#fff}.index .index_box .box[data-v-58fb193b]{width:100%;margin-top:20px;position:relative}.index .index_box .box .box_p[data-v-58fb193b]{width:100%;background:#f6f9fc;border-radius:12px;padding:12px 15px;position:relative;left:0;bottom:0;z-index:1;display:flex;align-items:center}.index .index_box .box .box_top_img[data-v-58fb193b]{width:110px;height:82px;margin-right:15px}.index .index_box .box .box_top[data-v-58fb193b]{display:flex;margin-top:10px;width:calc(100% - 60px);cursor:pointer}.index .index_box .box .box_top .box_top_font[data-v-58fb193b]{width:calc(100% - 127px)}.index .index_box .box .box_top .box_top_font .box_top_title[data-v-58fb193b]{display:flex;align-items:center}.index .index_box .box .box_top .box_top_font .course_name[data-v-58fb193b]{font-size:18px;line-height:25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.index .index_box .box .box_top .box_top_font .course_text[data-v-58fb193b]{color:#888;font-size:12px;line-height:17px;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.index .index_box .box .selected_box[data-v-58fb193b]{display:flex;align-items:center;font-size:12px;line-height:17px;color:#9b9b9b;margin-top:5px}.index .index_box .box .selected_box .progress_box[data-v-58fb193b]{display:flex;align-items:center;margin-left:6px}.index .index_box .box .selected_box .progress_box .progress_outside[data-v-58fb193b]{position:relative;width:114px;height:10px;background:#e8f0fa;border-radius:25px;margin-right:11px}.index .index_box .box .selected_box .progress_box .progress_outside .progress_Within[data-v-58fb193b]{position:absolute;left:0;top:0;height:10px;background:linear-gradient(270deg,#41a4ff 50%,#7ec1ff 89.51%);border-radius:25px}.index .index_box .box .red_state[data-v-58fb193b]{width:100%;height:46px;background:#ffe9ed;border-radius:12px 12px 0 0;position:relative;left:0;top:12px;z-index:0;padding:7px 15px 20px;font-size:13px;line-height:18px;color:#fa5151;display:flex;align-items:center}.index .index_box .box .red_state img[data-v-58fb193b]{margin-right:7px}.index .btn[data-v-58fb193b]{width:70px;height:29px;color:#4991e1;border:1px solid #4991e1;border-radius:3px;font-size:14px;line-height:20px;background-color:#fff;cursor:pointer}.index .btn[disabled][data-v-58fb193b]{opacity:.5;cursor:no-drop;color:#888;border:1px solid #888}.index .mr-30[data-v-58fb193b]{margin-right:30px}.index .no_data[data-v-58fb193b]{margin:30% calc(50% - 49px);text-align:center}.index .no_data p[data-v-58fb193b]{width:110px;font-size:13px;line-height:18px;color:#b2b2b2}