.medal-wrap{margin:0 auto;min-height:100vh;max-width:7.5rem;background-color:#15110b;overflow:auto;padding-bottom:1rem;transition:opacity .3s}.medal-wrap .medal-avatar{position:relative;width:1.2rem;height:1.2rem}.medal-wrap .medal-avatar .main{width:100%;height:100%;border-radius:1.2rem}.medal-wrap .medal-avatar .tag{position:absolute;bottom:.07rem;right:-.03rem;width:.28rem;height:.28rem}.medal-wrap .medal-tip-container{position:fixed;top:0;left:0;width:100%;z-index:10}.medal-wrap .medal-tip{height:.64rem;background-color:#fffaea;display:flex;align-items:center;font-size:.24rem;margin-bottom:.32rem}.medal-wrap .medal-tip .icon-union{color:#ffcc68;margin-left:.3rem;margin-right:.12rem;font-size:.28rem}.medal-wrap .user-info{position:relative;padding:1.3rem .47rem .48rem}.medal-wrap .user-info .info{position:absolute;left:2rem;top:1.4rem;height:1rem;font-size:0}.medal-wrap .user-info .info .name{height:.51rem;vertical-align:top;font-weight:600;font-size:.4rem;color:#fff;width:3rem;display:inline-block}.medal-wrap .user-info .info .medal{margin-top:.1rem;height:.56rem;vertical-align:top;font-weight:300;font-size:.28rem;color:#ffe4bb}.medal-wrap .user-info .info .medal.disabeld{color:#8c8c8c}.medal-wrap .user-info .share-all-btn{position:absolute;right:.5rem;top:.65rem;width:.75rem}.medal-wrap .user-info .share-all-btn .btn{display:flex;margin-top:.03rem;width:.79rem;height:.79rem;background:hsla(0,0%,79%,.2);border-radius:2rem;cursor:pointer}.medal-wrap .user-info .share-all-btn .btn svg{margin:auto;width:.41rem;height:.41rem}.medal-wrap .owner-medal{margin:.08rem .4rem 0;padding:.54rem .02rem .02rem;width:calc(100% - .84rem);background:#242424;border-radius:.4rem;min-height:7.5rem}.medal-wrap .all-medal{margin-top:.95rem;padding-bottom:.5rem}.medal-wrap .all-medal .medal-wrap-title{padding-bottom:.05rem}.medal-wrap .all-medal .medal-wrap-title>div:after,.medal-wrap .all-medal .medal-wrap-title>div:before{top:-.88rem}.medal-wrap .all-medal .medal-wrap-title>div:before{left:-.7rem;transform:scale(.15)}.medal-wrap .all-medal .medal-wrap-title>div:after{right:-.7rem;transform:scale(.15)}.medal-wrap .all-medal .type-box .title{position:relative;margin:.6rem .63rem .18rem;padding-left:.12rem;height:.39rem;line-height:.39rem;font-style:normal;font-weight:400;font-size:.28rem;color:#fff}.medal-wrap .all-medal .type-box .title:before{content:"";position:absolute;width:.06rem;height:.26rem;left:0;top:.07rem;background:#c2b593;border-radius:.44rem}.medal-wrap .all-medal .type-box .box{margin:0 auto;padding:.55rem .02rem .02rem;width:calc(100% - .84rem);background:#1d1d1d;border-radius:.26rem}.medal-wrap .all-medal .type-box .disabeld{opacity:.15}.medal-wrap #singleMedal-preview .contanier{height:auto!important}.medal-wrap-title{width:100%;text-align:center}.medal-wrap-title>div{position:relative;display:inline-block;padding:0 .16rem;font-size:.32rem;font-weight:350;letter-spacing:.01rem;color:#ffe4bb;user-select:none}.medal-wrap-title>div:after,.medal-wrap-title>div:before{content:"";position:absolute;width:1.25rem;height:2.08rem;background:url(https://cdn-y.tencentmusic.com/musician/commonPic/cos_b99a79e403c246509dcaedbc961d1aa17aec3c98.png) no-repeat;background-size:contain}.medal-wrap-title>div:before{left:-.18rem}.medal-wrap-title>div:after{right:-.12rem;background:url(https://cdn-y.tencentmusic.com/musician/commonPic/cos_c17713e96784488d5cca456e218d4e09b82df8c8.png) no-repeat;background-size:contain}.text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.medal-rule-popover .adm-popover-inner-content{width:6.5rem;box-sizing:border-box;padding:.64rem .4rem .5rem;line-height:1.5;font-size:.28rem}.medal-rule-popover .adm-popover-arrow{transform:translateX(-2rem)}.medal-rule-title{color:#232323;font-weight:600;margin-bottom:.08rem}.medal-rule-desc{color:#8c8c8c;margin-bottom:.32rem;font-weight:400}.medal-rule-more{color:#2573ff}.musician-header-status{position:absolute;bottom:0;right:0;width:.3rem;height:.3rem;background:url(https://cdn-y.tencentmusic.com/musician/commonPic/cos_360515383338a1981ecdfd852b1969ccfcda41b9.png) 50% no-repeat;background-size:.14rem auto;overflow:hidden;border-radius:.15rem;box-sizing:border-box;background-color:#d9d9d9}.musician-header-status.yes{background-color:#2573ff}.own-medal{position:absolute;top:-99.99rem;left:-99.99rem;background-color:#141414;width:95%;max-width:7.5rem;font-size:0;overflow:hidden}.own-medal .medal-wrap-title{transform:scale(.85)}.own-medal.two .medal-box .medal-card{transform:translateX(50%)}.own-medal.one .medal-box{padding-left:40%;width:60%}.own-medal.one .medal-box .medal-card{padding-left:.2rem}.own-medal.one .medal-box .num-tag{left:1.05rem}.own-medal .share-top{padding:.1rem 0;background:#1d1d1d}.own-medal .share-top .user-info{padding:.48rem .58rem}.own-medal .share-top .user-info .medal-avatar{width:1rem;height:1rem}.own-medal .share-top .user-info .medal-avatar .main{width:100%;height:100%}.own-medal .share-top .user-info .medal-avatar .tag{width:.3rem;height:.3rem;bottom:.1rem}.own-medal .share-top .user-info .share{position:absolute;top:.65rem;right:.35rem;width:1.7rem}.own-medal .share-top .user-info .share .medal-wrap-title{margin-top:0}.own-medal .share-top .user-info .share .medal-wrap-title>div span{display:inline-block;font-size:.65rem;font-family:sans-serif;transform:scaleY(1.5);font-weight:600}.own-medal .share-top .user-info .share .medal-wrap-title>div:after,.own-medal .share-top .user-info .share .medal-wrap-title>div:before{top:-.7rem;width:1.25rem;height:2.09rem;opacity:.5;transform:scale(.35)}.own-medal .share-top .user-info .share .medal-wrap-title>div:before{left:-.87rem}.own-medal .share-top .user-info .share .medal-wrap-title>div:after{right:-.86rem;transform:scale(.35)}.own-medal .share-top .info{top:.6rem!important}.own-medal .share-top .info .name{font-size:.32rem;color:#fff;font-weight:400}.own-medal .share-top .info .medal{margin-top:0;font-size:.24rem}.own-medal .medal-box{margin-top:-.01rem;padding:.75rem 0 .6rem;border-radius:0 0 .5rem .5rem;background:#1d1d1d}.medal-box{display:flex;margin:0 auto;width:100%;height:auto;flex-flow:row wrap;align-content:flex-start}.medal-box .medal-card{position:relative;height:2.5rem;box-sizing:border-box;flex:0 0 33.333%;text-align:center}.medal-box .medal-card .medal-icon{width:1.37rem;height:auto}.medal-box .medal-card .label{margin:.2rem auto 0;width:90%;height:.28rem;color:#d8d8d8;font-size:.25rem;overflow:hidden}.medal-box .medal-card .num-tag{position:absolute;top:.08rem;left:1.35rem;padding:.05rem .1rem .05rem .25rem;display:flex;align-items:center;width:auto;max-width:.85rem;background:#1f1f1f;color:#fff;border:.01rem solid #ffe4bb;box-sizing:border-box;border-radius:.14rem;font-size:.25rem;font-weight:400;overflow:hidden}.medal-box .medal-card .num-tag:before{position:absolute;content:"X";font-size:.18rem;left:.1rem;top:.1rem}.medal-qr-widget{position:relative;padding:.35rem 0 .15rem .5rem;width:calc(100% - .5rem);height:1rem;background:#141414}.medal-qr-widget .left-text img{width:3.2rem}.medal-qr-widget .right-qr{position:absolute;top:.16rem;right:.38rem;padding:.08rem;width:.84rem;height:.84rem;border-radius:.05rem;background:#fff}.medal-qr-widget .right-qr canvas{width:100%!important;height:100%!important}.get-first-medal-mask{background:rgba(57,57,57,.859)!important;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem);font-size:0}.get-first-medal-mask .content{position:absolute;top:50%;left:50%;width:6.7rem;height:auto;transform:translate(-50%,calc(-50% - .5rem));box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.get-first-medal-mask .content .share-contanier{overflow:hidden}.get-first-medal-mask .content .preview-share{width:100%;height:auto;background:#1d1d1d}.get-first-medal-mask .content .preview-share.two{padding:0}.get-first-medal-mask .content .preview-share.two .medal-box{margin-left:15%}.get-first-medal-mask .content .preview-share.one{padding:0}.get-first-medal-mask .content .preview-share.one .medal-box{margin-left:33%}.get-first-medal-mask .content .share-top{padding:.28rem 0}.get-first-medal-mask .content .share-top .user-info{padding:.48rem .58rem}.get-first-medal-mask .content .share-top .user-info .share{width:100%}.get-first-medal-mask .content .share-top .user-info .share .medal-wrap-title{margin-top:.1rem}.get-first-medal-mask .content .share-top .user-info .share .medal-wrap-title>div span{display:inline-block;line-height:.8rem;font-size:.6rem;font-weight:600}.get-first-medal-mask .content .share-top .user-info .share .medal-wrap-title>div:after,.get-first-medal-mask .content .share-top .user-info .share .medal-wrap-title>div:before{top:.17rem;width:.4rem;height:.55rem}.get-first-medal-mask .content .share-top .user-info .share .medal-wrap-title>div:before{left:-.27rem}.get-first-medal-mask .content .share-top .user-info .share .medal-wrap-title>div:after{right:-.23rem}.get-first-medal-mask .content .share-top .user-info .share .label{margin-top:.18rem;font-style:normal;font-weight:400;font-size:.28rem;line-height:.32rem;text-align:center;color:hsla(0,0%,100%,.65)}.get-first-medal-mask .content .medal-box{padding:0 0 .28rem}.get-first-medal-mask .content .share-bottom{position:relative;width:100%;height:1.65rem;text-align:center;margin-top:.8rem}.get-first-medal-mask .content .share-bottom .btn{margin:0 auto;width:4rem;height:.8rem;background:#bba280;border-radius:2.2rem;font-weight:400;font-size:.32rem;line-height:.8rem;text-align:center;color:#000}.get-first-medal-mask .content .share-bottom .label{margin-top:.4rem;position:relative;display:inline-block;width:.33rem;height:.33rem;color:#d8d8d8;font-size:0}.get-first-medal-mask .content .share-bottom .label img{width:100%;height:100%}.share-mask{background:rgba(57,57,57,.859)!important;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem)}.share-mask .preview-image{position:absolute;top:50%;left:50%;max-width:7.5rem;height:auto;transform:translate(-50%,calc(-50% - .5rem));box-sizing:border-box;width:85%;margin:0 auto}.share-mask .preview-image img{border-radius:.4rem;width:100%;height:auto}.share-all-medal-icon{position:absolute;height:100PX;width:100%;left:50%;transform:translateX(-50%);opacity:.7;bottom:calc(10% - 1rem);display:flex}.share-all-medal-icon>div{width:50%;text-align:center;font-style:normal;font-weight:400;font-size:.24rem;height:.5rem;line-height:.5rem;color:#8c8c8c}.share-all-medal-icon>div img{width:.9rem}.share-download{position:absolute!important;transform:scale(1)!important;left:-99.99rem!important;z-index:-9999!important;border-radius:0!important}.wexinmask img{border-style:none;position:absolute;width:4rem;top:.5rem;right:1rem}.save-mask .adm-toast-main{background:transparent}.save-mask .adm-toast-main img{pointer-events:none;width:3rem;height:auot}.save-image-btn{position:absolute;bottom:10%;left:50%;transform:translate(-50%);box-sizing:border-box;width:100%;margin:0 auto;text-align:center}.save-image-btn img{pointer-events:none;width:3.2rem}.share-medal-title{width:100%;margin-bottom:.5rem}.share-medal-title.disabeld{filter:grayscale(1);opacity:.4;transform:translate(-50%,calc(-50% - 2rem))}.share-medal-title.disabeld .single-medal-icon{margin-bottom:.5rem}.share-medal-title.disabeld .single-medal-icon img{width:80%}.share-medal-title .single-medal-icon{max-width:7.5rem;text-align:center;margin:0 auto}.share-medal-title .single-medal-icon img{width:50%;min-height:2.2rem}.share-medal-title .medal-info{margin-top:.2rem;text-align:center}.share-medal-title .medal-info .name{display:inline-block;user-select:none;position:relative;max-width:3.8rem;margin:0 auto;font-weight:600;font-size:.59rem;color:#ffe4bb}.share-medal-title .medal-info .name>span{display:inline-block;padding:0 .1rem;height:.58rem;overflow:hidden;word-break:break-all}.share-medal-title .medal-info .name:after,.share-medal-title .medal-info .name:before{top:-.7rem;content:"";width:1.25rem;height:2.09rem;background:url(https://cdn-y.tencentmusic.com/musician/commonPic/cos_b99a79e403c246509dcaedbc961d1aa17aec3c98.png) no-repeat;background-size:contain}.share-medal-title .medal-info .name:before{position:absolute;left:-.8rem;transform:scale(.28)}.share-medal-title .medal-info .name:after{transform:scale(.28);background:url(https://cdn-y.tencentmusic.com/musician/commonPic/cos_c17713e96784488d5cca456e218d4e09b82df8c8.png) no-repeat;background-size:contain;position:absolute;right:-.8rem}.share-medal-title .medal-info .num{color:#ffe4bb;line-height:.39rem;font-size:.24rem}.share-medal-title .medal-info .date{margin-top:.1rem;color:#959595;font-size:.2rem}.share-medal-title .medal-info .date,.share-medal-title .medal-info .num{width:100%;height:.34rem;font-weight:400;text-align:center;word-break:break-all;overflow:hidden;vertical-align:top}.music-card{display:flex;margin:auto;width:4.33rem;height:1.19rem;border-radius:.31rem;border:.02rem solid #464440;padding:.3rem}.music-card .music-desc{padding:.2rem 0 0 .4rem;width:2.6rem}.music-card .music-desc .name{font-weight:400;font-size:.3rem;height:.42rem;line-height:.42rem;color:#fff;opacity:.9;word-break:break-all}.music-card .music-desc .author{margin-top:.1rem;font-weight:400;font-size:.24rem;height:.4rem;color:hsla(0,0%,100%,.45);word-break:break-all}.music-card .music-cover{position:relative;width:1.33rem}.music-card .music-cover .cover-main{position:relative;width:1.13rem;height:1.13rem;z-index:1;border-radius:.12rem}.music-card .music-cover .cover-bg{position:absolute;top:.05rem;width:1.08rem;height:1.08rem;left:.32rem}.author-card{position:relative;display:flex;margin:auto;padding:.3rem;width:4.33rem;height:1.29rem;border-radius:.31rem;border:.02rem solid #464440}.author-card .medal-avatar{position:relative;margin-left:.06rem;height:1.28rem}.author-card .medal-avatar .main{width:1.2rem;height:1.2rem;border-radius:1.2rem}.author-card .medal-avatar .tag{position:absolute;bottom:.07rem;right:-.03rem;width:.28rem;height:.28rem}.author-card .medal-author{position:absolute;left:2rem;top:.65rem;font-size:0}.author-card .medal-author .name{display:inline-block;width:2.2rem;font-weight:400;font-size:.3rem;color:#fff;opacity:.9}.author-card .medal-author .desc{margin-top:.15rem;height:.3rem;font-size:.24rem;color:hsla(0,0%,100%,.45)}.preview-share{width:100%;height:8.2rem;background:#1d1d1d}.preview-share.single-medal{padding:.9rem 0 0}.preview-share .music-card{margin:.4rem auto 0}#singleMedal-preview{position:absolute;top:-99.99rem;left:-99.99rem}#singleMedal-preview.preview-share{background:#141414;height:auto;padding:0;overflow:hidden}#singleMedal-preview .contanier{position:relative;border-radius:0 0 .4rem .4rem;background:#1d1d1d;padding:.9rem 0 .5rem;height:auto}.single-medal-mask{background:rgba(57,57,57,.859)!important;-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem);font-size:0}.single-medal-mask .share-medal-title{margin-bottom:.5rem}.single-medal-mask .medal-info{margin-top:.5rem}.single-medal-mask .content{position:absolute;top:50%;left:50%;width:6.7rem;height:auto;transform:translate(-50%,-50%);box-sizing:border-box;display:flex;flex-direction:column}.single-medal-mask .content .share-contanier{border-radius:.4rem;overflow:hidden}.single-medal-mask .content .share-bottom{position:relative;width:100%;height:1.55rem;text-align:center;margin-top:.8rem}.single-medal-mask .content .share-bottom .btn{margin:0 auto;width:4rem;height:.8rem;background:#bba280;border-radius:2.2rem;font-weight:400;font-size:.32rem;line-height:.8rem;text-align:center;color:#000}.single-medal-mask .content .share-bottom .label{margin-top:.4rem;position:relative;display:inline-block;width:.33rem;height:.33rem;color:#d8d8d8;font-size:0}.single-medal-mask .content .share-bottom .label img{width:100%;height:100%}