.index-card{border-radius:4px;border:1px solid #e8eff6;padding:10px;margin-bottom:15px;background:#fff}.index-card.live-card{padding:0}.index-card .index-bg{display:block;height:180px;background-size:100% 100%;overflow:hidden}.index-card .index-bg img{width:100%;height:100%}.index-card .index-bg-row{position:relative;width:150px;height:112.5px;background-size:100% 100%}.index-card h4.index-title{font-weight:700;margin-top:8px;margin-bottom:7px;width:100%;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:19px;height:38px}.index-card .index-footer{overflow:hidden;line-height:32px}.index-card .index-footer p.index-time{font-size:14px;color:rgba(49,52,58,.8);margin:0}.index-card p.index-presenter{color:rgba(49,52,58,.5019607843137255);font-size:12px;height:34px;text-overflow:ellipsis}.index-card p.index-content,.index-card p.index-presenter{overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.index-card p.index-content{font-size:14px;font-weight:400;font-stretch:normal;line-height:21px;letter-spacing:0;color:rgba(49,52,58,.8);margin-bottom:0;height:42px;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;line-clamp:2}.index-card.row{padding:15px 0;vertical-align:bottom;position:relative}.index-card.row .col-md-8{margin-top:5px}.num{margin-left:7px}.red{color:#ff39a0}.btn-index-outline,.btn-live{padding:4px 14px;border-radius:16px;font-size:16px;display:inline-block;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid}.btn-live{background-color:#ff39a0;color:#fff;border-color:#ff39a0}.btn-live:hover{border-color:#d02f83;background-color:#d02f83;color:#fff}.btn-index-outline{border-color:#ff39a0;color:#ff39a0;background-color:#fff}.btn-index-outline:hover{color:#d02f83;border-color:#d02f83}.tag-list a.tags{display:inline-block;color:#6e7075;background-color:#e1efff;border-radius:4px;font-size:14px;padding:2px 4px;margin-right:11px}.class-name{margin-left:20px}.class-tag{display:inline-block;color:#fff;padding:3px 7px 6px;position:relative;top:7px;left:-3px;font-size:14px}.class-tag.video-tag{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAYCAYAAACBbx+6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFGOUQ4REQ0MjNBNzExRTlBQUE3ODg3MTE3MTI2RTJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFGOUQ4REQ1MjNBNzExRTlBQUE3ODg3MTE3MTI2RTJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUY5RDhERDIyM0E3MTFFOUFBQTc4ODcxMTcxMjZFMkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUY5RDhERDMyM0E3MTFFOUFBQTc4ODcxMTcxMjZFMkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz48nxtvAAAAgklEQVR42mLcwdDE6m4p95thiADG/5YL/g8Rtz4H4mQmhqEDJIF47lByMNjRQ83BDKMOHnXwqINHHTzq4FEHjzp41MGjDh51MPXAi6Hk4KegLhLLzuOPtIGMXiD2AIkCO6SMg7oTCuw1w9ggB/cDsSbY4f9rB30a3gHE+oM9XQAEGABp/RMNj6x6IAAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%}.class-tag.music-tag{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAYCAYAAACBbx+6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ5NzlGOTlGMjNBNjExRTk4NTU1OTM3QkRFQTAzRjRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ5NzlGOUEwMjNBNjExRTk4NTU1OTM3QkRFQTAzRjRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDk3OUY5OUQyM0E2MTFFOTg1NTU5MzdCREVBMDNGNEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDk3OUY5OUUyM0E2MTFFOTg1NTU5MzdCREVBMDNGNEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61SV2lAAAAg0lEQVR42mJkyF3DaukV/JthiABGy+3//w8Rtz4H4mQmhqEDJIF47lByMNjRQ83BDKMOHnXwqINHHTzq4FEHjzp41MGjDh51MPXAi6Hk4KegLhLL8W1rtYGMXiD2AIkCO6SMg7oTCuw1w9ggB/cDsSaI839S8KBPwzuAWH+wpwuAAAMAS3UTO+rp6wUAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%}.class-tag.img-tag{background:url(../img/img-tag.0cdeea95.png) no-repeat;background-size:100% 100%}.course-type-group>a.btn{font-size:16px;padding:4px 24px}.course-type-group>a.btn:hover{background-color:#2171de;color:#fff}.course-list-area{padding:15px}.course-area{min-height:212px}.course-area .course-list{padding:0}.course-area .course-list li.course-cell{padding:16px 0;border-bottom:1px solid #e8eff6;position:relative}.course-area .course-list li.course-cell .tags{position:absolute;top:-16px;right:0;background-size:100% 100%;color:#fff;display:block;padding:3px 7px 6px}.course-area .course-list li.course-cell .tags.complete-tags{background:url(../img/complete.46c8ead3.png);background-size:100% 100%}.course-area .course-list li.course-cell .tags.notstart-tags{background:url(../img/notstart.4aeff9ac.png);background-size:100% 100%}.course-area .course-list li.course-cell .tags.processing-tags{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAYCAYAAACBbx+6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFBQTZEQkQxMjdBNjExRUE5OEMxREIxRENDNDAzNjUxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFBQTZEQkQyMjdBNjExRUE5OEMxREIxRENDNDAzNjUxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUFBNkRCQ0YyN0E2MTFFQTk4QzFEQjFEQ0M0MDM2NTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUFBNkRCRDAyN0E2MTFFQTk4QzFEQjFEQ0M0MDM2NTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz63p5xeAAAAbUlEQVR42mL8//8/w1ACjJbb/3sC6blALDkUHMw0lBwLc7DkUEoSTAxDDIw6eNTBow4edfCog0cdPOrgUQePOniwO/j5UHNw8lByNOOgd2HuGlgveQcQF7MMgUC9AcSFDJNDdoBDeKh18wECDABVVBJCtqWBlAAAAABJRU5ErkJggg==);background-size:100% 100%}.course-area .course-list li.course-cell>a{display:flex;align-items:center;position:relative}.course-area .course-list li.course-cell .course-img{width:64px;height:48px;border-radius:4px;overflow:hidden;margin-right:16px;background:#eee;border:#eee}.course-area .course-list li.course-cell .course-img img{height:100%;width:100%}.course-area .course-list li.course-cell .course-cell-body{box-sizing:content-box;width:calc(100% - 80px)}.course-area .course-list li.course-cell .course-cell-body h4{margin:0;height:64px;line-height:64px}.course-area .course-list li.course-cell>a.active h4.course-title,.course-area .course-list li.course-cell>a:hover h4.course-title{color:#3489f2}h4.course-title{color:#31343a}h4.course-update-time{color:#98999c}.course-table{min-height:212px}.course-table .course-item a.course-link{display:flex}.course-table .course-item a.course-link:hover{text-decoration:none}.course-table .course-item a.course-link .course-media{width:150px;height:112.5px;margin-right:15px}.course-table .course-item a.course-link .course-item-body{width:calc(100% - 195px)}.course-table .course-item a.course-link .course-item-body button{float:right}.course-table .course-item.recommend-course a.course-link{display:flex}.course-table .course-item.recommend-course a.course-link .course-media{width:100px;height:75px;margin-right:15px}.course-table .course-item.recommend-course a.course-link .course-media .index-bg-row{width:100px;height:75px}.course-table .course-item.recommend-course a.course-link .course-item-body{width:calc(100% - 125px)}.course-table .course-item.recommend-course a.course-link .course-item-body h4.index-title{font-size:16px;margin-top:5px}.course-table .course-item.recommend-course a.course-link .course-item-body p.index-presenter{margin-bottom:5px;height:14px}.course-table .course-item.recommend-course a.course-link .course-item-body p.index-content{line-height:16px;height:32px;margin-bottom:0;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.course-table .course-item.recommend-course a.course-link .course-item-body button{float:right}.row.index-card.course-item{padding:15px}.appraise-list{padding:44px 38px}.appraise h3.score{color:#3489f2;display:inline-block;vertical-align:middle;margin:0;margin-right:10px}.appraise a.issue,.appraise h4.tips{display:inline-block;vertical-align:middle;margin:0;font-size:16px}.appraise .apprise-star{display:inline-block;vertical-align:middle;margin-right:20px}.appraise .apprise-star img{display:inline-block;width:30px;height:30px}.appraise-table{overflow:hidden}.appraise-table .table-view{margin-top:50px}.table-view{margin-top:22px;padding:0}.table-view .media-view-cell .media-object{width:60px;height:60px;background-color:#cbe3ff;border-radius:50%;margin-right:15px;box-sizing:border-box;overflow:hidden}.table-view .media-view-cell .media-object img{width:100%;height:100%}.media-view-cell>a{overflow:auto;display:block;color:#31343a;margin-bottom:24px;box-sizing:content-box}.media-body{border-bottom:1px solid #e8eff6;width:calc(100% - 75px)}p.table-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5a5d61;margin-bottom:15px}.notification-list{padding-left:40px}.notification-detail{margin-bottom:280px}.unread{opacity:.5}.notification{margin-top:22px}.appraise button.btn-outline.btn-comment{width:100px;height:30px;background-color:transparent;border-radius:4px;border:1px solid #3489f2;font-size:16px;padding:0;line-height:30px;color:#3489f2}.appraise.appraise-sm h3.score{font-size:14px}.appraise.appraise-sm .apprise-star{vertical-align:top;margin-right:0}.appraise.appraise-sm .apprise-star img{width:15px;height:15px}.column-area{min-height:400px}.table-title{overflow:hidden;padding:7px 0}.table-title h4{font-weight:600}.table-title h5{color:#5a5d61}.table-title h4,.table-title h5{margin:0}.small-apprise-star.apprise-star .el-rate .el-rate__icon{font-size:18px}.fn-panel dd[data-v-258a3b48],.fn-panel dl[data-v-258a3b48],.fn-panel dt[data-v-258a3b48]{margin:0;line-height:1.42857143}.fn-panel .fn-panel-header[data-v-258a3b48]{height:54px;line-height:54px;text-align:center;font-size:14px;background:#fff;color:#333}.fn-panel .fn-panel-header[data-v-258a3b48]:before{position:absolute;content:"";width:160px;height:1px;left:50%;top:40px;margin-left:-80px;background:#333}.fn-panel .fn-panel-title[data-v-258a3b48]{position:relative;z-index:100;background:#fff;padding:0 5px}.fn-panel .fn-panel-body h3[data-v-258a3b48]{font-size:14px;color:#333}.fn-panel .fn-panel-body p[data-v-258a3b48]{margin-bottom:10px;color:#999}.fn-panel .fn-panel-body .fn-panel-left[data-v-258a3b48],.fn-panel .fn-panel-body .fn-panel-right[data-v-258a3b48]{display:inline-block;vertical-align:top;text-align:center;width:49%;line-height:20px}.fn-panel .fn-panel-body .fn-panel-left[data-v-258a3b48]{position:relative}.fn-panel .fn-panel-body .fn-panel-left[data-v-258a3b48]:after{position:absolute;right:0;top:0;width:2px;height:100%;content:"";background:#f0f0f0}.fn-panel .fn-panel-bottom[data-v-258a3b48]{position:relative;margin-top:20px;padding:0 10px;height:54px;line-height:54px;background:#d2e5fb;color:#216ab1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fn-panel .fn-panel-bottom[data-v-258a3b48]:before{position:absolute;content:"";width:18px;height:8px;left:50%;margin-left:-9px;top:-8px;background:url(https://gw.alicdn.com/tfs/TB14cSQg_JYBeNjy1zeXXahzVXa-400-800.png) -240px -30px no-repeat}.fn-panel .fn-panel-bottom.arrow-left[data-v-258a3b48]:before{left:25%}.fn-panel .fn-panel-bottom.arrow-right[data-v-258a3b48]:before{left:75%}.fn-panel .share-txt[data-v-258a3b48]{width:100%}.icon-fn-douban[data-v-258a3b48],.icon-fn-qq[data-v-258a3b48],.icon-fn-qzone[data-v-258a3b48],.icon-fn-tieba[data-v-258a3b48],.icon-fn-weibo[data-v-258a3b48]{display:inline-block;width:32px;height:32px;background:url(https://gw.alicdn.com/tfs/TB14cSQg_JYBeNjy1zeXXahzVXa-400-800.png) no-repeat}.J-phone-qrcode-img[data-v-258a3b48]{margin:0 auto}.icon-fn-qzone[data-v-258a3b48]{background-position:-330px -90px}.icon-fn-weibo[data-v-258a3b48]{background-position:-330px -50px}.icon-fn-qq[data-v-258a3b48]{background-position:-80px -140px}.icon-fn-tieba[data-v-258a3b48]{background-position:-40px -140px}.icon-fn-douban[data-v-258a3b48]{background-position:0 -140px}.fn-share-link[data-v-258a3b48]{padding:7px 0 0 28px;margin:0 auto;overflow:hidden;text-align:center}.fn-share-link>li[data-v-258a3b48]{float:left;width:32px;height:32px;margin:20px 10px}.fn-share-link>li a[data-v-258a3b48]{display:block}.fn-share .fn-icon[data-v-258a3b48]{margin-right:6px;background-position:-290px 0}.fn-share:hover .fn-icon[data-v-258a3b48]{background-position:-310px 0}.fn-panel-bd dt[data-v-258a3b48]{height:80px;margin-bottom:10px}.share-code[data-v-258a3b48],.share-code img[data-v-258a3b48]{width:80px;margin:0 auto;height:80px}