.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}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45);transform:scale(.45)}.collapse-transition{-webkit-transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out}.horizontal-collapse-transition{-webkit-transition:width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out;transition:width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out}.el-list-enter-active,.el-list-leave-active{-webkit-transition:all 1s;transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.el-opacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-menu{border-right:1px solid #e6e6e6;list-style:none;position:relative;margin:0;padding-left:0;background-color:#fff}.el-menu:after,.el-menu:before{display:table;content:""}.el-menu:after{clear:both}.el-menu.el-menu--horizontal{border-bottom:1px solid #e6e6e6}.el-menu--horizontal{border-right:none}.el-menu--horizontal>.el-menu-item{float:left;height:60px;line-height:60px;margin:0;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover{background-color:#fff}.el-menu--horizontal>.el-submenu{float:left}.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover{outline:0}.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{color:#303133}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #409eff;color:#303133}.el-menu--horizontal>.el-submenu .el-submenu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:#909399}.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color:#fff}.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{background-color:#fff;float:none;height:36px;line-height:36px;padding:0 10px;color:#909399}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title{color:#303133}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:#303133}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid #409eff;color:#303133}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid #e4e7ed;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:none;transform:none}.el-menu--popup{z-index:100;min-width:200px;border:none;padding:5px 0;border-radius:2px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-menu-item,.el-submenu__title{line-height:56px;padding:0 20px;list-style:none;position:relative;white-space:nowrap}.el-menu--popup-bottom-start{margin-top:5px}.el-menu--popup-right-start{margin-left:5px;margin-right:5px}.el-menu-item{height:56px;font-size:14px;color:#303133;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-menu-item *{vertical-align:middle}.el-menu-item i{color:#909399}.el-menu-item:focus,.el-menu-item:hover{outline:0;background-color:#ecf5ff}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px;vertical-align:middle}.el-menu-item.is-active{color:#409eff}.el-menu-item.is-active i{color:inherit}.el-submenu{list-style:none;margin:0;padding-left:0}.el-submenu__title{height:56px;font-size:14px;color:#303133;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s,color .3s;transition:border-color .3s,background-color .3s,color .3s;-webkit-box-sizing:border-box;box-sizing:border-box}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#909399}.el-submenu__title:focus,.el-submenu__title:hover{outline:0;background-color:#ecf5ff}.el-submenu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu__title:hover{background-color:#ecf5ff}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-submenu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:12px}.el-submenu.is-active .el-submenu__title{border-bottom-color:#409eff}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.el-submenu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:#909399}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{-webkit-transition:.2s;transition:.2s;opacity:0}.side-bar[data-v-4e70cb18]{float:left;width:218px;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);border-radius:4px;min-height:715px}.side-header[data-v-4e70cb18]{-webkit-box-sizing:border-box;box-sizing:border-box;height:60px;padding-top:18px;padding-left:42px}.side-header .header-link[data-v-4e70cb18]{display:inline-block;height:24px;color:#989898;letter-spacing:.45px;font-size:18px;line-height:24px;font-family:OPPOSans-M;cursor:pointer}.side-header .header-link[data-v-4e70cb18]:hover{color:#0024ff}.side-devide[data-v-4e70cb18]{height:1px;background:#e5e5e5}.side-body[data-v-4e70cb18]{padding:21px 19px 20px 38px}.user-list[data-v-a75f69f4]{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:520px;font-family:OPPOSans-R}.detail-box[data-v-a75f69f4]{padding:59px 39px 60px 37px}.detail-main[data-v-a75f69f4]{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:286px;border:1px solid #f1f1f1;-webkit-box-shadow:0 6px 5px rgba(0,0,0,.08);box-shadow:0 6px 5px rgba(0,0,0,.08);border-radius:2px;padding:32px 28px 56px}.menu-row[data-v-a75f69f4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 63px 57px 67px}.menu-row .menu-label[data-v-a75f69f4]{height:21px;color:#a3a3a3;letter-spacing:.4px;font-size:16px;line-height:21px}.menu-row .menu-content[data-v-a75f69f4]{display:block;margin-top:5px;max-width:406px;height:32px;color:#5b5b5b;letter-spacing:.6px;font-size:24px;line-height:32px;font-family:OPPOSans-B;cursor:pointer}.menu-row .menu-content[data-v-a75f69f4]:hover{color:#0024ff}