.my-course[data-v-71d04282]{width:100%;color:#1c1f21;background:#eee}.my-course .container-box[data-v-71d04282]{margin:0 auto 20px;width:1200px}.my-course .tab-list-box[data-v-71d04282]{display:flex;flex-wrap:wrap;align-items:center;padding:50px 0 30px;width:100%;font-size:16px}.my-course .tab-list-box .tab-box[data-v-71d04282]{padding:0 25px;border-right:2px solid #c9c9c9}.my-course .tab-list-box .tab-box[data-v-71d04282]:last-child{border:none}.my-course .tab-list-box .tab-box[data-v-71d04282]:first-child{padding-left:0}.my-course .tab-list-box .tab-box span[data-v-71d04282]:hover{cursor:pointer}[data-theme=ca163] .my-course .tab-list-box .active-tab-box[data-v-71d04282]{color:#004f85}[data-theme=ljjs] .my-course .tab-list-box .active-tab-box[data-v-71d04282]{color:#1228a5}[data-theme=zjzz] .my-course .tab-list-box .active-tab-box[data-v-71d04282]{color:#1661ab}[data-theme=wydx] .my-course .tab-list-box .active-tab-box[data-v-71d04282]{color:#81171a}.my-course .content-box[data-v-71d04282]{padding:30px;background:#fff}.my-course .content-box .button-list[data-v-71d04282]{display:flex;justify-content:space-between}.my-course .content-box .button-list .docking-button button[data-v-71d04282]{margin-right:10px;background:#fff;color:#4286b2;border-color:#4286b2}.my-course .content-box .button-list .docking-button button[data-v-71d04282]:hover{color:#fff}[data-theme=ca163] .my-course .content-box .button-list .docking-button button[data-v-71d04282]:hover{background-color:#4286b2}[data-theme=ljjs] .my-course .content-box .button-list .docking-button button[data-v-71d04282]:hover{background-color:#1730c8}[data-theme=zjzz] .my-course .content-box .button-list .docking-button button[data-v-71d04282]:hover{background-color:#1661ab}[data-theme=wydx] .my-course .content-box .button-list .docking-button button[data-v-71d04282]:hover{background-color:#8e1a1d}.my-course .content-box .button-list-box[data-v-71d04282]{margin-bottom:30px}.my-course .content-box .button-list-box button[data-v-71d04282]{border-radius:0}.my-course .content-box .button-list-box .active[data-v-71d04282]{color:#fff}[data-theme=ca163] .my-course .content-box .button-list-box .active[data-v-71d04282]{border-color:#4286b2}[data-theme=ljjs] .my-course .content-box .button-list-box .active[data-v-71d04282]{border-color:#1730c8}[data-theme=zjzz] .my-course .content-box .button-list-box .active[data-v-71d04282]{border-color:#1661ab}[data-theme=wydx] .my-course .content-box .button-list-box .active[data-v-71d04282]{border-color:#8e1a1d}[data-theme=ca163] .my-course .content-box .button-list-box .active[data-v-71d04282]{background-color:#4286b2}[data-theme=ljjs] .my-course .content-box .button-list-box .active[data-v-71d04282]{background-color:#1730c8}[data-theme=zjzz] .my-course .content-box .button-list-box .active[data-v-71d04282]{background-color:#1661ab}[data-theme=wydx] .my-course .content-box .button-list-box .active[data-v-71d04282]{background-color:#8e1a1d}.my-course .course-box[data-v-71d04282]{display:flex;margin-bottom:20px}.my-course .course-box .course-left-box .course-img-time[data-v-71d04282]{position:relative;width:310px;height:185px;background:#eee;font-size:14px;color:#999}.my-course .course-box .course-left-box .course-img-time img[data-v-71d04282]{width:310px;height:185px}.my-course .course-box .course-left-box .course-img-time .course-attr-box[data-v-71d04282]{position:absolute;top:0;left:0;width:165px;height:30px;line-height:30px;text-align:center;color:#fff;background:#dd5020}.my-course .course-box .course-right-box[data-v-71d04282]{display:flex;flex-direction:column;margin-left:20px;width:100%}.my-course .course-box .course-right-box .course-name-box[data-v-71d04282]{display:flex;justify-content:space-between;align-items:flex-end;font-size:22px}.my-course .course-box .course-right-box .course-name-box .channel-box[data-v-71d04282]{display:inline-block;margin-left:20px;font-size:14px;font-weight:400;color:#acacac}.my-course .course-box .course-right-box .course-name-box .course-progress[data-v-71d04282]{text-align:right;width:15%;font-size:14px;color:red}.my-course .course-box .course-right-box .course-detail-box[data-v-71d04282]{width:810px;margin-top:20px;color:#acacac;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}.my-course .course-box .course-right-box .course-year-period-box[data-v-71d04282]{margin-top:20px;color:#acacac}.my-course .course-box .course-right-box .course-year-period-box span[data-v-71d04282]:first-child{margin-right:20px}.my-course .course-box .course-right-box .button-box[data-v-71d04282]{margin-top:10px;flex:1;position:relative}.my-course .course-box .course-right-box .button-box>.top-box button[data-v-71d04282]{margin-right:10px;background:#fff}[data-theme=ca163] .my-course .course-box .course-right-box .button-box>.top-box button[data-v-71d04282]{color:#4286b2}[data-theme=ljjs] .my-course .course-box .course-right-box .button-box>.top-box button[data-v-71d04282]{color:#1730c8}[data-theme=zjzz] .my-course .course-box .course-right-box .button-box>.top-box button[data-v-71d04282]{color:#1661ab}[data-theme=wydx] .my-course .course-box .course-right-box .button-box>.top-box button[data-v-71d04282]{color:#8e1a1d}[data-theme=ca163] .my-course .course-box .course-right-box .button-box>.top-box button[data-v-71d04282]{border-color:#4286b2}[data-theme=ljjs] .my-course .course-box .course-right-box .button-box>.top-box button[data-v-71d04282]{border-color:#1730c8}[data-theme=zjzz] .my-course .course-box .course-right-box .button-box>.top-box button[data-v-71d04282]{border-color:#1661ab}[data-theme=wydx] .my-course .course-box .course-right-box .button-box>.top-box button[data-v-71d04282]{border-color:#8e1a1d}.my-course .course-box .course-right-box .button-box>.top-box button[data-v-71d04282]:hover{color:#fff}[data-theme=ca163] .my-course .course-box .course-right-box .button-box>.top-box button[data-v-71d04282]:hover{background-color:#004f85}[data-theme=ljjs] .my-course .course-box .course-right-box .button-box>.top-box button[data-v-71d04282]:hover{background-color:#1228a5}[data-theme=zjzz] .my-course .course-box .course-right-box .button-box>.top-box button[data-v-71d04282]:hover{background-color:#1661ab}[data-theme=wydx] .my-course .course-box .course-right-box .button-box>.top-box button[data-v-71d04282]:hover{background-color:#81171a}.my-course .course-box .course-right-box .button-box>.bottom-box[data-v-71d04282]{position:absolute;bottom:0;width:100%}.my-course .course-box .course-right-box .button-box>.bottom-box[data-v-71d04282] .el-progress-bar__outer{background:#999}.my-course .course-package-box>.top-box[data-v-71d04282]{margin:10px 0;padding-bottom:10px;border-bottom:1px solid #dcdcdc}.my-course .course-package-box>.top-box .course-name-box[data-v-71d04282]{display:flex;justify-content:space-between;align-items:flex-end;font-size:22px;font-weight:700}.my-course .course-package-box>.top-box .course-name-box .progress-box[data-v-71d04282]{font-size:14px;color:red;font-weight:400}.my-course .course-package-box>.top-box .package-content-box[data-v-71d04282]{margin-top:15px;display:flex}.my-course .course-package-box>.top-box .package-content-box .ercun-box[data-v-71d04282]{position:relative;margin-right:35px;width:90px;height:90px;background:rgba(135,206,235,.7)}.my-course .course-package-box>.top-box .package-content-box .ercun-box img[data-v-71d04282]{width:90px;height:90px}.my-course .course-package-box>.top-box .package-content-box .ercun-box .upload-box[data-v-71d04282]{position:absolute;bottom:0;width:90px;height:25px;line-height:25px;text-align:center;color:#fff;background:rgba(0,78,134,.7);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.my-course .course-package-box>.top-box .package-content-box .description-box[data-v-71d04282]{flex:1;color:#666}.my-course .course-package-box>.bottom-box[data-v-71d04282]{position:relative}.my-course .course-package-box>.bottom-box .self-score-box[data-v-71d04282]{padding-right:20px;width:50%;text-align:right}.my-course .course-package-box>.bottom-box .test-box[data-v-71d04282]{position:absolute;left:50%;margin-bottom:10px}.my-course[data-v-71d04282] .el-upload__input{display:none}.my-course[data-v-71d04282] .el-upload__tip{margin-top:0;height:30px;line-height:30px;color:#888}.learning-trace[data-v-0cd32276]{width:100%;color:#1c1f21;background:#eee}.learning-trace .container-box[data-v-0cd32276]{margin:0 auto 20px;width:1200px}.learning-trace .container-box .tip-box[data-v-0cd32276]{position:relative;top:30px;padding-left:25px;color:red;font-size:16px}.learning-trace .container-box .tab-list-box[data-v-0cd32276]{display:flex;flex-wrap:wrap;align-items:center;padding:50px 0 30px;width:100%;font-size:16px}.learning-trace .container-box .tab-list-box .tab-box[data-v-0cd32276]{padding:0 25px;border-right:2px solid #c9c9c9}.learning-trace .container-box .tab-list-box .tab-box[data-v-0cd32276]:last-child{border:none}.learning-trace .container-box .tab-list-box .tab-box[data-v-0cd32276]:first-child{padding-left:0}.learning-trace .container-box .tab-list-box .tab-box span[data-v-0cd32276]:hover{cursor:pointer}.learning-trace .container-box .tab-list-box .active-tab-box[data-v-0cd32276]{color:#004e85}.learning-trace .container-box .table-box button[data-v-0cd32276]{background:#fff;color:#4286b2;border-color:#4286b2}.learning-trace .block-form[data-v-0cd32276]{display:block}.learning-trace .reason-box[data-v-0cd32276]{color:#f56c6c;text-decoration:underline}.learning-trace[data-v-0cd32276] .el-upload__input{display:none}.learning-trace[data-v-0cd32276] .el-upload__tip{margin:0}.learning-trace[data-v-0cd32276] .el-table__body-wrapper table tbody tr td:first-child,.learning-trace[data-v-0cd32276] .el-table__header-wrapper table thead tr th:first-child{padding-left:15px}.certificate[data-v-9f72bf14]{width:100%;color:#1c1f21;background:#eee}.certificate .container-box[data-v-9f72bf14]{margin:0 auto 20px;width:1200px}.certificate .container-box .tab-list-box[data-v-9f72bf14]{display:flex;flex-wrap:wrap;align-items:center;padding:50px 0 30px;width:100%;font-size:16px}.certificate .container-box .tab-list-box .tab-box[data-v-9f72bf14]{padding:0 25px;border-right:2px solid #c9c9c9}.certificate .container-box .tab-list-box .tab-box[data-v-9f72bf14]:last-child{border:none}.certificate .container-box .tab-list-box .tab-box[data-v-9f72bf14]:first-child{padding-left:0}.certificate .container-box .tab-list-box .tab-box span[data-v-9f72bf14]:hover{cursor:pointer}.certificate .container-box .tab-list-box .active-tab-box[data-v-9f72bf14]{color:#004e85}.certificate .container-box .content-box[data-v-9f72bf14]{position:relative;padding:30px;background:#fff}.certificate .container-box .content-box .button-position[data-v-9f72bf14]{position:absolute;right:30px;top:30px}.certificate .container-box .table-box .active[data-v-9f72bf14]{background-color:#4286b2;color:#fff}.certificate .container-box .table-box .tip-box[data-v-9f72bf14]{margin-bottom:10px;color:red}.certificate .container-box .table-box .pagination-box[data-v-9f72bf14]{margin-top:10px;text-align:center}.certificate .button-style[data-v-9f72bf14]{background:#fff;color:#4286b2;border-color:#4286b2}#download-box[data-v-9f72bf14]{position:relative;padding-top:20px;padding-bottom:20px}#download-box .cer-seal[data-v-9f72bf14]{width:150px;position:absolute;bottom:30px;right:40px;pointerEvents:none}#download-box .barrier[data-v-9f72bf14]{width:100%;height:100%;position:absolute;top:0}.download-button[data-v-9f72bf14]{display:flex;justify-content:center}[data-v-9f72bf14] .el-table:before{display:none}[data-v-9f72bf14] tbody .el-table__row:last-child td{border-bottom:none}.learn-data[data-v-6072fb02]{width:100%;color:#1c1f21;background:#eee}.learn-data .container-box[data-v-6072fb02]{margin:0 auto 20px;width:1200px}.learn-data .container-box .top-box[data-v-6072fb02]{padding:50px 0 30px;width:100%;font-size:16px;color:#004e85}.learn-data .container-box .bottom-box .canvas-box[data-v-6072fb02]{display:flex;margin-bottom:8px;padding:30px;background:#fff}.learn-data .container-box .bottom-box .canvas-box .data-box[data-v-6072fb02]{width:220px}.learn-data .container-box .bottom-box .canvas-box .data-box .icon[data-v-6072fb02]{margin-right:10px}#learning-space[data-v-36f1ddcc]{background:#eee}#learning-space .container-box[data-v-36f1ddcc]{position:relative;display:flex;justify-content:center;background-color:#eee;margin-bottom:60px;width:100%;height:250px;background-size:100% 250px;background-repeat:no-repeat}#learning-space .container-box>.top-box[data-v-36f1ddcc]{position:absolute;bottom:-60px;left:calc((100% - 1200px)/2);display:flex;width:1200px}#learning-space .container-box>.top-box>.left-box[data-v-36f1ddcc]{position:relative;margin-top:40px;width:290px;height:200px;background:#fff}#learning-space .container-box>.top-box>.left-box .avatar-box[data-v-36f1ddcc]{position:relative;height:110px}#learning-space .container-box>.top-box>.left-box .avatar-box img[data-v-36f1ddcc]{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:125px;height:125px;border-radius:50%;border:5px solid #fff;box-shadow:0 0 2px rgba(0,0,0,.32)}#learning-space .container-box>.top-box>.left-box .name-box[data-v-36f1ddcc]{text-align:center;font-size:24px;color:#000;line-height:1}#learning-space .container-box>.top-box>.left-box .name-box .name[data-v-36f1ddcc]{display:inline-block;margin-right:12px}#learning-space .container-box>.top-box>.left-box .area-box[data-v-36f1ddcc]{margin-top:20px;text-align:center}#learning-space .container-box>.top-box>.left-box .area-box span[data-v-36f1ddcc]{position:relative;display:inline-block;width:55px;text-align:center;font-size:12px}#learning-space .container-box>.top-box>.left-box .area-box span[data-v-36f1ddcc]:after{content:"";position:absolute;left:55px;top:3px;width:1px;height:12px;border-right:1px solid #ddd;box-sizing:border-box}#learning-space .container-box>.top-box>.left-box .area-box span[data-v-36f1ddcc]:last-child:after{display:none}#learning-space .container-box>.top-box>.left-box .triangle-box[data-v-36f1ddcc]{position:absolute;right:0;bottom:0;width:0;height:0;border-bottom:15px solid #efb29b;border-left:20px solid transparent}#learning-space .container-box>.top-box>.right-box[data-v-36f1ddcc]{flex:1;margin:40px 0 0 30px}#learning-space .container-box>.top-box>.right-box>.top-box[data-v-36f1ddcc]{display:flex;height:125px;justify-content:space-between}#learning-space .container-box>.top-box>.right-box>.top-box .detail-box[data-v-36f1ddcc]{display:flex;justify-content:space-between;align-items:center;width:480px}#learning-space .container-box>.top-box>.right-box>.top-box .detail-box .item-box[data-v-36f1ddcc]{display:flex;flex-direction:column;width:160px;text-align:center;color:#fff}#learning-space .container-box>.top-box>.right-box>.top-box .detail-box .item-box span[data-v-36f1ddcc]:last-child{margin-top:10px;font-size:24px}#learning-space .container-box>.top-box>.right-box>.top-box .detail-box .item-box i[data-v-36f1ddcc]{margin-left:5px;cursor:pointer}#learning-space .container-box>.top-box>.right-box>.top-box .button-box[data-v-36f1ddcc]{display:flex;justify-content:space-between;align-items:center;padding-left:20px}#learning-space .container-box>.top-box>.right-box>.top-box .button-box button[data-v-36f1ddcc]{margin-left:10px}#learning-space .container-box>.top-box>.right-box>.bottom-box[data-v-36f1ddcc]{height:75px;background:#fff}#learning-space .container-box>.top-box>.right-box>.bottom-box .menu-list-box[data-v-36f1ddcc]{display:flex;padding-left:35px;height:100%}#learning-space .container-box>.top-box>.right-box>.bottom-box .menu-list-box .menu-box[data-v-36f1ddcc]{display:flex;justify-content:center;align-items:center;margin-right:60px;width:90px;height:100%;font-size:18px;border-bottom:3px solid #fff;cursor:pointer}#learning-space .container-box>.top-box>.right-box>.bottom-box .menu-list-box .active-menu-box[data-v-36f1ddcc]{cursor:text}[data-theme=ca163] #learning-space .container-box>.top-box>.right-box>.bottom-box .menu-list-box .active-menu-box[data-v-36f1ddcc]{color:#004f85}[data-theme=ljjs] #learning-space .container-box>.top-box>.right-box>.bottom-box .menu-list-box .active-menu-box[data-v-36f1ddcc]{color:#1228a5}[data-theme=zjzz] #learning-space .container-box>.top-box>.right-box>.bottom-box .menu-list-box .active-menu-box[data-v-36f1ddcc]{color:#1661ab}[data-theme=wydx] #learning-space .container-box>.top-box>.right-box>.bottom-box .menu-list-box .active-menu-box[data-v-36f1ddcc]{color:#81171a}[data-theme=ca163] #learning-space .container-box>.top-box>.right-box>.bottom-box .menu-list-box .active-menu-box[data-v-36f1ddcc]{border-bottom-color:#5b8fb1}[data-theme=ljjs] #learning-space .container-box>.top-box>.right-box>.bottom-box .menu-list-box .active-menu-box[data-v-36f1ddcc]{border-bottom-color:#495ac8}[data-theme=zjzz] #learning-space .container-box>.top-box>.right-box>.bottom-box .menu-list-box .active-menu-box[data-v-36f1ddcc]{border-bottom-color:#1661ab}[data-theme=wydx] #learning-space .container-box>.top-box>.right-box>.bottom-box .menu-list-box .active-menu-box[data-v-36f1ddcc]{border-bottom-color:#b92126}.tips-box[data-v-36f1ddcc]{margin:10px 0 20px 0;color:#ec0000}.balance-button-box[data-v-36f1ddcc]{margin-top:10px}.balance-button-box .wx-button-box[data-v-36f1ddcc]{margin-left:20px;border:1px solid #07c161;background:#07c161;color:#fff}.balance-button-box .wx-button-box[data-v-36f1ddcc]:hover{border:1px solid rgba(7,193,97,.85);background:rgba(7,193,97,.85)}.up-modal .top-up[data-v-36f1ddcc]{height:44px;line-height:44px;margin-bottom:15px;text-align:center;font-weight:700;background-image:linear-gradient(45deg,#f0d7a7,#f0c987)}.up-modal .top-up-list[data-v-36f1ddcc]{margin-top:20px;display:flex;justify-content:space-between}.up-modal .top-up-list .top-up-item[data-v-36f1ddcc]{width:210px;height:110px;box-sizing:border-box;border:1px solid #dcdcdc;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ba7a5c;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.up-modal .top-up-list .top-up-item[data-v-36f1ddcc]:hover{color:#582f1d;background-image:linear-gradient(45deg,#fff5e7,#ffd493)!important;border:1px solid #e9b060!important}.up-modal .top-up-list .top-up-item .price[data-v-36f1ddcc]{font-size:24px;font-family:Impact}.up-modal .top-up-list .top-up-item .tips[data-v-36f1ddcc]{font-size:12px;border-radius:20px;padding:3px 10px;border:1px solid #582f1d}.up-modal .top-up-list .active[data-v-36f1ddcc]{background-image:linear-gradient(45deg,#fff5e7,#ffd493)!important;border:1px solid #e9b060!important;color:#582f1d!important}.up-modal .avatar-box[data-v-36f1ddcc]{height:110px}.up-modal .avatar-box .name[data-v-36f1ddcc]{padding-left:10px}.up-modal .avatar-box img[data-v-36f1ddcc]{width:85px;height:85px;border-radius:50%;border:5px solid #fff;box-shadow:0 0 2px rgba(0,0,0,.32)}