.box[data-v-c8490136]{padding:24px;background:#fff;margin-bottom:20px}.tip-box[data-v-c8490136]{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #e4381d}.tip-box .tips[data-v-c8490136]{position:relative;padding:0 18px 0 10px;background:linear-gradient(270deg,#e4381d,#d81d10);font-weight:500;font-size:18px;color:#fff;line-height:28px}.tip-box .tips[data-v-c8490136]:before{content:"";position:absolute;z-index:22;width:0;height:0;right:0;border-right:12px solid #fff;border-bottom:28px solid transparent}.tip-box .tips[data-v-c8490136]:after{content:"";position:absolute;z-index:22;right:-10px;width:10px;height:28px;background:linear-gradient(147deg,#f59a23,#ff901a 98%);transform:skew(26deg)}.tip-box .more[data-v-c8490136]{font-weight:400;font-size:14px;color:#767676;line-height:20px;cursor:pointer}.news[data-v-c8490136]{flex:1;padding-top:6px;margin-left:26px}.news .news-item[data-v-c8490136]{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #e8e8e8}.news .news-item[data-v-c8490136]:last-child{border-bottom:none}.news .news-item .news-title[data-v-c8490136]{width:0;flex:1;font-size:16px;line-height:27px;margin-right:36px;cursor:pointer}.news .news-item .news-time[data-v-c8490136]{font-size:16px;color:#767676;line-height:27px}.user[data-v-c8490136]{width:466px;margin-right:20px}.user .username[data-v-c8490136]{margin:0 16px 0 10px;font-weight:400;font-size:20px;color:#1a1a1a;line-height:14px}.user .tag[data-v-c8490136]{padding:0 9px;line-height:22px;color:#f59a23;border:1px solid #f59a23;background:linear-gradient(147deg,rgba(245,154,35,.1),rgba(255,144,26,.1) 98%);border-radius:3px 3px 3px 3px;font-size:13px}.user .userinfo[data-v-c8490136]{padding:18px;background:#eee;border-radius:5px 5px 5px 5px;font-size:14px;line-height:14px}.user .userinfo img[data-v-c8490136]{width:17px;height:17px;margin-right:7px}.user .hour[data-v-c8490136]{padding-bottom:18px;border-bottom:1px solid #eee}.user .hour .hour-tip[data-v-c8490136]{position:relative;font-weight:700;font-size:14px;line-height:14px;padding-left:9px;color:#e4381d}.user .hour .hour-tip[data-v-c8490136]:before{content:"";position:absolute;width:4px;height:12px;background:linear-gradient(270deg,#e4381d,#d81d10);left:0;top:50%;transform:translateY(-50%)}.user .hour select[data-v-c8490136]{margin-left:10px;padding:0 10px;height:22px;border-radius:5px;background:#fff;border:1px solid #aaa;color:#767676;font-size:13px;line-height:14px}.user .progress[data-v-c8490136]{font-size:14px;line-height:14px}.user .progress img[data-v-c8490136]{width:17px;height:17px;margin-right:6px}.user .progress .progress-label[data-v-c8490136]{flex-shrink:0;margin-right:-4px}.user .progress .line[data-v-c8490136]{width:100%;height:14px;background:#eee;border-radius:10px 10px 10px 10px}.user .progress .progress-bar[data-v-c8490136]{height:14px;background:#ea0000;border-radius:10px 10px 10px 10px}.user .progress .progress-bar2[data-v-c8490136]{height:14px;background:linear-gradient(147deg,#f59a23,#ff901a 98%);border-radius:10px 10px 10px 10px}.user .cards .card[data-v-c8490136]{width:calc(33.33333% - 13.33333px);display:flex;align-items:center;justify-content:center;flex-direction:column;height:65px;background:#629edf;border-radius:5px 5px 5px 5px;font-size:14px;color:#fff;line-height:13px}.user .cards .card img[data-v-c8490136]{width:24px;height:20px;margin-bottom:4px;display:block}.user .cards .card2[data-v-c8490136]{background-color:#ed8f4b}.user .cards .card3[data-v-c8490136]{background-color:#00b890}.classroom[data-v-c8490136]{flex:1}.classroom .classroom-item[data-v-c8490136]{position:relative;width:calc(50% - 13px);background:#fff;border-radius:5px 5px 5px 5px;border:1px solid #eee;cursor:pointer}.classroom .classroom-item>img[data-v-c8490136]{display:block;width:100%;height:179px;border-radius:5px;position:relative}.classroom .classroom-item[data-v-c8490136]:hover{transition:all .3s ease;transform:scale(1.05)}.classroom .classroom-item .classroom-info[data-v-c8490136]{padding:12px 10px 14px 10px;font-weight:400;font-size:14px;color:#767676;line-height:14px}.classroom .classroom-item .classroom-info img[data-v-c8490136]{width:14px;height:14px;margin-right:6px}.classroom .classroom-item .classroom-info .clssroom-title[data-v-c8490136]{color:#1a1a1a;font-size:15px;line-height:21px}.study[data-v-c8490136]{position:relative;width:calc(50% - 11.5px);border:1px solid #eee;border-radius:5px 5px 5px 5px}.study[data-v-c8490136]:hover{transition:all .3s ease;transform:scale(1.05)}.study img[data-v-c8490136]{display:block;width:100%;height:146px;border-radius:5px 5px 5px 5px;cursor:pointer}.study .classroom-info[data-v-c8490136]{padding:12px 10px 14px 10px;font-weight:400;font-size:14px;color:#767676;line-height:14px}.study .classroom-info img[data-v-c8490136]{width:14px;height:14px;margin-right:6px}.study .classroom-info .clssroom-title[data-v-c8490136]{color:#1a1a1a;font-size:15px;line-height:21px}.study-item[data-v-c8490136]{padding:18px 20px;margin-bottom:10px;background:linear-gradient(270deg,rgba(228,56,29,.06),rgba(216,29,16,.06));border-radius:5px 5px 5px 5px;font-weight:400;font-size:14px;color:#767676}.study-item[data-v-c8490136]:last-child{margin-bottom:20px}.study-item .study-title[data-v-c8490136]{font-weight:500;font-size:14px;color:#1a1a1a;line-height:14px;margin-bottom:10px}.study-item .study-time[data-v-c8490136]{line-height:14px}.study-item .study-btn[data-v-c8490136]{width:80px;height:28px;background:linear-gradient(147deg,#f59a23,#ff901a 98%);border-radius:5px 5px 5px 5px;font-weight:400;font-size:14px;color:#fff;line-height:28px;text-align:center;cursor:pointer}.study-item .score[data-v-c8490136]{display:flex;align-items:baseline;color:#e4381d}.study-item2[data-v-c8490136]{background:linear-gradient(147deg,rgba(245,154,35,.06),rgba(255,144,26,.06) 98%)}.mystudy[data-v-c8490136]{width:260px;height:50px;font-size:18px;color:#fff;background:#f9bc41;border-radius:5px 5px 5px 5px;cursor:pointer}.mystudy img[data-v-c8490136]{display:block;width:28px;height:28px;margin-right:10px}.myerror[data-v-c8490136]{background:#e5514d}.course-item[data-v-c8490136]{width:calc(25% - 18px);border-radius:5px 5px 5px 5px;border:1px solid #eee;position:relative;cursor:pointer}.course-item[data-v-c8490136]:hover{transition:all .3s ease;transform:scale(1.05)}.course-item img[data-v-c8490136]{display:block;width:100%;height:152px;border-radius:5px 5px 5px 5px}.course-item .coure-info[data-v-c8490136]{padding:10px 10px 15px 10px}.course-item .coure-info .course-title[data-v-c8490136]{font-size:16px;color:#1a1a1a;line-height:24px;margin-bottom:10px}.course-item .coure-info .course-desc[data-v-c8490136]{font-size:14px;color:#767676;line-height:14px}.course-item .coure-info .course-tip[data-v-c8490136]{width:67px;line-height:22px;background:#eee;border-radius:4px 4px 4px 4px;font-size:12px;text-align:center}.hour-bar3[data-v-c8490136]{background:#f56c6c}.hour-bar3[data-v-c8490136],.hour-bar4[data-v-c8490136]{color:#fff;display:inline-block;border-radius:25px;padding:2px;width:50px;text-align:center}.hour-bar4[data-v-c8490136]{background:#e6a23c}.status-tag[data-v-c8490136]{padding:6px 9px;border-radius:0 5px 0 15px;border-left:1px solid #fff;border-bottom:1px solid #fff;font-weight:500;font-size:14px;color:#fff;line-height:14px;position:absolute;top:0;right:0;z-index:999}.status-not-started[data-v-c8490136]{background:linear-gradient(180deg,#0cb8ff,#0b92ff)}.status-in-progress[data-v-c8490136]{background:linear-gradient(180deg,#ffad0d,#ff930c)}.status-ended[data-v-c8490136]{background:#9c9c9c}.recommendCourseType[data-v-c8490136]{padding:10px 0}.recommendCourseType .recommendCourseTypeItem[data-v-c8490136]{padding:0 15px;position:relative;border-right:1px solid #9c9c9c;text-decoration:none;color:#e5514d}.recommendCourseType .recommendCourseTypeItem[data-v-c8490136]:last-child{border:none}.recommendCourseType .recommendCourseTypeItemOn[data-v-c8490136]{color:#f9bc41}