.course-info[data-v-e965b53a]{width:100%;padding-bottom:50px;background-color:#fff}.main[data-v-e965b53a]{width:1200px;margin:0 auto;display:flex;justify-content:space-between}.player[data-v-e965b53a]{width:596px;height:334px;position:relative}#course-info-player[data-v-e965b53a]{width:100%;height:100%;background-color:#000}.try-it[data-v-e965b53a]{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;z-index:10}.try-it img[data-v-e965b53a]{display:block;height:100%;margin:0 auto}.try-it .mask[data-v-e965b53a]{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.3)}.try-it .play-icon[data-v-e965b53a]{width:70px;border:none;outline:none;background-color:transparent;padding-top:80px;font-size:24px;font-family:Source Han Sans CN;font-weight:400;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(../img/player-icon.9977280a.png) no-repeat;background-size:100% auto}.info[data-v-e965b53a]{width:554px;height:334px;padding:8px 0}.course-name[data-v-e965b53a]{font-size:24px;color:#333;padding-bottom:11px}.course-name[data-v-e965b53a],.intro[data-v-e965b53a]{font-family:Source Han Sans CN;font-weight:400;line-height:24px}.intro[data-v-e965b53a]{height:46px;font-size:14px;color:#999;padding-bottom:22px}.detail[data-v-e965b53a]{width:554px;height:134px;background:#f5f5f5;padding:20px 20px 19px;display:flex;flex-direction:column;justify-content:center}.detail .date[data-v-e965b53a],.detail .grade[data-v-e965b53a],.detail .study-number[data-v-e965b53a],.detail .type[data-v-e965b53a]{display:inline-block;width:50%;font-size:12px;font-family:Source Han Sans CN;font-weight:400;color:#999;padding-bottom:20px}.detail .date[data-v-e965b53a],.detail .study-number[data-v-e965b53a]{padding-bottom:0}.detail .date span[data-v-e965b53a],.detail .grade span[data-v-e965b53a],.detail .study-number span[data-v-e965b53a],.detail .type span[data-v-e965b53a]{color:#333}.detail p.tags[data-v-e965b53a]{width:100%;overflow:hidden;white-space:nowrap;padding-top:20px}.detail .tags span[data-v-e965b53a]{display:inline-block;color:#999;border-radius:2px;padding:0 10px;height:26px;line-height:24px;font-size:12px;margin-right:10px;border:1px solid #e6e6e6;box-sizing:border-box}.detail .tags-popover .tabgs-ellipsis[data-v-e965b53a]{border:0;width:80px}.btns[data-v-e965b53a]{margin-top:58px}.btns button[data-v-e965b53a]{border:none;outline:none;width:160px;height:40px;background:#2f53e1;border-radius:4px;font-size:16px;font-family:Source Han Sans CN;font-weight:400;line-height:27px;color:#fff}.btns button.wait[data-v-e965b53a],.btns button.wait[data-v-e965b53a]:hover{background-color:#dbdbdb}.btns button[data-v-e965b53a]:hover{background:rgba(47,83,225,.7)}.course-info .tags .course-info-tag[data-v-e965b53a]{color:#2f53e1;border:1px solid #2f53e1;position:relative}.course-info .tags .course-info-tag[data-v-e965b53a]:before{content:" ";width:12px;height:12px;position:absolute;bottom:0;right:-1px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGVWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI1LTAxLTA5VDE5OjM3OjQ5KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNS0wMS0xMFQxMDowOTowNCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNS0wMS0xMFQxMDowOTowNCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgcGhvdG9zaG9wOkhpc3Rvcnk9IjIwMjUtMDEtMTBUMTA6MDA6MjErMDg6MDAmI3g5O+aWh+S7tiB0YWdIb29rLnBuZyDlt7LmiZPlvIAmI3hBOzIwMjUtMDEtMTBUMTA6MDk6MDQrMDg6MDAmI3g5O+aWh+S7tiBEOlzpu4Tmm7wt6K6+6K6h5paH5Lu2XOiuvuiuoeaWh+S7tjIwMTktMjAyNFwwMS1VSemhueebruaWh+S7tlwwMy3ok53psrjns7vnu59cMDEt6JOd6bK457O757ufLTIwMjAxMjA1XDAyLeiTnemyuOezu+e7n1BDMS4wLTIwMjAxMjE0XDIwMjUwMTEwLeiTnemyuOezu+e7nzIuMOS/ruaUuVxsal9pbWdcdGFnSG9vay5wbmcg5bey5a2Y5YKoJiN4QTsiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzAzZmZiNTktMGUyMC1kMzRmLWFhMmItYTgxYWYzOTkyMDhhIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMwM2ZmYjU5LTBlMjAtZDM0Zi1hYTJiLWE4MWFmMzk5MjA4YSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjMwM2ZmYjU5LTBlMjAtZDM0Zi1hYTJiLWE4MWFmMzk5MjA4YSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MzAzZmZiNTktMGUyMC1kMzRmLWFhMmItYTgxYWYzOTkyMDhhIiBzdEV2dDp3aGVuPSIyMDI1LTAxLTA5VDE5OjM3OjQ5KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zA0fvgAAAjFJREFUSIm9ll1IU2EYx39nbkfdyhZbfnDyYmBBDFEJ2s3CKG/s48KUYFclGBVYhKAQBUZ+dGGKkBUVggnhLiRQlKQMwcuCKCgo6KZPUha6/Nbc6eJsNWs758zt7Ll8nv///fHA+z7vI8iyTDrDDFBa8ykdrAbgpTkdJOAccAOYNKUBVgv0AAJQYjTQB9wHIhy7kcAqoB/IiE4aBTwM+AlfSqOBh4BBQIxVTDXQCwwB2fEEqQTuA0YBm5ooVcBSYAzI0RKmAugGngDb9YiTBe4CngI79BqSAbqAZ0BBIqbNAneGYYVawmMHbLRdcCQFzA/DXFrCTFGgpd6BaBE2DXQC48BuPWJ/Rz6B2XUaOwN/col8T3aU2+jWI66rzsElWSiv/bIhr7fDrSjvrMxblk2eI0NVLOWaqffZab71g+BcKGGgFWWCeADOnNjG4zuSquFRdwEv3iwzNLHwX00LmIUyG/dHEmevTWMywfWLzpiG1vMOMkWB01enY9bVgCLK1K+ITi4shTh1ZYpKr5WDHusGg6c4i6PlNk5enop7aDygGRgAjsQqvnq3wr3BIF2NTrZY/x5xtzmXhyNzvH6/khDQBDwAjsd1Abf9QT5++8XwTWXQ9LfnMb8YoqNvRs2GIMty9JooAL0oi49miBaB5wOFvP2wirtIpKLuK4HZdTXL53877NELA1hdk/E1fcddJHKpO6AFA+iL7rATZVk1KmYAKdLhHmAvEDQA9BNoASRg6Te2N4JV7HlctwAAAABJRU5ErkJggg==) no-repeat 100% 100%;background-size:100% 100%}