.course-payment[data-v-5d36168e]{color:#333;position:fixed}.course-payment[data-v-5d36168e] .el-dialog{border-radius:8px 8px 0 0;border-radius:14px 14px}.course-payment[data-v-5d36168e] .el-dialog__header{padding:20px;border-radius:14px 14px 0 0;background-color:#002342}.course-payment[data-v-5d36168e] .el-dialog__body{padding-top:0!important;border-radius:0 0 14px 14px!important}.course-payment[data-v-5d36168e] .el-dialog__title{color:#fff}.course-payment[data-v-5d36168e] .el-icon-close:before{color:#fff!important;font-size:22px!important}.course-payment[data-v-5d36168e] .el-dialog__body{background-color:#f3f6f9;padding:0}.dialog_content[data-v-5d36168e]{width:100%;padding:48px 0 50px 0;display:flex;flex-direction:column;position:relative}.dialog_content .dialog_text[data-v-5d36168e]{font-size:18px;color:#333;text-align:center}.dialog_content .dialog_desc[data-v-5d36168e]{font-size:14px;color:#999;text-align:center;margin-top:8px}.dialog_content .dialog_btn_box[data-v-5d36168e]{padding:0 125px;margin-top:32px;display:flex;flex-direction:row;justify-content:space-between}.dialog_content .dialog_btn_box .cancel[data-v-5d36168e]{color:#2883e0;background-color:#f3f6f9}.dialog_content .dialog_btn_box .cancel[data-v-5d36168e],.dialog_content .dialog_btn_box .confirm[data-v-5d36168e]{width:120px;height:42px;line-height:42px;text-align:center;border:1px solid #2883e0;border-radius:4px;font-size:18px;cursor:pointer;white-space:nowrap}.dialog_content .dialog_btn_box .confirm[data-v-5d36168e]{color:#fff;background-color:#2883e0}.leftNav[data-v-52c99522]{display:flex;flex-direction:column;color:#191919;background-color:#fff}.leftNav .tab-item[data-v-52c99522]{width:310px;display:flex;align-items:center;font-size:16px;line-height:50px;padding-left:20px}.leftNav .tab-item .icon[data-v-52c99522]{width:30px;height:30px;margin-right:26px}.leftNav .tab-item[data-v-52c99522]:hover{cursor:pointer;color:#f9f9f9;background-color:#2883e0}.leftNav .tab-item:hover .tab-icon[data-v-52c99522]{display:none}.leftNav .tab-item:hover .tab-icon__active[data-v-52c99522]{display:block}.leftNav .is-active[data-v-52c99522]{color:#f9f9f9;background-color:#2883e0}.leftNav .is-active .tab-icon[data-v-52c99522]{display:none}.leftNav .is-active .tab-icon__active[data-v-52c99522]{display:block}.tab-icon__active[data-v-52c99522]{display:none}.user-info[data-v-52c99522]{display:flex;align-items:center;margin-top:20px;margin-left:20px;margin-bottom:30px;font-size:20px}.user-info__avatar[data-v-52c99522]{width:56px;height:56px;border-radius:50%;overflow:hidden}.user-info__avatar>img[data-v-52c99522]{width:100%;height:100%}.user-info__name[data-v-52c99522]{font-size:20px;margin-left:20px}.con-record[data-v-0429bb6e]{width:1370px;margin:20px auto;min-width:1370px;display:flex}.con-record .content_box[data-v-0429bb6e]{width:1095px;margin-left:20px;float:right;background-color:#fff;padding:20px}.con-record .content_box .course-title[data-v-0429bb6e]{width:100%;font-size:26px;white-space:nowrap}.con-record .content_box .course-list[data-v-0429bb6e]{width:100%;display:grid;grid-template-columns:254px 254px 254px 254px;grid-column-gap:12px;grid-row-gap:20px;margin-top:20px}.con-record .content_box .course-list .course-item[data-v-0429bb6e]{display:flex;flex-direction:column;width:254px;height:312px;position:relative}.con-record .content_box .course-list .course-item__cover[data-v-0429bb6e]{position:relative;width:100%;height:152px;background-color:#a3a3a3}.con-record .content_box .course-list .course-item__cover>img[data-v-0429bb6e]{width:100%;height:100%}.con-record .content_box .course-list .course-item__cover[data-v-0429bb6e]:hover{cursor:pointer}.con-record .content_box .course-list .course-item__cover__type[data-v-0429bb6e]{position:absolute;top:0;right:0;width:61px;height:23px}.con-record .content_box .course-list .course-item__cover__type>img[data-v-0429bb6e]{width:100%;height:100%}.con-record .content_box .course-list .course-item__info[data-v-0429bb6e]{display:flex;flex-direction:column;font-size:16px;color:#222}.con-record .content_box .course-list .course-item__name[data-v-0429bb6e]{font-size:18px;color:#222;font-family:SourceHanSansSC-Medium;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.con-record .content_box .course-list .course-item__name[data-v-0429bb6e]:hover{color:#2883e0;cursor:pointer}.con-record .content_box .course-list .course-item__state[data-v-0429bb6e]{margin-top:4px;color:#999;font-family:SourceHanSansSC-Regular;font-size:16px;word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.con-record .content_box .course-list .course-item__class-hour[data-v-0429bb6e]{font-family:SourceHanSansSC-Regular;font-size:12px;color:#666;display:flex;flex-direction:row;align-items:center;position:absolute;left:0;bottom:44px}.con-record .content_box .course-list .course-item__class-hour>img[data-v-0429bb6e]{width:14px;height:14px;margin-right:4px}.con-record .content_box .course-list .live_status_btn[data-v-0429bb6e]{position:absolute;right:0;bottom:0;display:block;width:90px;height:36px;border-radius:18px;text-align:center;line-height:38px;color:#fff;font-size:16px;float:right;cursor:pointer}.con-record .content_box .course-list .red_bg[data-v-0429bb6e]{background-color:#f33}.con-record .content_box .course-list .blue_bg[data-v-0429bb6e]{background-color:#2883e0}.con-record .content_box .course-list .yellow_bg[data-v-0429bb6e]{background-color:#f09538}.con-record .content_box .course-list .gray_bg[data-v-0429bb6e]{background-color:#ccc}.con-record .content_box .course-more[data-v-0429bb6e]{font-size:16px;color:#999;display:block;border-left:300px solid #eee;border-right:300px solid #eee;line-height:1px;margin:50px 0;padding:0 20px;text-align:center}.con-record .content_box .course-more[data-v-0429bb6e]:hover{cursor:pointer;color:#c9c9c9}.con-record .content_box .course-none[data-v-0429bb6e]{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#b3b3b3}.con-record .content_box .course-none .live_none_text[data-v-0429bb6e]{font-size:14px;color:#999;margin-top:24px}.con-record .content_box .course-none .live_none_img[data-v-0429bb6e]{margin-top:44px;width:198px;height:140px}