.crumbs[data-v-69951422]{width:100%;height:76px;display:flex;align-items:center;background-color:#fff}.main[data-v-69951422]{width:1200px;color:#999;margin:0 auto;font-size:14px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:400;line-height:24px;display:flex;align-items:center}.main p[data-v-69951422]{cursor:pointer}.main p[data-v-69951422]:hover{color:#333}.main p span[data-v-69951422]{display:inline-block;padding:0 5px}.course-name[data-v-69951422]{color:#333}.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)}.teacher-info[data-v-11fbc58b]{width:100%;margin-bottom:20px;padding-bottom:34px;background-color:#fff}.title[data-v-11fbc58b]{font-size:16px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:400;height:57px;line-height:57px;color:#333;border-bottom:1px solid #e6e6e6;padding:0 30px}.head-img[data-v-11fbc58b]{width:120px;height:120px;border-radius:50%;overflow:hidden;display:flex;justify-content:center}ul li[data-v-11fbc58b]{display:flex;flex-direction:column;align-items:center;padding:30px 21px 10px 23px}.head-img img[data-v-11fbc58b]{height:100%}.name[data-v-11fbc58b]{font-size:18px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:400;color:#333;padding:10px 0}.role-name[data-v-11fbc58b]{color:#999;padding-bottom:14px}.intro[data-v-11fbc58b],.role-name[data-v-11fbc58b]{font-size:14px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:400}.intro[data-v-11fbc58b]{line-height:21px;color:#666;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.online-service[data-v-1c5af168]{width:100%;background-color:#fff}.title[data-v-1c5af168]{font-size:16px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:400;height:57px;line-height:57px;color:#333;border-bottom:1px solid #e6e6e6;padding:0 30px}.content[data-v-1c5af168]{padding:30px 21px 44px 29px}.after-sale[data-v-1c5af168]{border-radius:8px;overflow:hidden;margin-bottom:17px}.after-sale-title[data-v-1c5af168]{width:100%;height:36px;background:#28bbac;font-size:16px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:700;line-height:36px;color:#fff;padding:0 30px}.after-sale-content[data-v-1c5af168]{display:flex;background:#ebf8f7;padding:16px 20px}.after-sale-content>div[data-v-1c5af168]:nth-child(2){display:flex;flex-direction:column;justify-content:space-around;padding:5px 0 5px 10px}.head-img[data-v-1c5af168]{width:44px;height:44px;border-radius:50%;overflow:hidden;display:flex;justify-content:center}.head-img img[data-v-1c5af168]{height:100%}.after-sale-name[data-v-1c5af168],.after-sale-phont[data-v-1c5af168]{font-size:14px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:400;color:#333}.after-sale-phont[data-v-1c5af168]{letter-spacing:1px}.wechat[data-v-1c5af168]{border-radius:8px;overflow:hidden}.wechat .title[data-v-1c5af168]{width:100%;height:36px;background:#28bbac;font-size:16px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:700;line-height:36px;color:#fff;padding:0 30px}.wechat-content[data-v-1c5af168]{padding:16px 20px 23px 20px;background:#ebf8f7}.wechat-content-title[data-v-1c5af168]{font-size:14px;font-weight:400;line-height:18px;color:#333}.qr-code[data-v-1c5af168]{display:flex;justify-content:center;padding:20px 0 0 0}.qr-code img[data-v-1c5af168]{height:128px;width:auto}.wechat-name[data-v-1c5af168]{font-size:14px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:700;line-height:18px;color:#333;text-align:center;padding-top:10px}.business[data-v-1c5af168]{border-radius:8px;overflow:hidden;margin-top:20px}.business .title[data-v-1c5af168]{width:100%;height:36px;background:#28bbac;font-size:16px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:700;line-height:36px;color:#fff;padding:0 30px}.business-content[data-v-1c5af168]{height:94px;padding:26px 0 24px 29px;background:#ebf8f7;display:flex;flex-direction:column;justify-content:space-between}.business-content-email[data-v-1c5af168],.business-content-phone[data-v-1c5af168]{font-size:14px;font-family:PingFang SC,Microsoft Yahei,Source Han Sans CN;font-weight:400;color:#333;padding-left:25px}.business-content-phone[data-v-1c5af168]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABCUlEQVQ4T6XSvyuFYRjG8c9JYlPKH2CVAWU6pVjF6C8g2VgUziCLbEbR+Q9kUAaDzWAjshvNfgxK0lP3o6eT431Pnul9n/u+vl3Pdd8N/zyNQp++F/COq7rcDBjCBZr4xCyu60AyYAXHheAREwH7k5MBmzjo6BzFU5WLDFjGSdG8j+0qcapnwDju4/8NKZOvXgCpNyU/F6JJ3PUKmMIN+nGLGSQ3tULMTXtoxVMusYSXKA7EnqTxPmdBuUjprg9nWIyGNM712IlDrOIVG2iXIZY2B3GK+Qr3azjqdJA1yckOtpCAv500+nY3QBaMYTfeXoIeMI2PKkAGDceIRyLU88jiZ5GqptW1/g1qpSkRGirdPAAAAABJRU5ErkJggg==) no-repeat}.business-content-email[data-v-1c5af168]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA2UlEQVQ4T63TsUrCURTH8Y+C0aJLW08RNPcaQbQ5umQUik1RS0vQ2uQk+AgtLSJEi0aDOPoI0mpUHPgHFzW4pGc6w+9877m/370lG1Zpw3lbBVziMGOjBR4wCu3vBjt4xUEG4AsNPKaAMqo4xjX214Bi8AkdzPCRAmp4xy16OCv6SgEa4xxT3CE2Pl0GzAvxBC284AZDPOMCTeyij5N1gDSVAa5whDB4L7lWFiD034nRqS3ZgL9CWQFEAuFBpJFTXdRTD6JvZ76DT9zjbRmQc/KKZqt/4V8b/ADgdCYR8aposAAAAABJRU5ErkJggg==) no-repeat}.content[data-v-918eae24]{width:100%;background:#f5f5f5;padding:20px 0 40px 0}.main[data-v-918eae24]{width:1200px;margin:0 auto;display:flex;justify-content:space-between}.right-side[data-v-918eae24]{width:300px}