.code[data-v-433e98bb]{width:240px;background:#fff}.code .box[data-v-433e98bb]{width:100%;height:152px;padding:24px;box-sizing:border-box;border-bottom:1px solid #e5e5e5;cursor:pointer}.code .box .title[data-v-433e98bb]{display:flex;align-items:center;margin-bottom:16px}.code .box .title img[data-v-433e98bb]{width:32px;height:32px;border-radius:4px;margin-right:8px}.code .box .title span[data-v-433e98bb]{font-size:16px;color:#666;letter-spacing:0;line-height:26px;font-weight:700}.code .box p[data-v-433e98bb]{font-size:14px;color:#666;letter-spacing:0;line-height:24px}.code .code-pic[data-v-433e98bb]{padding:24px 24px 16px 24px}.code .code-pic img[data-v-433e98bb]{width:192px;height:192px}.code .code-pic div[data-v-433e98bb]{font-size:12px;color:#666;letter-spacing:0;text-align:center;line-height:24px;font-weight:400}.spinner[data-v-022e0d20]{margin:12px auto;width:20px;height:20px;position:relative}.container1>div[data-v-022e0d20],.container2>div[data-v-022e0d20],.container3>div[data-v-022e0d20]{width:6px;height:6px;background-color:#333;border-radius:100%;position:absolute;animation:bouncedelay-022e0d20 1.2s ease-in-out infinite;animation-fill-mode:both}.spinner .spinner-container[data-v-022e0d20]{position:absolute;width:100%;height:100%}.container2[data-v-022e0d20]{transform:rotate(45deg)}.container3[data-v-022e0d20]{transform:rotate(90deg)}.circle1[data-v-022e0d20]{top:0;left:0}.circle2[data-v-022e0d20]{top:0;right:0}.circle3[data-v-022e0d20]{right:0;bottom:0}.circle4[data-v-022e0d20]{left:0;bottom:0}.container2 .circle1[data-v-022e0d20]{animation-delay:-1.1s}.container3 .circle1[data-v-022e0d20]{animation-delay:-1s}.container1 .circle2[data-v-022e0d20]{animation-delay:-.9s}.container2 .circle2[data-v-022e0d20]{animation-delay:-.8s}.container3 .circle2[data-v-022e0d20]{animation-delay:-.7s}.container1 .circle3[data-v-022e0d20]{animation-delay:-.6s}.container2 .circle3[data-v-022e0d20]{animation-delay:-.5s}.container3 .circle3[data-v-022e0d20]{animation-delay:-.4s}.container1 .circle4[data-v-022e0d20]{animation-delay:-.3s}.container2 .circle4[data-v-022e0d20]{animation-delay:-.2s}.container3 .circle4[data-v-022e0d20]{animation-delay:-.1s}@keyframes bouncedelay-022e0d20{0%,80%,to{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.list-box[data-v-42c570dc]{width:100%}.list-box .item[data-v-42c570dc]{width:100%;height:80px}.main[data-v-bd673882]{background:#e5e5e5;padding-bottom:53px}.content[data-v-bd673882]{width:100%;height:auto;margin-top:56px;display:flex;justify-content:center}.con-box[data-v-bd673882]{width:912px;max-width:912px;min-width:912px;height:auto;margin:0 auto}.con-box .top-box[data-v-bd673882]{width:100%;display:flex;justify-content:space-between}.con-box .top-box .item-info[data-v-bd673882]{display:flex;margin-bottom:40px}.con-box .top-box .item-info img[data-v-bd673882]{width:80px;height:80px;border-radius:4px;margin-right:20px}.con-box .top-box .item-info .name[data-v-bd673882]{font-size:18px;color:#333;letter-spacing:0;line-height:32px;font-weight:700}.con-box .top-box .item-info .desc[data-v-bd673882]{font-size:14px;color:#999;letter-spacing:0;line-height:24px;font-weight:400}.con-box .detail[data-v-bd673882]{display:flex;justify-content:space-between}.con-box .detail .info[data-v-bd673882]{width:648px}.con-box .detail .info .banner[data-v-bd673882]{width:648px;height:216px;background:#ffc53d;border-radius:8px;margin-bottom:40px;display:flex;align-items:center;justify-content:center;color:#404040;font-size:40px;font-weight:700;cursor:pointer}.con-box .detail .info .record[data-v-bd673882]{width:100%;background:#fff;margin-bottom:157px;padding-bottom:80px;box-sizing:border-box;border-radius:0 0 4px 4px}.con-box .detail .info .record h3[data-v-bd673882]{font-size:16px;color:#333;letter-spacing:0;line-height:32px;font-weight:700;width:100%;height:64px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;padding:0 32px;box-sizing:border-box}.con-box .detail .info .record ul[data-v-bd673882]{width:100%;padding:0 40px;box-sizing:border-box;list-style:none}.con-box .detail .info .record ul li[data-v-bd673882]{width:100%;height:56px;background:#f7f7f7;border-radius:8px 32px 32px 8px;display:flex;justify-content:space-between;padding:0 4px 0 16px;box-sizing:border-box;align-items:center;margin-bottom:32px;cursor:pointer}.con-box .detail .info .record ul li[data-v-bd673882]:last-child{margin-bottom:0}.con-box .detail .info .record ul li .mine-title[data-v-bd673882]{width:calc(100% - 64px);font-size:14px;color:#404040;line-height:24px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.con-box .detail .info .record ul li .conic-progress-complete[data-v-bd673882]{width:48px;height:48px;border-radius:50%;background:#ff5a60;display:flex;align-items:center;justify-content:center}.con-box .detail .info .record ul li .complete[data-v-bd673882],.con-box .detail .info .record ul li .conic-progress[data-v-bd673882]{position:relative;width:48px;height:48px;border-radius:50%}.con-box .detail .info .record ul li .complete[data-v-bd673882]:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;height:90%;border-radius:50%;background-color:#ffeeef}.con-box .detail .info .record ul li .progress-value[data-v-bd673882]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:bolder;color:#fff}.con-box .detail .info .record ul li .progress-value1[data-v-bd673882]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:bolder;color:#000}.con-box .detail .info .record ul li .hot[data-v-bd673882]{background-image:conic-gradient(#ff5a60 10%,#fff 0)}.con-box .detail .info .page[data-v-bd673882]{width:100%;margin-bottom:80px;display:flex;justify-content:space-between}.con-box .detail .info .page .page-item[data-v-bd673882]{width:328px;height:80px;background:#fff}.con-box .detail .info .page .page-item .page-btn[data-v-bd673882]{width:80px;height:40px;background:#f7b500;margin-top:8px}.con-box .detail .info .page .page-right[data-v-bd673882]{display:flex;justify-content:flex-end}