.course-info[data-v-00e3aefc]{width:100%;padding-bottom:50px;background-color:#fff}.main[data-v-00e3aefc]{width:1200px;margin:0 auto;display:flex;justify-content:space-between}.player[data-v-00e3aefc]{width:596px;height:334px;position:relative}#course-info-player[data-v-00e3aefc]{width:100%;height:100%;background-color:#000}.try-it[data-v-00e3aefc]{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;z-index:10}.try-it img[data-v-00e3aefc]{display:block;height:100%;margin:0 auto}.try-it .mask[data-v-00e3aefc]{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.3)}.try-it .play-icon[data-v-00e3aefc]{width:70px;border:none;outline:none;background-color:transparent;padding-top:80px;font-size:24px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:400;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(../img/player-icon.fbd2747f.png) no-repeat;background-size:100% auto}.info[data-v-00e3aefc]{width:554px;height:334px;padding:8px 0}.course-name[data-v-00e3aefc]{font-size:24px;color:#333;padding-bottom:11px}.course-name[data-v-00e3aefc],.intro[data-v-00e3aefc]{font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:400;line-height:24px}.intro[data-v-00e3aefc]{height:46px;font-size:14px;color:#999;padding-bottom:22px}.detail[data-v-00e3aefc]{width:554px;height:134px;background:#f5f5f5;padding:20px;display:flex;flex-direction:column;justify-content:center}.detail .date[data-v-00e3aefc],.detail .grade[data-v-00e3aefc],.detail .study-number[data-v-00e3aefc],.detail .type[data-v-00e3aefc]{display:inline-block;width:50%;font-size:12px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:400;color:#999;padding-bottom:20px}.detail .date[data-v-00e3aefc],.detail .study-number[data-v-00e3aefc]{padding-bottom:0}.detail .date span[data-v-00e3aefc],.detail .grade span[data-v-00e3aefc],.detail .study-number span[data-v-00e3aefc],.detail .type span[data-v-00e3aefc]{color:#333}.detail p.tags[data-v-00e3aefc]{cursor:pointer;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:20px;min-height:48px}.detail .tags span[data-v-00e3aefc]{display:inline-block;color:#999;border-radius:2px;padding:6px 10px;margin-right:10px;border:1px solid #e6e6e6}.detail .tags-popover .tabgs-ellipsis[data-v-00e3aefc]{border:0;min-width:105px}.course-info .tags .course-info-tag[data-v-00e3aefc]{color:#28bbac;border:1px solid #28bbac}.price[data-v-00e3aefc]{padding:18px 0}.price .free[data-v-00e3aefc],.price .new[data-v-00e3aefc]{display:inline-block;font-size:20px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;margin-right:10px}.price .new[data-v-00e3aefc]{color:#ff8b33}.price .free[data-v-00e3aefc]{color:#28bbac}.price .new span[data-v-00e3aefc]{font-size:24px;font-weight:700}.price .old[data-v-00e3aefc]{display:inline-block;font-size:14px;color:#ccc;text-decoration:line-through}.info button[data-v-00e3aefc],.price .old[data-v-00e3aefc]{font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:400}.info button[data-v-00e3aefc]{border:none;outline:none;width:160px;height:40px;background:#28bbac;border-radius:4px;font-size:16px;line-height:27px;color:#fff}.info button.wait[data-v-00e3aefc],.info button.wait[data-v-00e3aefc]:hover{background-color:#dbdbdb}.info button[data-v-00e3aefc]:hover{background:#77d1cd}.course-info[data-v-00e3aefc] .by-course-dialog{height:210px;z-index:20010;border-radius:4px;padding:63px 47px 40px 47px}.course-info[data-v-00e3aefc] .by-course-dialog .el-dialog__footer,.course-info[data-v-00e3aefc] .by-course-dialog .el-dialog__header{display:none}.course-info[data-v-00e3aefc] .by-course-dialog .el-dialog__body{height:100%;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.course-info[data-v-00e3aefc] .by-course-dialog .el-dialog__body .close{position:absolute;top:12px;right:12px;width:20px;height:20px;background:url(../img/close.b6ec05de.svg) no-repeat;cursor:pointer}.course-info[data-v-00e3aefc] .by-course-dialog .el-dialog__body .text{font-size:16px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:400;line-height:24px;color:#333}.course-info[data-v-00e3aefc] .by-course-dialog .btns{width:100%;display:flex;justify-content:space-between}.course-info[data-v-00e3aefc] .by-course-dialog .btns button{outline:none;border:none;width:120px;height:40px;border-radius:4px;background-color:transparent;font-size:16px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:400;line-height:38px;padding:0}.course-info[data-v-00e3aefc] .by-course-dialog .btns button.cancel{color:#999;border:1px solid #ccc}.course-info[data-v-00e3aefc] .by-course-dialog .btns button.cancel:hover{background:#f0f0f0}.course-info[data-v-00e3aefc] .by-course-dialog .btns button.submit{color:#fff;border:none;background-color:#28bbac}.course-info[data-v-00e3aefc] .by-course-dialog .btns button.submit:hover{background-color:rgba(40,187,172,.6)}