.module-title{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:18px}.module-title,.module-title .module-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.module-title .name{margin-right:23px}.module-title svg{color:#9d9d9d;font-size:16px;margin-right:10px}.module-title svg.is-active,.module-title svg:hover{color:#2e51fa}.module-status,.module-status .status-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.module-status .status-item{position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:80px;padding:5px 10px;font-family:Roboto-Regular;font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #d9d9d9;cursor:pointer}.module-status .status-item:hover{background:#eee}.module-status .status-item i{opacity:0}.module-status .status-item.active{background:#2e51fa;color:#fff}.module-status .status-item.active i{opacity:1}.module-status .status-item .red_notice{position:absolute;width:8px;height:8px;border-radius:100%;background:#fa2e2e;border:1px solid #fff;top:-1px;right:-1px}.module-status .status-active{border-right:none;border-radius:4px 0 0 4px}.module-status .status-past{border-radius:0 4px 4px 0}.empty-module{width:42vw;max-width:470px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:23px 20px}.empty-module .name{margin-bottom:18px;text-align:center}.empty-module .des{font-family:Roboto-Regular;font-size:16px;font-weight:400;line-height:24px;text-align:center}.module-card-wrapper[data-v-05d47b1c]{width:400px!important;padding:0!important}.animation-box[data-v-05d47b1c]{position:relative;padding-top:40px;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}.title[data-v-05d47b1c]{position:relative;margin-top:-20px;padding:0 40px 40px;line-height:24px;font-weight:500;text-align:center;z-index:2}.sock[data-v-05d47b1c]{width:100%}.blue-btn[data-v-022568ee]{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;height:36px;padding:0 20px;font-family:Roboto-Medium}.base-white-btn[data-v-022568ee]{height:36px}.paper-module-h2[data-v-022568ee]{font-size:17px}.module-practice[data-v-022568ee]{min-height:167px!important}.module-practice[data-v-022568ee]:hover{-webkit-box-shadow:0 0 0 1px #2e51fa;box-shadow:0 0 0 1px #2e51fa}.module-practice .title[data-v-022568ee]{padding:9px 0 9px 15px}.card-header[data-v-022568ee]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.subtitle[data-v-022568ee]{top:6px!important;left:15px!important;width:280px;margin-top:5px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1e1e1e;line-height:20px;-ms-flex-wrap:wrap;flex-wrap:wrap;word-wrap:break-word}.subtitle .work-name[data-v-022568ee]{padding-right:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}.time-wrapper[data-v-022568ee]{-ms-flex-item-align:start;align-self:flex-start;margin-left:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.p-wrapper[data-v-022568ee]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:10px}.time[data-v-022568ee]{margin-bottom:10px;font-family:Roboto-Regular;font-size:16px;color:#1e1e1e;letter-spacing:-.1px;text-align:center;line-height:22px;font-weight:400}.status[data-v-022568ee]{width:80px;padding:4px;font-size:13px;border:1px solid #35488d;-webkit-box-shadow:inset 0 2px 0 0 hsla(0,0%,100%,.19);box-shadow:inset 0 2px 0 0 hsla(0,0%,100%,.19);border-radius:100px 2px 2px 100px;color:#fff;text-align:center}.status_left[data-v-022568ee]{background:#2e51fa}.status_done[data-v-022568ee]{border:1px solid #aa3a37;background:#b92c3c;-webkit-box-shadow:inset 0 2px 0 0 hsla(0,0%,100%,.19);box-shadow:inset 0 2px 0 0 hsla(0,0%,100%,.19)}.red-tips[data-v-022568ee]{font-size:16px;color:#ab2234;letter-spacing:0;line-height:22px;font-weight:400}.time-box[data-v-022568ee]{margin-left:4px;margin-bottom:8px;font-size:14px;width:292px}.time-box svg[data-v-022568ee]{width:1em;height:1em;font-size:16px;margin-bottom:unset;margin-right:6px}.time-box .red-span[data-v-022568ee]{margin-left:15px}.module-practice[data-v-022568ee]{position:relative}.red_notice[data-v-022568ee]{position:absolute;width:8px;height:8px;border-radius:100%;background:#fa2e2e;border:1px solid #fff;top:10px;left:10px}.qs-table-head{color:#fff}.qs-table-head th.el-table__cell{background:#464646}.custom-option{color:#00f;font-weight:700}.blue-btn[data-v-784b7772]{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;height:36px;padding:0 20px;font-family:Roboto-Medium}.base-white-btn[data-v-784b7772]{height:36px}.skyblue[data-v-784b7772]{color:#fff;background-color:#2e51fa;border-color:#2e51fa}.p-wrapper[data-v-784b7772]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:10px}.base-gray-btn[data-v-784b7772]{margin-bottom:unset;margin-right:unset}.text_green[data-v-784b7772]{color:#6dab22}.text_red[data-v-784b7772]{color:#ab2234}[data-v-784b7772] .el-badge__content.is-dot{right:11px;top:5px;width:10px;height:10px;border:2px solid #fff}.red-dot[data-v-784b7772] .is-dot{background:#ab2234}.black-dot[data-v-784b7772] .is-dot{background:#1e1e1e}