@-webkit-keyframes el-skeleton-loading-0dd2d500{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes el-skeleton-loading-0dd2d500{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton[data-v-0dd2d500]{margin-top:30px}.skeleton .item[data-v-0dd2d500],.skeleton[data-v-0dd2d500]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.skeleton .item[data-v-0dd2d500]{margin-bottom:50px}.skeleton .item .info-box[data-v-0dd2d500]{width:100%;height:300px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.skeleton .item .info-box .thumb[data-v-0dd2d500]{width:320px;height:240px;margin-right:50px;position:relative;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading-0dd2d500 1.4s ease infinite;animation:el-skeleton-loading-0dd2d500 1.4s ease infinite}.skeleton .item .info-box .body[data-v-0dd2d500]{width:770px;height:240px}.skeleton .item .info-box .body .title[data-v-0dd2d500]{width:275px;height:34px}.skeleton .item .info-box .body .text[data-v-0dd2d500],.skeleton .item .info-box .body .title[data-v-0dd2d500]{margin-top:15px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading-0dd2d500 1.4s ease infinite;animation:el-skeleton-loading-0dd2d500 1.4s ease infinite}.skeleton .item .info-box .body .text[data-v-0dd2d500]{width:100%;height:18px}.skeleton .item .info-box .body .button[data-v-0dd2d500]{width:146px;height:56px;margin-top:35px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading-0dd2d500 1.4s ease infinite;animation:el-skeleton-loading-0dd2d500 1.4s ease infinite}.skeleton .item .tabs[data-v-0dd2d500]{width:516px;height:34px}.skeleton .info[data-v-0dd2d500],.skeleton .item .tabs[data-v-0dd2d500]{margin-top:20px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:el-skeleton-loading-0dd2d500 1.4s ease infinite;animation:el-skeleton-loading-0dd2d500 1.4s ease infinite}.skeleton .info[data-v-0dd2d500]{width:1140px;height:16px}.main-bg[data-v-7bfeb76a]{background-image:url(../../static/img/backougnd.e8ed2b3a.png);background-size:cover;overflow-x:hidden}.main-bg[data-v-7bfeb76a] .el-progress-bar__innerText{color:#fff!important}.main-bg .content[data-v-7bfeb76a]{width:100%;padding-top:86px}.main-bg .content .main-center-border[data-v-7bfeb76a]{width:1300px;height:2px;opacity:.1;background:#3e4294;margin:28px auto 0}.main-bg .content .fix-nav[data-v-7bfeb76a]{width:100%;background-color:#fff;position:sticky;top:0;z-index:50}.main-bg .content .box[data-v-7bfeb76a]{width:1200px;margin:0 auto}.main-bg .content .box .nav[data-v-7bfeb76a]{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#999;line-height:14px;margin-top:30px;margin-bottom:30px}.main-bg .content .box .nav a[data-v-7bfeb76a]{height:auto;font-size:14px;font-weight:400;color:#999;line-height:14px;margin-right:6px;cursor:pointer}.main-bg .content .box .nav a[data-v-7bfeb76a]:not(:first-of-type){margin-left:6px}.main-bg .content .box .nav span[data-v-7bfeb76a]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:auto;margin-left:6px;font-size:14px;font-weight:400;color:#666;line-height:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-bg .content .box .book-info[data-v-7bfeb76a]{display:-webkit-box;display:-ms-flexbox;display:flex;width:1200px;height:auto;background:linear-gradient(136deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.8) 100%);border-radius:8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main-bg .content .box .book-info .book-info-box[data-v-7bfeb76a]{width:100%;height:240px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:30px 50px 30px 30px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.main-bg .content .box .book-info .book-info-box .book-thumb[data-v-7bfeb76a]{width:320px;height:240px;border-radius:8px;margin-right:50px;position:relative;overflow:hidden}.main-bg .content .box .book-info .book-info-box .book-thumb .status[data-v-7bfeb76a]{position:absolute;top:10px;left:10px;background-color:#3ca7fa;color:#fff;font-size:14px;padding:4px;border-radius:4px}.main-bg .content .box .book-info .book-info-box .info[data-v-7bfeb76a]{width:750px;height:240px;position:relative}.main-bg .content .box .book-info .book-info-box .info .book-info-title[data-v-7bfeb76a]{width:710px;height:30px;font-size:24px;font-weight:500;color:#333;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main-bg .content .box .book-info .book-info-box .info .desc[data-v-7bfeb76a]{margin-top:14px;width:750px;height:60px;font-size:16px;font-weight:400;color:#666;line-height:30px;overflow:hidden}.main-bg .content .box .book-info .book-info-box .info .book-date[data-v-7bfeb76a]{margin-top:15px;bottom:0;left:0;width:100%;height:auto;float:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.main-bg .content .box .book-info .book-info-box .info .book-date .date[data-v-7bfeb76a]{background:#f4fafe;border-radius:4px;padding:20px;font-size:16px;font-weight:400;color:#999;line-height:16px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.main-bg .content .box .book-desc[data-v-7bfeb76a]{padding:30px;font-size:16px;font-weight:400;color:#333;line-height:30px}.main-bg .content .box .book-chapter-box[data-v-7bfeb76a],.main-bg .content .box .book-desc[data-v-7bfeb76a]{background:linear-gradient(136deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.8) 100%);margin-top:30px;border-radius:8px}.main-bg .content .box .book-chapter-box[data-v-7bfeb76a]{width:1200px;padding:50px 30px}.main-bg .content .box .book-chapter-box .steps-box[data-v-7bfeb76a]{width:100%;height:auto}.main-bg .content .box .book-chapter-box .steps-box .step-title[data-v-7bfeb76a]{width:100%;height:20px;font-size:20px;font-weight:600;color:#9355de;line-height:20px;margin-bottom:10px}.main-bg .content .box .book-chapter-box .steps-box .step-desc[data-v-7bfeb76a]{width:100%;height:auto;max-height:56px;font-size:16px;font-weight:400;color:#333;line-height:28px;overflow:hidden;margin-bottom:30px}.main-bg .content .box .book-chapter-box .steps-box .courses-box[data-v-7bfeb76a]{width:100%;height:auto}.main-bg .content .box .book-chapter-box .steps-box .courses-box .course-item[data-v-7bfeb76a]{width:100%;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer}.main-bg .content .box .book-chapter-box .steps-box .courses-box .course-item[data-v-7bfeb76a]:not(:last-child){margin-bottom:30px}.main-bg .content .box .book-chapter-box .steps-box .courses-box .course-item .course-thumb[data-v-7bfeb76a]{width:170px;height:100px;background:#f0f0f8;border-radius:4px;margin-right:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.main-bg .content .box .book-chapter-box .steps-box .courses-box .course-item .course-thumb .thumb-bar[data-v-7bfeb76a]{width:100%;height:100%;z-index:10;border-radius:4px;overflow:hidden}.main-bg .content .box .book-chapter-box .steps-box .courses-box .course-item .course-thumb .active[data-v-7bfeb76a]{width:75px}.main-bg .content .box .book-chapter-box .steps-box .courses-box .course-item .course-body[data-v-7bfeb76a]{width:927px;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main-bg .content .box .book-chapter-box .steps-box .courses-box .course-item .course-body .course-type[data-v-7bfeb76a]{width:56px;height:22px;background:#04c877;border-radius:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;font-weight:400;color:#fff;margin-bottom:18px}.main-bg .content .box .book-chapter-box .steps-box .courses-box .course-item .course-body .course-name[data-v-7bfeb76a]{width:100%;height:14px;font-size:14px;font-weight:600;color:#333;line-height:14px;margin-top:10px;margin-bottom:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main-bg .content .box .book-chapter-box .steps-box .courses-box .course-item .course-body .course-charge[data-v-7bfeb76a]{height:14px;font-size:14px;font-weight:500;color:#999;line-height:14px}.main-bg .content .box .book-chapter-box .steps-box .courses-box .course-item .course-body .course-process[data-v-7bfeb76a]{height:14px;font-size:14px;font-weight:500;color:#04c877;line-height:14px;width:30%}