.container[data-v-4d85b448]{padding:20px;margin:20px 0;box-shadow:0 0 3px #d5d5d5;background-color:#fff}.container .task-box[data-v-4d85b448]{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.container .task-box .task-name-box[data-v-4d85b448]{width:20%;padding-right:10px;font-size:16px;font-weight:700;text-align:center;color:#1890ff}.container .task-box .activity-list-box[data-v-4d85b448]{width:80%;display:grid;grid-template-columns:repeat(5,20%);grid-template-rows:repeat(auto-fill,100px);grid-row-gap:15px;justify-items:center;align-items:center;justify-content:space-between}.container .task-box .activity-list-box .activity-box[data-v-4d85b448]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100px;color:#1890ff}.container .task-box .activity-list-box .activity-box[data-v-4d85b448]:hover{cursor:pointer;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.container .task-box .activity-list-box .activity-box:hover i[data-v-4d85b448]{-webkit-animation:bounce-data-v-4d85b448 1s;animation:bounce-data-v-4d85b448 1s}@-webkit-keyframes bounce-data-v-4d85b448{0%{bottom:0}50%{bottom:10px}to{bottom:0}}@keyframes bounce-data-v-4d85b448{0%{bottom:0}50%{bottom:10px}to{bottom:0}}.container .task-box .activity-list-box .activity-box i[data-v-4d85b448]{position:relative;margin-bottom:5px;font-size:28px;text-align:center}.container .task-box .activity-list-box .activity-box span[data-v-4d85b448]{display:inline-block;width:100%;padding:0 10px}.container .task-box .activity-list-box .unfinished-activity-style[data-v-4d85b448]{background:rgba(24,144,255,.1)}.course-page[data-v-73ea92b7]{margin:20px auto 0;width:1200px}.course-page .breadcrumb[data-v-73ea92b7]{padding:20px}.course-page .details-info[data-v-73ea92b7]{width:100%;padding:20px;box-shadow:0 0 3px #d5d5d5;background-color:#fff;display:flex}.course-page .details-info .info-image[data-v-73ea92b7]{width:380px;height:250px;background:#eee;text-align:center;line-height:250px;font-size:14px;color:#999}.course-page .details-info .info-image img[data-v-73ea92b7]{width:380px;height:250px}.course-page .details-info .product-info[data-v-73ea92b7]{position:relative;width:780px;padding:0 20px}.course-page .details-info .product-info .product-name[data-v-73ea92b7]{font-size:18px;font-weight:700}.course-page .details-info .product-info div[data-v-73ea92b7]{margin-bottom:10px}.course-page .details-info .product-info .button-box[data-v-73ea92b7]{position:absolute;bottom:0}.course-page .details-menu[data-v-73ea92b7]{margin-top:20px}.course-page .details-outline[data-v-73ea92b7]{padding:20px;margin:20px 0;box-shadow:0 0 3px #d5d5d5;background-color:#fff}.course-page .details-outline p[data-v-73ea92b7]{font-size:13px;font-weight:500}.course-page .details-outline .outline-title[data-v-73ea92b7]{font-size:17px;font-weight:700;margin-bottom:20px}.course-page .details-outline .outline-content .chapter[data-v-73ea92b7]{height:30px;display:flex;padding:0 20px;line-height:26px;font-size:15px;font-weight:700;color:#8b8b8b}.course-page .details-outline .outline-content .chapter .chapter-title[data-v-73ea92b7]{width:40px}.course-page .details-outline .outline-content .chapter .chapter-index[data-v-73ea92b7]{width:30px;height:30px;border:2px solid #8b8b8b;border-radius:50%;text-align:center}.course-page .details-outline .outline-content .chapter .chapter-name[data-v-73ea92b7]{padding-left:10px}.course-page .details-outline .outline-content .chapter .chapter-min-sec-box[data-v-73ea92b7]{font-size:12px;padding-left:10px;font-weight:400;color:#999}.course-page .details-outline .outline-content .section[data-v-73ea92b7]{height:35px;line-height:35px;display:flex;align-items:center;padding:0 20px}.course-page .details-outline .outline-content .section .chapter-title[data-v-73ea92b7]{width:40px}.course-page .details-outline .outline-content .section .section-index[data-v-73ea92b7]{width:30px;height:35px}.course-page .details-outline .outline-content .section .section-index div[data-v-73ea92b7]:first-child{height:35px;border-right:2px solid #8b8b8b;float:left;margin-left:14px;z-index:0}.course-page .details-outline .outline-content .section .section-index div[data-v-73ea92b7]:last-child{width:20px;height:20px;background-color:#fff;border:2px solid #8b8b8b;border-radius:50%;position:relative;top:7px;left:5px;z-index:0}.course-page .details-outline .outline-content .section .section-name[data-v-73ea92b7]{width:900px;padding-left:10px;font-size:13px}.course-page .details-outline .outline-content .section .section-name .min-sec-box[data-v-73ea92b7]{font-size:12px;padding-left:10px;color:#999}.course-page .details-outline .outline-content .section .section-progress[data-v-73ea92b7]{width:250px}.course-page .course-list-box .activity-image img[data-v-73ea92b7]{width:200px}.course-page .course-list-box .button-box[data-v-73ea92b7]{margin-top:10px;flex:1;position:relative}.course-page .course-list-box .button-box>.top-box button[data-v-73ea92b7]{margin-right:10px;background:#fff}[data-theme=ca163] .course-page .course-list-box .button-box>.top-box button[data-v-73ea92b7]{color:#4286b2}[data-theme=ljjs] .course-page .course-list-box .button-box>.top-box button[data-v-73ea92b7]{color:#1730c8}[data-theme=zjzz] .course-page .course-list-box .button-box>.top-box button[data-v-73ea92b7]{color:#1661ab}[data-theme=wydx] .course-page .course-list-box .button-box>.top-box button[data-v-73ea92b7]{color:#8e1a1d}[data-theme=ca163] .course-page .course-list-box .button-box>.top-box button[data-v-73ea92b7]{border-color:#4286b2}[data-theme=ljjs] .course-page .course-list-box .button-box>.top-box button[data-v-73ea92b7]{border-color:#1730c8}[data-theme=zjzz] .course-page .course-list-box .button-box>.top-box button[data-v-73ea92b7]{border-color:#1661ab}[data-theme=wydx] .course-page .course-list-box .button-box>.top-box button[data-v-73ea92b7]{border-color:#8e1a1d}.course-page .course-list-box .button-box>.top-box button[data-v-73ea92b7]:hover{color:#fff}[data-theme=ca163] .course-page .course-list-box .button-box>.top-box button[data-v-73ea92b7]:hover{background-color:#004f85}[data-theme=ljjs] .course-page .course-list-box .button-box>.top-box button[data-v-73ea92b7]:hover{background-color:#1228a5}[data-theme=zjzz] .course-page .course-list-box .button-box>.top-box button[data-v-73ea92b7]:hover{background-color:#1661ab}[data-theme=wydx] .course-page .course-list-box .button-box>.top-box button[data-v-73ea92b7]:hover{background-color:#81171a}.course-page .course-list-box .button-box>.bottom-box[data-v-73ea92b7]{position:absolute;bottom:0;width:100%}.course-page .course-list-box .button-box>.bottom-box[data-v-73ea92b7] .el-progress-bar__outer{background:#999}