.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}.page{margin-top:20px;text-align:center}.pagination{display:inline-block;vertical-align:top;font-size:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pagination .btn-next,.pagination .btn-pre,.pagination .pager li{display:inline-block;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;min-width:28px;height:28px;background:#fff;border-radius:3px;border:1px solid #ddd;text-align:center;line-height:26px;margin:0 5px;color:#333;padding:0 4px;cursor:pointer;-webkit-transition:.1s;transition:.1s}.pagination .btn-next.disabled,.pagination .btn-pre.disabled{color:#c0c4cc;background-color:#fff;cursor:not-allowed}.pagination .pager{display:inline-block;vertical-align:top;font-size:0}.pagination .pager li.active{line-height:28px;border:none;color:#fff;background:linear-gradient(138deg,#00fdde,#0604fc);cursor:default}.pagination .pager .more{line-height:28px}.pagination .jump{display:inline-block;vertical-align:top;margin-left:7px;-webkit-box-sizing:border-box;box-sizing:border-box;width:72px;height:28px;background:#fff;border-radius:3px;border:1px solid #ddd;font-size:14px;color:#999;line-height:26px;text-align:center;cursor:pointer;-webkit-transition:.1s;transition:.1s}.pagination .jump:hover{color:#409eff;background-color:#f5f5f5}.pagination .jump.disabled{cursor:not-allowed}.pagination .jump.disabled:hover{color:#999;background-color:#fff}.empty-box[data-v-37c93fe2]{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0}.empty-box .empty-content[data-v-37c93fe2]{position:absolute;width:281px;height:216px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(http://cdn.macio.com.cn/static/img/empty.531f8ba1.png) no-repeat;background-size:100% 100%}.empty-box .empty-text[data-v-37c93fe2]{position:absolute;left:-200px;right:-200px;bottom:-4px;font-size:20px;color:#333;height:28px;text-align:center;line-height:28px}.user-details-points[data-v-df949c9a]{background:#f5f5f5}.details-header[data-v-df949c9a]{-webkit-box-sizing:border-box;box-sizing:border-box;height:65px;border-bottom:1px solid #ddd;padding-left:33px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.details-header .title-tag[data-v-df949c9a]{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;height:34px;line-height:34px;padding:0 18px;margin-right:34px;font-size:16px;font-family:OPPOSans-M;color:#222;cursor:pointer}.details-header .title-tag.active[data-v-df949c9a]{color:#fff;background:-webkit-gradient(linear,left top,right top,from(#0fd),to(#0600fd));background:linear-gradient(90deg,#0fd,#0600fd);-webkit-box-shadow:0 3px 7px 0 rgba(2,182,230,.55);box-shadow:0 3px 7px 0 rgba(2,182,230,.55)}.details-con[data-v-df949c9a]{position:relative}.details-list_wrapper[data-v-df949c9a]{min-height:640px;position:relative}.details-list[data-v-df949c9a]{padding-bottom:40px}.details-list .page[data-v-df949c9a]{margin-right:30px}.detail-con[data-v-df949c9a]{margin-bottom:50px;position:relative}.modular-line[data-v-df949c9a]{width:168px}.information-line[data-v-df949c9a]{width:292px}.integral-line[data-v-df949c9a]{width:118px}.integral-line.increase[data-v-df949c9a]{color:#f60}.integral-line.reduce[data-v-df949c9a]{color:#2fba00}.time-line[data-v-df949c9a]{-webkit-box-flex:1;-ms-flex:1;flex:1}.details-table_header[data-v-df949c9a]{height:40px;line-height:40px;background:#e7f3ff;font-size:16px;color:#000}.details-item[data-v-df949c9a],.details-table_header[data-v-df949c9a]{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;font-family:OPPOSans-M}.details-item[data-v-df949c9a]{min-height:40px;font-size:14px;color:#666;margin-bottom:1px;position:relative}.details-item[data-v-df949c9a]:after{content:"";position:absolute;bottom:-1px;left:68px;right:64px;height:1px;background:#f1f1f1}.details-item[data-v-df949c9a]:last-child:after{display:none}.details-item>div[data-v-df949c9a]{line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:40px;padding:9px 5px;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}.information-line[data-v-df949c9a]{width:220px}.user-details-points .main-box{float:none;margin:0 auto}