.useravatar-page[data-v-c0a3b8e2]{min-height:100vh;background-color:#101010}.ico-fh[data-v-c0a3b8e2]{width:6.66667vw;height:6.66667vw}.content[data-v-c0a3b8e2]{padding:4vw}.user-box[data-v-c0a3b8e2]{display:flex;align-items:center}.user-box .user-img-box[data-v-c0a3b8e2]{width:22.66667vw;height:22.66667vw;padding:1.33333vw;position:relative}.user-box .user-img-box .user-icon[data-v-c0a3b8e2]{width:100%;height:100%}.user-box .user-img-box .tx-kuang[data-v-c0a3b8e2]{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}.user-box .info[data-v-c0a3b8e2]{flex:1;width:100%;margin-left:4vw;height:22.66667vw;background-color:#212121;padding:2.93333vw 4vw;border-radius:3.2vw}.user-box .info .time[data-v-c0a3b8e2]{display:flex;align-items:center;justify-content:space-between}.user-box .info .time p[data-v-c0a3b8e2]{color:#999;font-size:2.66667vw}.user-box .info .time .btn[data-v-c0a3b8e2]{width:14.4vw;height:5.6vw;line-height:5.6vw;border-radius:4.26667vw;background-color:#12cdb0;color:#fff;font-size:3.2vw;text-align:center}.user-box .info .tab-box[data-v-c0a3b8e2]{display:flex;align-items:center;justify-content:space-between;margin-top:4.26667vw}.user-box .info .tab-box .item[data-v-c0a3b8e2]{width:100%;background-color:#373c3e;border-left:1px solid #454a4c;border-right:1px solid #454a4c;color:#999;font-size:2.66667vw;height:5.86667vw;line-height:5.86667vw;text-align:center}.user-box .info .tab-box .item[data-v-c0a3b8e2]:first-child{border-radius:3.2vw 0 0 3.2vw}.user-box .info .tab-box .item[data-v-c0a3b8e2]:last-child{border-radius:0 3.2vw 3.2vw 0}.user-box .info .tab-box .item.active[data-v-c0a3b8e2]{background-color:#12cdb0;color:#fff}.kuang-box[data-v-c0a3b8e2]{padding:2.66667vw 4vw;background-color:#212121;border-radius:3.2vw;margin-top:5.33333vw}.kuang-box .title[data-v-c0a3b8e2]{display:flex;align-items:center;justify-content:space-between}.kuang-box .title h3[data-v-c0a3b8e2]{color:#fff;font-size:4vw}.kuang-box .title .btn[data-v-c0a3b8e2]{width:14.4vw;height:5.6vw;line-height:5.6vw;text-align:center;border-radius:5.6vw;background-color:#12cdb0;color:#fff;font-size:3.2vw}.kuang-box .title .btn.no[data-v-c0a3b8e2]{background-color:#1a4441;color:#12cdb0}.kuang-box .list[data-v-c0a3b8e2]{display:flex;align-items:center;flex-wrap:wrap}.kuang-box .list .item[data-v-c0a3b8e2]{width:14.66667vw;height:14.66667vw;display:flex;align-items:center;justify-content:center;margin-right:2.66667vw;border-radius:3.2vw;margin-top:2.66667vw}.kuang-box .list .item img[data-v-c0a3b8e2]{width:9.33333vw;height:9.33333vw}.kuang-box .list .item img.no[data-v-c0a3b8e2]{filter:grayscale(100%)}.kuang-box .list .item[data-v-c0a3b8e2]:nth-child(5n){margin-right:0}.kuang-box .list .item.active[data-v-c0a3b8e2]{border:1px solid #fff}