.headbg[data-v-1abe9f87]{background:#fff;justify-content:center;height:70px}.headbg .headers[data-v-1abe9f87],.headbg .logo[data-v-1abe9f87],.headbg[data-v-1abe9f87]{display:flex;align-items:center}.headbg .logo img[data-v-1abe9f87]{width:66px;height:44px}.entrance[data-v-1abe9f87]{font-size:18px;color:#e1e1e1;display:flex;flex:1;justify-content:flex-end;font-weight:lighter}.entrance[data-v-1abe9f87] .input-with-select{width:330px;margin-right:20px;background-color:#e6e9eb;border:1px solid #e6e6e6;border-radius:20px}.entrance[data-v-1abe9f87] .input-with-select .el-input__inner{background:none;border:none;color:grey}.entrance[data-v-1abe9f87] .input-with-select .el-input-group__prepend{border-top-left-radius:20px;border-bottom-left-radius:20px;width:auto;max-width:100px;padding-right:10px;background:none;color:grey}.entrance[data-v-1abe9f87] .input-with-select .el-input-group__prepend .el-select .el-input .el-select__caret{color:grey;font-size:16px}.entrance[data-v-1abe9f87] .input-with-select .el-input-group__append{background:#748793;border-radius:100%;color:#fff;font-size:18px;width:40px;height:40px;padding:0;text-align:center}.entrance[data-v-1abe9f87] .login{margin:0 10px;color:grey;font-size:14px}.entrance[data-v-1abe9f87] .login .el-link--inner{display:flex;align-items:center}.entrance[data-v-1abe9f87] .login .el-link--inner .el-avatar{margin-right:10px}.entrance .iconfont[data-v-1abe9f87]{color:#3e4055}[data-v-1abe9f87] .el-menu{display:flex;border:none;margin:0 2%}[data-v-1abe9f87] .el-menu .el-menu-item{margin:0 20px;padding:0;color:#555c68!important;font-size:18px!important;height:70px;line-height:70px;padding:0!important}[data-v-1abe9f87] .el-menu .el-menu-item.is-active{color:#000!important;border-bottom:3px solid #ffb400}[data-v-1abe9f87] .el-menu .el-menu-item.is-active,[data-v-1abe9f87] .el-menu .el-menu-item:hover{background:none!important}.footer[data-v-d9455356]{width:100%;background:#3b424a;display:inline-block;font-size:14px;padding:1% 0 0;margin-top:1%}.footer .footer2[data-v-d9455356]{width:1200px;margin:0 auto;display:flex;align-items:center}.footer .footer2 .logo[data-v-d9455356]{display:flex;align-items:center;margin-right:5%}.footer .footer2 .logo img[data-v-d9455356]{width:120px}.footer .footer2 .footcard[data-v-d9455356]{color:#fff;display:flex;flex:1;flex-flow:column}.footer .footer2 .footcard h3[data-v-d9455356]{min-width:60px;font-size:14px;margin-right:30px}.footer .footer2 .footcard ul[data-v-d9455356]{width:100%;display:flex;align-items:baseline;margin:1% auto}.footer .footer2 .footcard ul li[data-v-d9455356]{font-size:14px;color:#586881;line-height:30px;display:inline-block}.footer .footer2 .footcard ul li a[data-v-d9455356]{color:hsla(0,0%,100%,.5);margin-right:28px;display:inline-block}.footer .footer2 .footcard ul li a[data-v-d9455356]:hover{color:#a2a2a2}.footer .footer2 .Links[data-v-d9455356]{margin-top:1%}.footer .footer2 .Links h3[data-v-d9455356]{font-size:16px;font-weight:400;padding:0 2%;margin-top:-24px;background:#3b424a}.footer .footer2 .Links ul[data-v-d9455356]{display:flex;flex-flow:column;border:1px solid #4a515a;padding:2% 2% 3% 3%}.footer .footer2 .Links ul li[data-v-d9455356]{line-height:24px}.footer .footer2 .Links ul li a[data-v-d9455356]{margin:10px 10px 0}.footer .copyrights[data-v-d9455356]{color:hsla(0,0%,99.6%,.3);font-size:14px;width:100%;background:#2f3439;text-align:center;display:inline-block;margin-top:1%}.footer .copyrights .footer2[data-v-d9455356]{justify-content:space-between}.footer .copyrights span[data-v-d9455356]{margin-right:20px}.footer .copyrights a[data-v-d9455356]{display:inline-block;color:hsla(0,0%,99.6%,.3);font-size:14px;line-height:40px;cursor:pointer}.footer .copyrights a[data-v-d9455356]:hover{color:#a2a2a2}.footer .copyrights .govicon[data-v-d9455356]{display:inline-block;margin-right:6px;width:16px;height:16px;vertical-align:middle}.recomhall .refresh[data-v-485dc734]{position:absolute;right:24px;top:0;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.recomhall .refresh .line[data-v-485dc734]{height:20px;cursor:pointer;width:1px;background:#748793;position:relative}.recomhall .refresh .line .circle[data-v-485dc734]{position:absolute;z-index:2;bottom:-18px;left:-9px;background:#748793;width:20px;height:20px;border-radius:100%}.recomhall .refresh .line .circle em[data-v-485dc734]{font-style:normal;font-weight:400;position:absolute;left:3px;top:1px;background:url(https://www.leiphone.com/resWeb/images/common/yp_spirit.png) no-repeat -388px -12px;width:13px;height:15px;transition:all .3s ease-in-out;-moz-tr-ansition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.recomhall .refresh.push .line[data-v-485dc734]{height:40px}.recomhall .refresh.push .line .circle em[data-v-485dc734]{transform:rotate(1turn)}.themeheader[data-v-07cb164e]{justify-content:space-between;width:100%;background:url(../img/kjheader.5b25803f.jpg) no-repeat;background-size:cover;min-height:240px}.themeheader .w1200[data-v-07cb164e],.themeheader[data-v-07cb164e]{display:flex;align-items:center}.themeheader .coursebox[data-v-07cb164e]{flex-direction:column;display:flex;justify-content:space-between;flex:1;color:#fff;margin:3% 0}.themeheader .coursebox .names[data-v-07cb164e]{margin-top:16px;max-width:740px;height:48px;line-height:48px;font-size:32px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.themeheader .coursebox .introduce[data-v-07cb164e]{display:flex;align-items:center;margin-top:2%}.themeheader .coursebox .introduce .tags[data-v-07cb164e]{margin-right:30px}.themeheader .coursebox .introduce .tags i[data-v-07cb164e]{margin-right:6px}.themeheader .coursebox .introduce .tags .el-button--text[data-v-07cb164e]{color:#fff;background:none;border:none}.themeheader .coursebox .introduce .tags .el-button--text[data-v-07cb164e]:focus,.themeheader .coursebox .introduce .tags .el-button--text[data-v-07cb164e]:hover{background:none;border:none}.themeheader .coursebox .butbottom[data-v-07cb164e]{justify-content:flex-start;margin:3% 0 0}.themeheader .coursebox .butbottom .el-button[data-v-07cb164e]{margin-right:20px}.themeheader .info[data-v-07cb164e]{display:flex;height:70px;background:rgba(0,0,0,.2);border-radius:50px;align-items:center;padding-right:2%}.themeheader .info .link[data-v-07cb164e]{display:flex}.themeheader .info .lecturer[data-v-07cb164e]{margin-left:20px;display:flex;flex-direction:column;justify-content:space-evenly;color:#fff;min-height:66px}.themeheader .info .lecturer .realname[data-v-07cb164e]{max-width:130px;height:24px;line-height:24px;text-align:center;font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.themeheader .info .lecturer .focus[data-v-07cb164e]{color:#f8f9fb;margin:0;padding:0;text-align:left}.themeheader .info .lecturer .focus i[data-v-07cb164e]{margin-right:8px;vertical-align:text-top}.themeheader .info .lecturer .focus.active i[data-v-07cb164e]{color:#ff6372}.themeheader .info .statsnum[data-v-07cb164e]{margin-left:30px;flex-flow:column;align-items:center;display:flex;justify-content:space-evenly;min-height:60px}.themeheader .info .statsnum .num[data-v-07cb164e]{font-size:24px;font-weight:700;color:#ffaa08}.themeheader .info .statsnum .text[data-v-07cb164e]{font-size:12px;color:hsla(0,0%,100%,.6)}[data-v-07cb164e] .el-tabs{min-height:600px}[data-v-07cb164e] .el-tabs .el-tabs__nav-wrap:after{background:#f8f8f8;height:1px}[data-v-07cb164e] .el-tabs .el-tabs__active-bar{background-color:#1c1d30}[data-v-07cb164e] .el-tabs .el-tabs__header{border-bottom:none;margin:0}[data-v-07cb164e] .el-tabs .el-tabs__header .el-tabs__nav{margin:0 3%}[data-v-07cb164e] .el-tabs .el-tabs__header .el-tabs__item{height:50px;line-height:50px;color:#999}[data-v-07cb164e] .el-tabs .el-tabs__header .el-tabs__item.is-active{color:#1c1d30}[data-v-07cb164e] .el-tabs .el-tab-pane{position:relative;padding-bottom:100px}[data-v-07cb164e] .el-tabs .commentbox{box-shadow:none;border:none;padding:2% 0 0;margin:1% 3%;border-top:1px solid #f0f0f0}[data-v-07cb164e] .el-tabs .commentbox h1{font-size:16px}[data-v-07cb164e] .el-tabs .commentbox:first-child{border-top:none}[data-v-07cb164e] .el-tabs .search{display:flex;align-items:center;width:94%;padding:0 2%;margin:3%;position:absolute;bottom:0;background:#f5f5f5;border:1px solid #ebebeb;border-radius:30px}[data-v-07cb164e] .el-tabs .search .el-input__inner{background:none;border:none}.catalog[data-v-07cb164e]{margin:2% 0}.catalog li[data-v-07cb164e]{border-bottom:1px solid #f5f5f5;width:100%;display:flex;justify-content:space-around;cursor:pointer;align-items:center;line-height:50px}.catalog li .tit[data-v-07cb164e]{flex:1;color:#333;font-size:16px}.catalog li .tit i[data-v-07cb164e]{margin-right:8px}.catalog li .time[data-v-07cb164e]{color:#999}.catalog li:hover .tit[data-v-07cb164e]{color:#4d7fd0}.card[data-v-07cb164e]{padding:5%}.card .progress[data-v-07cb164e]{height:5px;border-radius:3px;margin-bottom:3%;width:100%;background-color:#f5f5f5;cursor:pointer}.card .progress .currentProgress[data-v-07cb164e]{position:relative;height:100%;width:0;background-color:#fa5d5d;border-radius:3px}.card .progress .currentProgress .circle[data-v-07cb164e]{position:absolute;right:-6px;top:-5px;display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid #fa5d5d;background-color:#fa5d5d}.card .progress .currentProgress .circle[data-v-07cb164e]:hover{width:12px;height:12px;top:-3px;border-radius:50%}.card .time[data-v-07cb164e]{display:flex;justify-content:space-between;color:#777a85;font-size:16px}.card .option[data-v-07cb164e]{display:flex;justify-content:space-between;align-items:center;padding:20px 30px 0 30px}.card .option .next[data-v-07cb164e],.card .option .playdiv[data-v-07cb164e],.card .option .pre[data-v-07cb164e]{width:27%;justify-content:space-between;display:flex;padding:0 2px;align-items:center;cursor:pointer}.card .option .playdiv[data-v-07cb164e]{justify-content:center;width:46%}.card .option .pause[data-v-07cb164e],.card .option .play[data-v-07cb164e]{width:70px;height:70px;cursor:pointer}.card .option .nextbtn[data-v-07cb164e],.card .option .prevbtn[data-v-07cb164e]{width:26px;height:26px;cursor:pointer}.card .option .nextplay[data-v-07cb164e],.card .option .prevplay[data-v-07cb164e]{width:26px;height:26px}.card .option .nextplay[data-v-07cb164e]{transform:rotate(180deg)}