.knighthood-box[data-v-54c0a6e3]{overflow-x:hidden}.knighthood-box .knighthood-top[data-v-54c0a6e3]{width:100%;position:relative;margin-bottom:16px}.knighthood-box .knighthood-top img[data-v-54c0a6e3]{width:100%;border-radius:0 0 16px 16px}.knighthood-box .knighthood-top .nav-bg[data-v-54c0a6e3]{width:100%;background:#fff;position:fixed;top:0;left:0;z-index:99}.knighthood-box .knighthood-top .nav-box[data-v-54c0a6e3]{width:100%;position:fixed;top:0;left:0;z-index:100}.knighthood-box .knighthood-top .nav-box .top[data-v-54c0a6e3]{height:44px;padding:2px 16px 0 16px;box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}.knighthood-box .knighthood-top .nav-box .top .back-img[data-v-54c0a6e3],.knighthood-box .knighthood-top .nav-box .top .right-icon[data-v-54c0a6e3]{width:50px;height:24px;font-size:14px}.knighthood-box .knighthood-top .nav-box .top .back-img img[data-v-54c0a6e3],.knighthood-box .knighthood-top .nav-box .top .right-icon img[data-v-54c0a6e3]{width:24px}.knighthood-box .knighthood-top .nav-box .top .title[data-v-54c0a6e3]{width:calc(100% - 48px);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bolder}.knighthood-box .knighthood-top .whiteBg[data-v-54c0a6e3]{background:#fff!important}.knighthood-box .knighthood-top .knighthood-icon[data-v-54c0a6e3]{width:180px;height:180px;position:absolute;left:50%;top:50%;margin-top:-90px;margin-left:-90px}.knighthood-box .knighthood-top .knighthood-icon img[data-v-54c0a6e3]{width:100%}.knighthood-box .personal-box[data-v-54c0a6e3]{padding:0 16px;width:calc(100% - 32px);margin-bottom:24px}.knighthood-box .personal-box .personal-content[data-v-54c0a6e3]{height:140px;padding:16px;box-sizing:border-box;background-repeat:no-repeat;background-size:100% 100%}.knighthood-box .personal-box .personal-content .person-top[data-v-54c0a6e3]{display:-webkit-box;display:flex}.knighthood-box .personal-box .personal-content .person-top .person-head[data-v-54c0a6e3]{width:40px;height:40px;border-radius:8px;background-repeat:no-repeat;background-size:cover;position:relative}.knighthood-box .personal-box .personal-content .person-top .person-head .head-border[data-v-54c0a6e3]{position:absolute;z-index:1;width:140%;height:140%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-size:100% 100%}.knighthood-box .personal-box .personal-content .person-top .person-right[data-v-54c0a6e3]{margin-left:8px}.knighthood-box .personal-box .personal-content .person-top .person-right .name-box[data-v-54c0a6e3]{color:#222;font-size:14px;display:-webkit-box;display:flex}.knighthood-box .personal-box .personal-content .person-top .person-right .name-box .name[data-v-54c0a6e3]{background:-webkit-linear-gradient(right,#222,#222);background:linear-gradient(270deg,#222,#222);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.knighthood-box .personal-box .personal-content .person-top .person-right .name-box .icon-bg[data-v-54c0a6e3]{width:60px;height:16px;background-repeat:no-repeat;background-size:auto 16px;margin-left:4px;margin-top:1px}.knighthood-box .personal-box .personal-content .person-top .person-right .contribution[data-v-54c0a6e3]{color:#fff;font-size:12px;margin-top:4px}.knighthood-box .personal-box .personal-content .progress-bar[data-v-54c0a6e3]{width:100%;height:4px;border-radius:2px;position:relative;margin-top:32px;background:hsla(0,0%,100%,.4)}.knighthood-box .personal-box .personal-content .progress-bar .progress-completed[data-v-54c0a6e3]{width:100px;height:4px;border-radius:2px;background:#e48fff;position:absolute;top:0;left:0}.knighthood-box .personal-box .personal-content .progress-bar .progress-completed .progress-circle[data-v-54c0a6e3]{width:8px;height:8px;border-radius:50%;background:#e48fff;position:absolute;top:-2px;right:0}.knighthood-box .personal-box .personal-content .progress-distance[data-v-54c0a6e3]{margin-top:12px;color:#fff;font-size:12px}.knighthood-box .knighthood-content[data-v-54c0a6e3]{padding:0 16px;margin-top:0;position:relative;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}.knighthood-box .knighthood-content .rectangle[data-v-54c0a6e3]{background:#fff;height:40px;border-radius:16px 16px 0 0;position:absolute;top:-40px;left:0;width:100%}.knighthood-box .knighthood-content .knighthood-panel[data-v-54c0a6e3]{margin-bottom:28px}.knighthood-box .knighthood-content .knighthood-title[data-v-54c0a6e3]{color:#222;font-size:15px;font-weight:700;margin-bottom:16px}.knighthood-box .knighthood-content .knighthood-text[data-v-54c0a6e3]{color:#4e4e50;font-size:12px;line-height:16px}.knighthood-box .knighthood-content .knighthood-list .knighthood-item[data-v-54c0a6e3]{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-bottom:20px}.knighthood-box .knighthood-content .knighthood-list .knighthood-item .icon[data-v-54c0a6e3]{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:12px}.knighthood-box .knighthood-content .knighthood-list .knighthood-item .icon img[data-v-54c0a6e3]{width:100%}.knighthood-box .knighthood-content .knighthood-list .knighthood-item .icon-title[data-v-54c0a6e3]{color:#222;font-size:14px;font-weight:700}.knighthood-box .knighthood-content .knighthood-list .knighthood-item .icon-tip[data-v-54c0a6e3]{color:#4e4e50;font-size:12px;margin-top:4px}.knighthood-box .knighthood-content .knighthood-table[data-v-54c0a6e3]{width:100%}.knighthood-box .knighthood-content .knighthood-table table[data-v-54c0a6e3]{width:100%;font-size:14px;border-spacing:0;border-collapse:collapse}.knighthood-box .knighthood-content .knighthood-table table tr[data-v-54c0a6e3]{height:44px}.knighthood-box .knighthood-content .knighthood-table table tr td[data-v-54c0a6e3],.knighthood-box .knighthood-content .knighthood-table table tr th[data-v-54c0a6e3]{border:1px solid #ffeeea;text-align:center;width:50%;background:#fffbfa;font-size:12px;color:#666}.knighthood-box .knighthood-content .knighthood-table table tr th[data-v-54c0a6e3]{font-weight:400;color:#666;background:#fff5f2}.knighthood-box .knighthood-content .knighthood-table table tr .img[data-v-54c0a6e3]{width:auto;height:18px;margin:0 auto}.knighthood-box .knighthood-margin[data-v-54c0a6e3]{margin-top:94px}