.myMedal[data-v-296ce7fe]{width:100%;height:100vh}.myMedal .mylevel[data-v-296ce7fe]{width:100%;height:10rem;position:relative}.myMedal .mylevel .levelbackground[data-v-296ce7fe]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.myMedal .mylevel .profilepic[data-v-296ce7fe]{width:7.6rem;height:7.6rem;position:absolute;top:6.3rem;left:5%;background-color:#fff;border-radius:50%;border:1px solid #e8e8e8;overflow:hidden}.myMedal .mylevel .profilepic .profilepicimg[data-v-296ce7fe]{width:100%;height:100%}.myMedal .mylevel .usernamediv[data-v-296ce7fe]{position:absolute;top:10.8rem;left:29%;color:#222;font-size:1.8rem;font-weight:900}.myMedal .leveldetail[data-v-296ce7fe]{margin-top:1rem;width:100%;height:15.4rem;line-height:15.4rem;position:relative}.myMedal .leveldetail .leftname[data-v-296ce7fe]{position:absolute;top:1.8rem;left:6%}.myMedal .leveldetail .middlename[data-v-296ce7fe]{position:absolute;top:2rem;left:36%;font-size:1.2rem;color:#999}.myMedal .leveldetail .rightname[data-v-296ce7fe]{position:absolute;top:1.8rem;right:8%}.myMedal .medaltitle[data-v-296ce7fe]{width:100%;height:3.6rem;margin-top:1.5rem}.myMedal .medalcontent[data-v-296ce7fe]{width:100%;padding:0 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.myMedal .medalcontent[data-v-296ce7fe]:after{content:"";height:0;width:25.5%}.myMedal .medalcontent .medalitem[data-v-296ce7fe]{height:12rem;width:10.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:2rem;background:url(../img/bg.a4eed53e.png) no-repeat;background-size:100% 100%;padding:1rem .8rem;text-align:center}.myMedal .medalcontent .medalitem .medalitemimg[data-v-296ce7fe]{width:4rem;height:4rem}.myMedal .medalcontent .medalitem .grayscale[data-v-296ce7fe]{-webkit-filter:grayscale(1);filter:grayscale(1)}.myMedal .medalcontent .medalitem .medalitemlevel[data-v-296ce7fe]{margin:1.2rem 0 .4rem;max-height:3.6rem;overflow:hidden;font-size:1.3rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#222;line-height:1.8rem}.myMedal .medalcontent .medalitem .medalitemtime[data-v-296ce7fe]{height:1.6rem;font-size:1.1rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;line-height:1.6rem}.myMedal .popupdiv[data-v-296ce7fe]{width:100%;height:100vh;background-color:transparent;text-align:center}.myMedal .popupdiv .popupdetailimg[data-v-296ce7fe]{width:100%;margin-top:22rem}.myMedal .popupdiv .popupdetaillevel[data-v-296ce7fe]{color:#fff;width:7.2rem;height:2.5rem;margin-top:1rem;font-size:1.8rem;margin-left:15.2rem}.myMedal .popupdiv .popupclose[data-v-296ce7fe]{margin-top:2.7rem;width:3.2rem;height:3.2rem}.newMyMedal[data-v-296ce7fe]{padding-top:5.2rem;height:calc(100vh - 5.2rem)}