.details-header-content[data-v-0f36403e]{background:#fff;border-radius:6px;padding:28px 21px 33px;position:relative}.details-header-content .bg-details-head[data-v-0f36403e]{position:absolute;right:0;bottom:0;width:244px;height:186px;background:url(../img/bg-details-head.07755a10.png) no-repeat;background-size:100% 100%}.details-header-content .video-dialog[data-v-0f36403e] .el-dialog__header{padding:20px 20px px 0;text-align:left}.details-header-content .play-video-icon[data-v-0f36403e]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:36px}.details-header-content-title[data-v-0f36403e]{font-size:20px;font-family:PingFang SC;font-weight:500;color:#131313;margin-bottom:27px}.details-header-content .details-header-icon[data-v-0f36403e]{width:120px;height:120px;border-radius:6px;margin-left:9px}.details-header-content .details-course[data-v-0f36403e]{margin-left:21px;font-size:14px;font-family:PingFang SC;font-weight:400;color:#666}.details-header-content .details-course-name[data-v-0f36403e]{font-size:18px;font-family:PingFang SC;font-weight:500;color:#131313}.details-header-content .details-course-try[data-v-0f36403e]{padding:3px 12px;background:rgba(0,118,244,.1);border-radius:12px;font-size:12px;font-family:PingFang-SC-Bold,PingFang-SC;font-weight:700;color:#0076f4;margin-left:12px}.details-header-content .details-course-point[data-v-0f36403e]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:23px;padding-left:8px;padding-right:8px;background:rgba(255,158,16,.17);border-radius:2px;font-size:12px;font-family:PingFang SC;font-weight:400;color:#ff9e10;line-height:23px;text-align:center;margin-bottom:19px;margin-top:10px}.details-header-content .details-course-icon[data-v-0f36403e]{width:14px;height:14px;margin-right:6px}.details-header-content .details-course-desc[data-v-0f36403e]{margin-top:10px}.details-header-content .details-course-subject[data-v-0f36403e]{margin-right:63px;margin-left:20px}.details-header-content .details-course-grade[data-v-0f36403e]{margin-right:63px}[data-v-0f36403e] .video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;-webkit-transition:all .4s;transition:all .4s}.html-box[data-v-2bf539d3]{color:#000}.content .html-box[data-v-2bf539d3] p,.content .html-box[data-v-2bf539d3] span,.content .html-box[data-v-2bf539d3] table{max-width:100%}.no-auth[data-v-7d5937da]{margin:0 auto}.no-auth .head[data-v-7d5937da]{font-size:16px;font-weight:500;color:#131313;margin-bottom:25px;text-align:left}.no-auth .auth-data[data-v-7d5937da]{margin-bottom:25px}.no-auth[data-v-7d5937da] .el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word;max-width:500px;-webkit-box-sizing:border-box;box-sizing:border-box}[data-v-7d5937da] .el-dialog__body{padding:4px 25px 30px}[data-v-7d5937da] .el-dialog{top:40%!important;position:absolute!important;left:50%!important;top:50%!important;border-radius:10px;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.pagination[data-v-7d5937da]{text-align:center}[data-v-7d5937da] .el-pagination.is-background .btn-prev{background-color:#fff;border-radius:50%}[data-v-7d5937da] .el-pagination.is-background .el-pager li{background-color:#fff}[data-v-7d5937da] .el-pager li{background-color:#fff!important;border:1px solid #dcdddd}.el-pagination.is-background .btn-prev[data-v-7d5937da],.el-pagination.is-background .el-pager li[data-v-7d5937da],[data-v-7d5937da] .el-pagination.is-background .btn-next{background-color:#fff!important;border:1px solid #dcdddd;border-radius:50%}[data-v-7d5937da] .el-pagination.is-background .btn-next,[data-v-7d5937da] .el-pagination.is-background .btn-prev,[data-v-7d5937da] .el-pagination.is-background .el-pager li{background-color:#fff!important;border:1px solid #dcdddd;border-radius:50%;color:#999}[data-v-7d5937da] .el-pager li.active,[data-v-7d5937da] .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#6049ff!important}[data-v-7d5937da] .el-pagination .btn-next .el-icon,[data-v-7d5937da] .el-pagination .btn-prev .el-icon{color:#999;font-size:14px}[data-v-7d5937da] .el-pagination__total{font-size:14px!important;color:#999!important}.el-tooltip__popper{position:absolute;border-radius:4px;padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word;max-width:500px;-webkit-box-sizing:border-box;box-sizing:border-box}.details-container[data-v-4b2a1bda]{min-height:551px;background:#fff;border-radius:6px;padding:20px 31px}.details-container .no-img[data-v-4b2a1bda]{width:420px;height:240px}.details-container .details-catalog[data-v-4b2a1bda]{min-height:496px}.details-container .no-allewed-content[data-v-4b2a1bda]{width:100%;height:100%;position:absolute;text-align:center;padding-top:200px;top:0;background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(1%,hsla(0,0%,100%,.6)),color-stop(10%,hsla(0,0%,100%,.8)),to(#fff));background-image:linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 1%,hsla(0,0%,100%,.8) 10%,#fff)}.details-container .no-allewed-text[data-v-4b2a1bda]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:16px;font-size:16px;font-family:PingFang SC;font-weight:400;color:#666;margin-left:auto;margin-right:auto}.details-container .no-allewed-btn[data-v-4b2a1bda]{width:120px;height:34px;background:#5a53f5;-webkit-box-shadow:0 4px 5px 0 rgba(90,83,245,.19);box-shadow:0 4px 5px 0 rgba(90,83,245,.19);border-radius:17px;font-size:14px;font-family:PingFang SC;font-weight:500;color:#fff;line-height:34px;text-align:center;margin-left:auto;margin-right:auto;margin-top:18px;cursor:pointer}.details-container .details-chapter-header[data-v-4b2a1bda]{margin-bottom:14px}.details-container .details-chapter-icon[data-v-4b2a1bda]{width:32px;height:32px;border-radius:50%}.details-container .details-chapter-title[data-v-4b2a1bda]{font-size:16px;font-family:PingFang SC;font-weight:400;color:#131313;line-height:28px;margin-left:16px}.details-container .details-section[data-v-4b2a1bda]{-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:74px;font-size:14px;font-family:PingFang SC;font-weight:400;color:#999;margin-bottom:13px}.details-container .details-section span[data-v-4b2a1bda]:hover{cursor:pointer;color:#6049ff}.details-container .details-section-instructions[data-v-4b2a1bda]{padding:3px 12px;background:rgba(90,83,245,.15);border-radius:12px;font-size:12px;font-family:PingFang-SC-Bold,PingFang-SC;font-weight:700;color:#5a53f5;margin-left:14px}.details-container .details-section-lock[data-v-4b2a1bda]{width:16px;height:16px;margin-right:64px;margin-left:auto}.details-container .details-section-btn[data-v-4b2a1bda]{margin-left:auto;margin-right:28px;-ms-flex-negative:0;flex-shrink:0}.details-container .details-section-btn-bk[data-v-4b2a1bda]{background:#f1f4fe;color:#5a53f5;margin-right:20px}.details-container .details-section-btn-bk[data-v-4b2a1bda],.details-container .details-section-btn-sk[data-v-4b2a1bda]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:24px;border-radius:12px;padding-left:15px;padding-right:15px;font-size:12px;font-family:PingFang SC;font-weight:400;line-height:24px;text-align:center;cursor:pointer}.details-container .details-section-btn-sk[data-v-4b2a1bda]{background:#fcead1;color:#eea642}.details-container .disabled-class[data-v-4b2a1bda]{color:#d4d4d4!important;font-size:12px;font-family:PingFang SC;color:#5a53f5;line-height:24px;cursor:inherit}.details-container .dash-line[data-v-4b2a1bda]{margin-left:42px;margin-right:42px;margin-bottom:14px;height:1px;background:#ededed}.details-container[data-v-4b2a1bda] .el-tabs__nav-wrap:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:inherit;z-index:1}.details-container[data-v-4b2a1bda] .el-tabs__item{font-size:18px;font-family:PingFang SC;font-weight:500;color:#131313}.details-container[data-v-4b2a1bda] .el-tabs__active-bar{position:absolute;bottom:0;left:0;height:4px;background-color:#ff9e10;border-radius:2px;z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.details-container[data-v-4b2a1bda] .cell{text-align:center}.details-container[data-v-4b2a1bda] .el-table th{background-color:#f5f6f7!important}.details-container .pagination[data-v-4b2a1bda]{margin:0 auto;text-align:center}.details-container[data-v-4b2a1bda] ::-webkit-scrollbar{display:none!important}.details-container[data-v-4b2a1bda] .el-pager li{height:30px;width:30px;min-width:30px;border-radius:50%!important;padding:0 0;margin:0 5px;font-size:13px;font-weight:400;color:#282828}.details-container[data-v-4b2a1bda] .el-pager li.active{background:#6049ff!important;color:#fff;font-size:13px!important}.details-container[data-v-4b2a1bda] .el-pagination.is-background .el-pager li:not(.disabled):hover{color:#6049ff}.details-container[data-v-4b2a1bda] .el-pagination.is-background .el-pager li:not(.disabled).active{color:#fff!important}.details-container[data-v-4b2a1bda] .el-pagination__total{font-size:12px;color:#282828}.details-container[data-v-4b2a1bda] .el-pagination button{height:30px!important;line-height:30px!important}.details-container[data-v-4b2a1bda] .el-pagination button:hover{color:#6049ff!important}.details-container[data-v-4b2a1bda] .el-table th.gutter{display:table-cell!important}.details-container[data-v-4b2a1bda] .el-table--enable-row-transition .el-table__body td{max-width:100px}.course-details-container .content[data-v-49a38fe8]{padding-top:32px}.course-details-container .content .goback-btn[data-v-49a38fe8]{border-radius:20px}.course-details-container .content-detail[data-v-49a38fe8]{margin-top:14px}.course-details-container .icon-navtop-back[data-v-49a38fe8]{width:12px;height:12px;margin-right:6px;color:#fff;display:inline-block;background:url(../img/white_navtop_back.f8a6de8d.png) no-repeat 50%;background-size:contain}