.user-header[data-v-c2212650]{width:100%;height:455px;background:#fff;-webkit-box-shadow:0 1px 10px 0 rgba(94,94,94,.1);box-shadow:0 1px 10px 0 rgba(94,94,94,.1);position:relative}.user-header-top[data-v-c2212650]{width:100%;height:233px;background:#020202;position:relative}.user-header-top .cover[data-v-c2212650]{position:absolute;top:0;bottom:0;left:0;right:0;background:url(http://cdn.macio.com.cn/static/img/user_bg.631c9e9e.png) no-repeat top;background-size:cover}.main-info[data-v-c2212650]{position:absolute;top:139px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:125px}.main-info .avatar-box[data-v-c2212650]{-webkit-box-sizing:border-box;box-sizing:border-box;width:125px;height:125px;background:#fff;border-radius:50%;padding:2px;position:relative}.main-info .avatar-box .sign-cover[data-v-c2212650]{position:absolute;top:55px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:156px;height:89px;background:url(http://cdn.macio.com.cn/static/img/user_sign.80f56396.png) no-repeat;background-size:100% 100%}.main-info .avatar[data-v-c2212650]{width:100%;height:100%;border-radius:50%;background-repeat:no-repeat;background-size:100% 100%;position:relative}.main-info .name-row[data-v-c2212650]{margin-top:33px;line-height:1;font-size:18px;font-family:OPPOSans-R;color:#333;text-align:center}.main-info .level-box[data-v-c2212650]{margin:8px auto 0;width:66px;height:18px;line-height:18px;background:-webkit-gradient(linear,left top,right top,from(#0fd),to(#0024ff));background:linear-gradient(90deg,#0fd,#0024ff);border-radius:9px;font-size:14px;font-family:OPPOSans-M;color:#fff;text-align:center}.main-info .cur-int[data-v-c2212650],.main-info .cur-rank[data-v-c2212650]{position:absolute;top:28px}.main-info .cur-int .label[data-v-c2212650],.main-info .cur-rank .label[data-v-c2212650]{height:14px;line-height:14px;font-size:14px;font-family:OPPOSans-M;color:#a3a3a3;white-space:nowrap}.main-info .cur-int .value[data-v-c2212650],.main-info .cur-rank .value[data-v-c2212650]{position:absolute;top:21px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:28px;font-family:OPPOSans-M;color:#fff;line-height:28px}.main-info .cur-int[data-v-c2212650]{right:235px}.main-info .cur-rank[data-v-c2212650]{left:235px}.sign-box-row[data-v-c2212650]{position:absolute;bottom:31px;left:0;right:0;text-align:center}.sign-box[data-v-c2212650]{display:inline-block;vertical-align:center}.sign-box .sign-btn[data-v-c2212650]{width:221px;height:30px;background:-webkit-gradient(linear,left top,right top,from(#a93cff),to(#02fbff));background:linear-gradient(90deg,#a93cff,#02fbff);-webkit-box-shadow:0 4px 8px 0 rgba(124,111,255,.55);box-shadow:0 4px 8px 0 rgba(124,111,255,.55);border-radius:4px;text-align:center;line-height:30px;font-size:16px;font-family:OPPOSans-H;color:#fff;cursor:pointer}.sign-box .sign-btn.disabled[data-v-c2212650]{cursor:default}.sign-text[data-v-c2212650]{margin-top:10px;font-size:12px;font-family:OPPOSans-R;color:#b7b7b7;line-height:21px}.sign-text span[data-v-c2212650]{display:inline-block;vertical-align:center}.sign-text .int[data-v-c2212650]{font-size:13px;color:#0000fc;padding:0 2px}.rank-top[data-v-c2212650]{width:100%;height:190px;background:-webkit-gradient(linear,left top,right top,from(#00e7e0),to(#0605fc));background:linear-gradient(90deg,#00e7e0,#0605fc);border-radius:10px 10px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex}.rank-top .person-info[data-v-c2212650]{-webkit-box-sizing:border-box;box-sizing:border-box;width:812px;position:relative;padding-left:410px;display:-webkit-box;display:-ms-flexbox;display:flex}.rank-top .person-info[data-v-c2212650]:after{content:"";position:absolute;top:22px;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:2px;height:146px;border-right:2px dashed #82a6f9}.rank-top .person-avatar[data-v-c2212650]{position:absolute;bottom:0;left:94px;width:302px;height:228px;background-repeat:no-repeat;background-size:100% auto;background-position:center -2px}.rank-top .person-avatar.tk_type[data-v-c2212650]{background-size:96% auto;background-position:0 100%}.rank-top .person-avatar .avatar-cover[data-v-c2212650],.rank-top .person-avatar .hover-cover[data-v-c2212650]{position:absolute;top:50%;left:47.5%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:125px;height:125px;border-radius:50%}.rank-top .person-avatar .avatar-cover[data-v-c2212650]{overflow:hidden}.rank-top .person-avatar .avatar-cover[data-v-c2212650]:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background-image:radial-gradient(transparent,transparent,#000,#000)}.rank-top .person-avatar .a-cover[data-v-c2212650],.rank-top .person-avatar .avatar[data-v-c2212650]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:95%;height:95%;border-radius:50%;background-repeat:no-repeat;background-size:cover}.rank-top .person-avatar .hover-cover[data-v-c2212650]{z-index:10}.rank-top .person-avatar .hover-cover .a-cover[data-v-c2212650]{color:#fff;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:hsla(0,0%,100%,.5);cursor:pointer;display:none}.rank-top .person-avatar .hover-cover.no-avatar .a-cover[data-v-c2212650],.rank-top .person-avatar .hover-cover:hover .a-cover[data-v-c2212650]{display:-webkit-box;display:-ms-flexbox;display:flex}.rank-top .person-avatar .person[data-v-c2212650]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-repeat:no-repeat;background-size:96px 96px;background-position:50%}.rank-top .person-detail[data-v-c2212650]{margin-top:6px;width:185px;color:#fff}.rank-top .rank-num[data-v-c2212650]{height:32px;font-size:20px;line-height:32px;white-space:nowrap;font-family:OPPOSans-M}.rank-top .person-name[data-v-c2212650]{margin-top:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:48px;font-size:36px;line-height:48px;font-family:OPPOSans-H}.rank-top .rank-sign[data-v-c2212650]{margin-top:5px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100px;height:28px;padding:2px;border-radius:14px;background-image:-webkit-gradient(linear,left top,right top,from(#00fedd),to(#0603fc));background-image:linear-gradient(90deg,#00fedd,#0603fc)}.rank-top .rank-sign .sign-content[data-v-c2212650]{width:100%;height:100%;border-radius:14px;background:#028beb;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;font-size:20px;font-weight:500}.rank-top .rank-medal[data-v-c2212650]{margin-top:33px;-webkit-box-sizing:border-box;box-sizing:border-box;width:144px;height:140px;background-repeat:no-repeat;background-position:50%;background-size:100% auto}.rank-top .int-info[data-v-c2212650]{padding:0 10px 0 51px;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-pack:center;-ms-flex-pack:center;justify-content:center}.rank-top .normal-text[data-v-c2212650]{height:22px;font-size:16px;font-weight:500;color:#fff;line-height:22px;font-family:OPPOSans-L}.rank-top .text-R[data-v-c2212650]{height:16px;font-size:16px;color:#fff;line-height:16px}.rank-top .int-row[data-v-c2212650]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:17px;height:40px;padding-bottom:7px}.rank-top .int-row .int[data-v-c2212650]{margin-right:4px;font-size:45px;color:#00e7e0;line-height:40px;font-family:OPPOSans-H;word-break:break-all}.rank-top .int-row .unit[data-v-c2212650]{height:16px;font-size:16px;line-height:16px;font-family:OPPOSans-L;color:#fff}.rank-top[data-v-c2212650]{width:1180px;margin:-95px auto 0;position:relative;z-index:10}.side-bar[data-v-0d348f63]{float:left;width:218px;background:#fff;font-weight:600;-webkit-box-shadow:0 1px 10px 0 rgba(94,94,94,.1);box-shadow:0 1px 10px 0 rgba(94,94,94,.1);border-radius:4px}.side-bar .nav-box[data-v-0d348f63]{border-top:1px solid #e8e8e8}.side-bar .nav-box[data-v-0d348f63]:first-child{border-top:none}.side-bar .nav-head[data-v-0d348f63]{color:#333;padding-left:56px;font-size:15px;font-family:OPPOSans-R;line-height:55px}.side-bar .nav-main a[data-v-0d348f63]{display:block;color:#666;padding-left:56px;font-size:14px;font-family:OPPOSans-L;line-height:55px}.side-bar .nav-main a.active[data-v-0d348f63],.side-bar .nav-main a[data-v-0d348f63]:hover{color:#fffefe;background:-webkit-gradient(linear,left top,right top,from(#00bce8),to(#004cf9));background:linear-gradient(90deg,#00bce8,#004cf9)}