.archive-wrap[data-v-6980f5b8]{width:135px;height:180px;border-radius:4px;overflow:hidden}.archive-wrap .cover[data-v-6980f5b8]{position:relative;width:100%;height:75px;border-radius:4px;overflow:hidden}.archive-wrap .cover .shadow[data-v-6980f5b8]{position:absolute;width:100%;height:27px;bottom:0;opacity:.4;background:-webkit-linear-gradient(top,transparent,#000);background:linear-gradient(180deg,transparent,#000);z-index:4}.archive-wrap .cover .cover-img[data-v-6980f5b8]{background-size:cover;background-repeat:no-repeat;background-position:50%;width:100%;height:100%}.archive-wrap .cover .cover-img .cover-tip[data-v-6980f5b8]{font-size:11px;line-height:11px;padding:5.5px 7.5px;white-space:nowrap;position:absolute;left:0;top:0;text-align:center;background-color:#000;color:#ffdc50;border-radius:4px 0 8px}.archive-wrap .cover .cover-img .cover-tip.level[data-v-6980f5b8]{color:#fff;background-color:#2ac864}.archive-wrap .cover .cover-img .cover-tip.unlevel[data-v-6980f5b8]{color:#fff;background-color:#000}.archive-wrap .cover .caption-wrap[data-v-6980f5b8]{position:absolute;width:100%;height:27px;z-index:9;bottom:0;margin:0;padding:5px 8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2);font-size:10px;line-height:10px}.archive-wrap .cover .caption-wrap .caption[data-v-6980f5b8]{display:block;height:12px;line-height:14px;max-width:70px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.archive-wrap .progress-wrap[data-v-6980f5b8]{padding:10px 4px 7px;font-size:10px;line-height:10px;color:#757575}.archive-wrap .progress-wrap .label-row[data-v-6980f5b8]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0}.archive-wrap .progress-wrap .label-row span[data-v-6980f5b8]{-webkit-flex-shrink:0;flex-shrink:0}.archive-wrap .progress-wrap .label-row.prg-label[data-v-6980f5b8]{margin-bottom:6px}.archive-wrap .progress-wrap .label-row.period[data-v-6980f5b8]{padding-top:2px;white-space:nowrap}.archive-wrap .progress-wrap .label-row.loading[data-v-6980f5b8]{height:10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.archive-wrap .progress-wrap .label-row.loading[data-v-6980f5b8]:before{content:"";width:30px;height:10px;background-color:#f0f0f0}.archive-wrap .progress-wrap .label-row.loading[data-v-6980f5b8]:after{content:"";width:20px;height:10px;background-color:#f0f0f0}.archive-wrap .progress-wrap .label-row.loading.period[data-v-6980f5b8]:after{width:65px}.archive-wrap .progress-wrap .right[data-v-6980f5b8]{margin-left:auto}.archive-wrap .progress-wrap .progress-bar[data-v-6980f5b8]{margin-bottom:12px;height:4px;display:-webkit-box;display:-webkit-flex;display:flex;background-color:#e7e7e7}.archive-wrap .progress-wrap .active-bar[data-v-6980f5b8]{height:100%;border-color:#00a1d6;background-color:#00a1d6}.archive-wrap .progress-wrap .step-item+.step-item[data-v-6980f5b8]{border-left:1px solid #fff;border-color:#fff}.ui-popup .popup-wrap .text-box{padding:0 64px}.task-detail[data-v-f95b5856]{padding-top:25px;min-height:calc(100vh - 100px);min-width:980px;max-width:1040px}.task-detail .task-info[data-v-f95b5856]{width:1040px;margin:25px auto 0;font-size:0}.task-detail .task-info .web_pic[data-v-f95b5856]{width:1040px;height:108px}.task-detail .task-info .web_pic_commerce[data-v-f95b5856]{width:1040px;height:190px}.task-detail .task-info .info-container[data-v-f95b5856]{height:92px;padding:24px;background:#fff;position:relative}.task-detail .task-info .info-container .title[data-v-f95b5856]{font-weight:600;font-size:16px;line-height:16px;letter-spacing:1px;color:#18191c}.task-detail .task-info .info-container .desc[data-v-f95b5856]{margin-top:5px;font-size:12px;line-height:16px;width:800px;height:32px;overflow:hidden;color:#9499a0}.task-detail .task-info .info-container .connect-btn[data-v-f95b5856]{width:88px;height:28px;position:absolute;right:24px;bottom:32px}.task-detail .task-info .info-container .connect-btn.disable[data-v-f95b5856]{border:none;background-color:#f5f5f5;color:#666}.task-detail .detail-container[data-v-f95b5856]{width:1040px;margin-top:16px;background-color:#fff}.task-detail .detail-container .tab-container[data-v-f95b5856]{height:60px;box-shadow:inset 0 -1px 0 #f1f2f3;padding:9px 0 0 47px}.task-detail .detail-container .rule-container[data-v-f95b5856]{width:1040px;padding:32px 40px}.task-detail .detail-container .rule-container .rule-title[data-v-f95b5856]{margin-bottom:17px;font-weight:500;font-size:16px;line-height:20px;color:#18191c}.task-detail .detail-container .rule-container .rule-content[data-v-f95b5856]{margin-bottom:40px;font-size:14px;line-height:20px;color:#61666d;white-space:pre-line;overflow:hidden;text-overflow:ellipsis}.task-detail .detail-container .rule-container .rule-content .rule-sub-title[data-v-f95b5856]{font-size:14px;line-height:20px;color:#18191c;margin-top:10px;margin-bottom:10px}.task-detail .detail-container .bonus-container[data-v-f95b5856]{width:992px;height:40px;margin:10px auto 0;padding-top:14px;padding-left:12px;background:#f6f7f8;border-radius:4px;font-size:12px;line-height:12px;color:#9499a0}.task-detail .detail-container .my-container[data-v-f95b5856]{padding:27px 24px 12px;width:1040px;height:298px;box-shadow:inset 0 -1px 0 #f1f2f3;background-color:#fff;position:relative}.task-detail .detail-container .my-container .my-title[data-v-f95b5856]{font-weight:500;font-size:14px;line-height:14px;color:#18191c;height:14px}.task-detail .detail-container .my-container .my-title span[data-v-f95b5856]{font-weight:400;margin-left:11px;font-size:12px;line-height:14px;color:#61666d}.task-detail .detail-container .my-container .all-btn[data-v-f95b5856]{position:absolute;top:27px;right:24px;font-size:12px;line-height:12px;height:12px;color:#61666d;cursor:pointer}.task-detail .detail-container .my-container .all-avs-container[data-v-f95b5856]{margin-top:17px;margin-bottom:12px;padding:4px 4px 8px;width:992px;height:228px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.task-detail .detail-container .my-container .all-avs-container .archive[data-v-f95b5856]{margin-right:16px}.task-detail .detail-container .my-container .all-avs-container .archive[data-v-f95b5856]:hover{cursor:pointer}.task-detail .detail-container .my-container .exam-avs-container[data-v-f95b5856]{margin-top:17px;margin-bottom:12px;padding:4px 4px 8px;width:992px;height:128px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.task-detail .detail-container .my-container .exam-avs-container .archive[data-v-f95b5856]{margin-right:16px}.task-detail .detail-container .my-container .exam-avs-container .archive[data-v-f95b5856]:hover{cursor:pointer}.task-detail .detail-container .my-container.exam[data-v-f95b5856]{height:168px}.avs-empty[data-v-f95b5856]{margin:40px auto 20px;width:128px;height:128px;background-position:50%;background-repeat:no-repeat;background-size:contain;background-image:url(https://i0.hdslb.com/bfs/static/studio/creativecenter-platform/img/state_empty.d5f1ab9d.png)}.avs-loading[data-v-f95b5856]{margin-top:17px;margin-bottom:12px;padding:4px 4px 8px;width:992px;height:228px}[data-v-f95b5856] .tabs__header .is-active{font-weight:600;-webkit-transform:scale(1.14);transform:scale(1.14)}