1 |
- .shareContent{position:relative;width:3.35rem;height:3.55rem;margin:0 auto .56rem}.shareContent .shareBg{position:absolute;top:0;left:0;z-index:1;width:3.35rem;height:3.55rem}.shareContent .share_content__title{position:relative;z-index:3;padding-top:.54rem;padding-left:.14rem;color:#fff;text-shadow:0 .02rem .04rem rgba(10,181,192,.7);width:170px}.shareContent .share_content__title .large{font-size:.19rem;font-weight:600;line-height:.26rem}.shareContent .share_content__title .small{padding-top:.06rem;font-size:.14rem;line-height:.2rem}.sectionFile{position:relative;z-index:3;margin:25px .15rem .14rem;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;background:hsla(0,0%,100%,.79);border-radius:.1rem}.sectionFile .muploader{position:relative;z-index:9;width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.sectionFile .uploadImg{position:relative;border-radius:8px;margin-right:.16rem;line-height:0}.sectionFile .uploadImg .audioPan{position:absolute;top:0;right:-6px;z-index:1;width:56px;height:56px}.sectionFile .uploadImg .imgLabel{position:absolute;right:0;top:0;width:28px;height:14px;z-index:10}.sectionFile .musicDetail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sectionFile .musicDetail .musicName{font-size:.16rem;font-weight:600;color:#131415;line-height:22px;max-width:200px}.sectionFile .musicDetail .username{padding-top:.04rem;font-size:13px;color:#aaa;line-height:.2rem}.downloadSection{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 .2rem;position:relative;z-index:3}.downloadSection .qrcode{position:relative;width:.84rem;height:.84rem;padding:.03rem;border-radius:.04rem;border:1px solid #2bd1b2;-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.downloadSection .qrcode.animate{-webkit-transform:scale(1.1);transform:scale(1.1)}.downloadSection .qrcode .qrcodeCanvas{width:100%!important;height:100%!important}.downloadSection .qrcode>img{width:.84rem;height:.84rem}.downloadSection .qrcode .qrcodeLogo{position:absolute;top:50%;left:50%;z-index:10;margin-left:-.08rem;margin-top:-.08rem;width:.16rem;height:.16rem;border-radius:.04rem}.downloadSection .qrtips{margin-left:.1rem;padding-left:.09rem;border-left:1px dashed #d8d8d8}.downloadSection .qrtips .tit{color:#01c1b5;line-height:.24rem;font-size:.13rem}.downloadSection .qrtips .tip{font-size:.12rem;color:#777;line-height:.17rem}.downloadSection .qrtips .iconLogo{width:.68rem;height:.19rem;margin:.05rem 0 0;display:block}.downloadSection .qrtips .downTip{font-size:.12rem;font-weight:500;color:#333;line-height:.17rem}.shareBottom{position:relative;background-color:#fff;border-radius:.12rem .12rem 0 0;padding-bottom:.1rem}.shareBottom .iconClose{position:absolute;top:.12rem;right:.12rem;font-size:.16rem;color:#999}.share__header{padding:.12rem .15rem .08rem;font-size:.16rem;color:#333;line-height:22px}.gridSection{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 .13rem}.gridSection .van-grid-item__icon{font-size:.44rem}.gridSection .van-grid-item__text{font-size:.12rem;color:#646566}.btn{font-size:.16rem;color:#aaa;line-height:.55rem;text-align:center}.creation .creationBg[data-v-0eefc326]{position:fixed;z-index:0;width:100%;height:100%;min-height:100vh;top:0;left:0;background:url(../img/bg.800317d3.png) no-repeat;background-size:100% 100%}.creation .nav[data-v-0eefc326]{padding-top:var(--navBarHeight,0);background-color:transparent}.creation .nav[data-v-0eefc326]:after{display:none}.creation .nav[data-v-0eefc326] .van-nav-bar__content{height:46px}.creation .nav[data-v-0eefc326] .van-nav-bar__content .van-icon{font-size:.19rem;color:#fff}.creation .nav[data-v-0eefc326] .van-nav-bar__content .van-nav-bar__title{line-height:46px;font-size:.2rem;color:#fff}.creation .nav.isScreenScroll[data-v-0eefc326]{background-color:#fff}.creation .nav.isScreenScroll[data-v-0eefc326] .van-nav-bar__content .van-icon,.creation .nav.isScreenScroll[data-v-0eefc326] .van-nav-bar__content .van-nav-bar__title{color:#333}.creation .singer[data-v-0eefc326]{position:relative;margin-top:.06rem;text-align:center;font-weight:400;font-size:.14rem;color:hsla(0,0%,100%,.7);line-height:.2rem;margin-bottom:14vh}.creation .playBox[data-v-0eefc326]{position:relative;width:100%;padding-top:56.25%}.creation .playBox .playSection[data-v-0eefc326]{position:absolute;top:0;bottom:0;left:0;right:0}.creation .playBox .playSection[data-v-0eefc326]:after{position:absolute;content:"";width:100%;height:.4rem;bottom:-.4rem;left:0;background:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(0,rgba(48,100,100,0)),color-stop(46%,rgba(35,91,101,.49)),to(#134959));background:linear-gradient(0,rgba(48,100,100,0),rgba(35,91,101,.49) 46%,#134959);pointer-events:none}.creation .playBox .playSection[data-v-0eefc326] .plyr{width:100%;height:100%;z-index:auto}.creation .playBox .playSection[data-v-0eefc326] .plyr .plyr__controls{width:100%;position:absolute;z-index:4;bottom:0;left:0;background:initial;padding:0 .12rem .02rem;opacity:1!important;-webkit-transform:translateY(0)!important;transform:translateY(0)!important;pointer-events:auto!important}.creation .playBox .playSection[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__progress__container input[type=range]{color:#01c1b5;height:.1rem}.creation .playBox .playSection[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__progress__container input[type=range]::-webkit-slider-runnable-track{height:.02rem}.creation .playBox .playSection[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__progress__container input[type=range]::-webkit-slider-thumb{width:.06rem;height:.06rem;margin-top:-.02rem;-webkit-box-shadow:initial;box-shadow:none}.creation .playBox .playSection[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__progress__container .plyr__progress__buffer{height:.02rem;color:rgba(1,193,181,.8);background-color:#fff;margin-top:-.01rem}.creation .playBox .playSection[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__control,.creation .playBox .playSection[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__time{display:none}.creation .playBox .playSection.videoType[data-v-0eefc326] .plyr .plyr__controls{background-color:rgba(0,0,0,.2)}.creation .playBox .playSection.videoType[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__progress__container input[type=range]{color:#fff!important}.creation .playBox .playSection.videoType[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__progress__container .plyr__progress__buffer{color:hsla(0,0%,100%,.7)!important;background-color:rgba(0,0,0,.1)!important}.creation .playBox .playSection.videoType .staff[data-v-0eefc326]{background-color:hsla(0,0%,100%,.7)}.creation .playBox .playSection.videoType .musicDetail .username[data-v-0eefc326],.creation .playBox .playSection.videoType .musicDetail .van-notice-bar[data-v-0eefc326]{color:#fff!important}.creation .playBox .playSection .videoBox[data-v-0eefc326]{width:100%;height:100%}.creation .playBox .playSection .audioBox[data-v-0eefc326]{width:100%;height:100%;background:url(../img/audioBg.b0e7b779.png) no-repeat;background-size:100% 100%;position:relative;overflow:hidden}.creation .playBox .playSection .audioBox .audioVisualizer[data-v-0eefc326]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2.8rem;height:.55rem}.creation .playBox .playSection .audioBox .tyBg[data-v-0eefc326]{width:1.39rem;height:.74rem;position:absolute;z-index:1;left:50%;top:50%;-webkit-transform:translate(-50%,calc(-50% + .28rem));transform:translate(-50%,calc(-50% + .28rem))}.creation .playBox .playSection .audioBox .audioBoxBg[data-v-0eefc326]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;width:.74rem;height:.75rem;background:url(../img/audio-bg.ee68bea1.png) no-repeat 50%;background-size:100% 100%}.creation .playBox .playSection .audioBox .audioBoxBg .audioPan[data-v-0eefc326]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:8;width:.59rem;height:.6rem;background:url(../img/audio-pan.34b3c898.png) no-repeat 50%;background-size:100% 100%;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;-webkit-animation:rotateImg 6s linear infinite;animation:rotateImg 6s linear infinite}.creation .playBox .playSection .audioBox .audioBoxBg .audioPan.imgRotate[data-v-0eefc326]{-webkit-animation-play-state:paused;animation-play-state:paused}.creation .playBox .playSection .audioBox .audioBoxBg .audioImg[data-v-0eefc326]{width:.32rem;height:.32rem}.creation .playBox .playSection .audioBox .audioBoxBg .audioImg[data-v-0eefc326] img{border-radius:50%}.creation .playBox .playSection .audioBox .audioBoxBg .audioPoint[data-v-0eefc326]{position:absolute;z-index:9;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:.08rem;height:.08rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAgdJREFUOE+lk8FrE1EQxmdmk2xssoV9u0tiY7GRSC4KHnoUhXrxVk9CRcSrikXwf/CUU/0fSvWinpuzPYle6kWhUUnLhuc2ImgieTPyQjZstTUH5/re/Pjmm28Q/rPwuH6l1BlEbCJiBRGLIjJk5h4zf+j3+51sz5+AQhRF14wxpxExAYDviGgcx3FGo1EZAHxE/Kq1bgPATwvKAnJKqRv2MwAcAICcMF1FRHJa6xcAMJwCoii6IiJW+pdZtliFAHCYJMn2GKCUmieimwDw0UqeBRARQsTGYDB4NQZEUXQJAJoAsJ9tdhyH1tcfrSwsVOdardZ2HMfjuSdVZeZPY0AQBCsA4BGRNW5aGxtPH1cq1dXG+Qa83tnZffjg/r30UUTmjTGcjnCdiHKI+C0LuH3n7kvXLar60lmI4xiebW2u9nq9w8mfEjO7Y0AYhldFRBGRzgLONZtP3Lx72SuVYd6b22+322vpdkTEZ+ZBCrDzLyPi5yzAdd1ybXFxzSuVSt1u97nWeuqRiNSMMe/TNRaCILglIl3HcQaztsDMeRGp5/P5rWkOfN+/QERWxR4i8j8gyMxLiLirtX5zJMoTL+onKWHmAgDUROQgSRIbZ/nrmHzfv4iIy0T0S0R+IOLIRhcRTzFzkYjeaa3fpmYee40A4IZhaGVWjDG2aSgiPc/z9jqdzhGPfgMVK9bsAn2AngAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain}.creation .playBox .playSection .audioBox .audioBoxBg .audioZhen[data-v-0eefc326]{position:absolute;z-index:9;right:-.04rem;top:-.33rem;width:.26rem;height:.87rem;background:url(../img/audio-zhen.3f64b7b6.png) no-repeat 50%;background-size:contain}.creation .playBox .playSection .audioBox .audioBoxBg .audioZhen.active[data-v-0eefc326],.creation .playBox .playSection .audioBox .audioBoxBg .audioZhen[data-v-0eefc326]{-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.creation .playBox .playSection .audioBox .audioBoxBg .audioZhen.active[data-v-0eefc326]{-webkit-transform:rotate(92deg) translateZ(.03rem);transform:rotate(92deg) translateZ(.03rem)}.creation .playBox .playSection .playLarge[data-v-0eefc326]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:.48rem;height:.48rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAxlBMVEUAAAAAAAD////+/v5ZWVn///+Hh4cUFBQvLy/////////x8fH////////h4eH////////////////////+/v7+/v43NzfAwMC4uLj09PTd3d3S0tLMzMzHx8eurq6mpqZMTEz19fXz8/P////////////////a2trY2NjKysr///////+enp6Dg4N8fHxtbW3////////////////////////////////r6+vm5ubW1taVlZVDQ0P39/fw8PC6urpzc3P////8mbxPAAAAQXRSTlNIAP36Xw5zTFL27d/b0MWojlpLM/XtVZ2T5b2vqaKMhlvn4dPJx8C7taWcgYFxbWdkY1hPRTkgFNTKs3tY69yVaqu9LSAAAAM5SURBVGjerJbXcqNAEEXvIpKyACUrW7aClbPsXW/g/39quYPlDAyI86CiSgNnekJ344cUmmPNy6NCLqso2VxhVJ5bjib3poRAsytFxf2CUqzY2vUCbTNW3ECU8Ua7SmCXs24E2bKdWGDdvU11WOr09LVaN4y6utZ7ndLwLbA7K5FgW7h8PN9emPiCuWjnL5LCNrbgWHR9broqAlG7N65P8RhLcJ75c8u0lohg2cr4cc7O8oJ9zv/8VIUE6tRX5PaygooipjQZQJLBxH+jIiU43bskryMGet4l96dogVMTq9MwEAujIdap5kQJDlWOu10hNqtbvlk9hAt2Yh4lEwkwSyL2XZhgJzbrAQl5EFu9CxYcMhzQRGKaCmM4BAmcKv/u4wr6nGLV+V5wqnH+fVxFnzHUTt8KxPlv4kqa4j58J6hE76/8Tle+CvaMrYQUKHGl958F5xzvl4kUMHnjcudPghkP0AqpsOJRmn0UHLlADaREg4t0/CAoMn8aSAkjzxr3XrClUkdq6FyQ7TsB6/sEKTJhJ/AmsLjDA6TIgPtsvQrY/0yRKlP2SxeBzQBUpIrKEOwXQdl7biFlWt5Hy75AY/+5RDjPf9uNWEEu2bdqQrBh/4ZweqJU/KxDHvZ8GyEYe0/d6HNNak1I0/XGjynQvJeViOif3At/dEii8ruaJ7CZJRBO1X1FaQ0gR16cI4hC00Y47nuqkk1ZWxQeiDy3kBeQm1+QYCEyHsQWmHEE5ElFJKbYBDje8CFiCUimYyKKoTfOgcVSHFdAfvdlirOFuffbiS8gj/8QSscbMwcTUS+BgCjhV7vHdISR96snEEhcbd0bMAKL2TqhgDw+I4g1yxrYD6mJBTQgCJX9EZir64kFJPDW1ZmxwTxpJBeEZWKD5+B/s/ZiAlAIw1AU3EH3H1Vwgn442AkePLVNbsI/wH8RP2R+TflD46OCDzs+rvnCgSvzvJWplz6XLUHhtcvCi0tHLX5z8n3l5Ts3INpCcROobSw34holcBiicQ4HUhqpcSiosaYGsxotcziu8b4OKHTEokMiHXPpoO5/1NgKS6fEvdXAelLkni8NTKw9xIsbk6snvjzTr/9cF5yknIHjHOIAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%;z-index:12;display:none}.creation .playBox .playSection .playLarge.playIngShow[data-v-0eefc326]{display:initial}.creation .playBox .playSection .mediaTimeCon[data-v-0eefc326]{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.creation .playBox .playSection.mediaTimeShow .mediaTimeCon[data-v-0eefc326]{display:block}.creation .playBox .playSection .mediaTime[data-v-0eefc326]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:.95rem;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;font-size:.16rem;color:#60fff5;line-height:.2rem;z-index:10;text-shadow:0 .01rem .01rem rgba(0,0,0,.5)}.creation .playBox .playSection .mediaTime div[data-v-0eefc326]:first-child{width:.5rem;text-align:right}.creation .playBox .playSection .mediaTime .note[data-v-0eefc326]{margin:0 .04rem}.creation .playBox .playSection .mediaTime .duration[data-v-0eefc326]{color:#fff}.creation .playBox .playSection .landscapeScreen[data-v-0eefc326]{width:.32rem;height:.32rem;position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAAllBMVEUAAAAAAADw8PAAAAAAAADZ2dl1dXUAAAAAAAAAAAAAAAAAAAD6+vr29vYAAADT09OCgoLm5ubExMQAAAAAAAAAAAD+/v79/f2fn58iIiLp6eloaGj8/Pz5+fn09PTh4eHR0dGUlJR9fX00NDQFBQXy8vLv7+/d3d21tbWnp6cQEBDV1dXLy8u9vb2MjIxRUVFHR0f////OT+t0AAAAMXRSTlNMAN88D7tvSUZCKgvy7BW1ds6kOCwe/PqGU9Nq9vDmyLN/dFhN49/Cl4tQtqqeemFeGvFgNAAAAZ1JREFUSMed1teSgjAUgOGjiUKCsqsiLNh72Xre/+U2IKFFDMl/pTN+g8ykHOipefNgxlzHcdksmHs9NQVRzqAW41SDfAJPIv4LRCVRGW1DHF7EnyKPwMuIpyLqgiaXNpHvgDbHryOaGr2iVeS50CnXqyACHSMl4tA5LhEF2T6JsCw831RFc0QKk5Oyq4LIA/kgSxBH/bK1+HpXlJ8hArIIxzFUmiAu1EeliEIRYh+qDRCHoEQF4qaIC8RMEeuBB6ZIkLkxEiQwRoLMNOhrNUobb34gTxCmQSHKppDHwNWg6XqcthRqB1mCON3e6fiNOJF7UY9kfVwWyO2KJojF32PmiMHMGAkSmKNAXUbxZpz22Y7m6oLd4aPfVuSpWyNORqLV4NiGmH4TqogbbPcEQ8ii9YMlxHUNXSoHyyLCE6SRxhHWR9y8lQ0ijOLFNGs7ksvcbxyWN2y2Pa5Qdo6zBynH8nVZI+H2Dif5+XKANKpeAPHwvWyf/uzwkbX7gyxuc9VYXWo216f1RW0/EtgPH/oxx26gsh/d7IdEq3H0H9fXPiOREOyGAAAAAElFTkSuQmCC) no-repeat;background-size:.26rem .26rem;background-position:50%;right:.07rem;top:.07rem;z-index:15}.creation .playBox .playSection .staffBoxCon[data-v-0eefc326]{position:absolute;width:100%;height:100%;left:0;top:0;z-index:3;overflow:hidden;visibility:hidden}.creation .playBox .playSection .staffBoxCon.staffBoxShow[data-v-0eefc326]{visibility:initial}.creation .playBox .playSection .staffBox[data-v-0eefc326]{width:100%;height:calc(var(--staffBoxHeight) + .12rem);position:absolute;bottom:0;padding-bottom:.12rem;-webkit-box-sizing:border-box;box-sizing:border-box}.creation .playBox .playSection .staffBox .staff[data-v-0eefc326]{padding-right:.1rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%}.creation .playBox .playSection .staffBox .mask[data-v-0eefc326]{position:absolute;z-index:6;width:100%;height:100%}.creation .playBox .playSection.isLandscapeScreen[data-v-0eefc326]{overflow:hidden;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;min-height:100vh;z-index:1000}.creation .playBox .playSection.isLandscapeScreen .landscapeScreen[data-v-0eefc326]{display:none}.creation .playBox .playSection.isLandscapeScreen[data-v-0eefc326] .plyr .plyr__controls{padding:0 .2rem .2rem}.creation .playBox .playSection.isLandscapeScreen[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__control{display:block;padding:0;width:.18rem;height:.18rem}.creation .playBox .playSection.isLandscapeScreen[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__control:hover{background:initial}.creation .playBox .playSection.isLandscapeScreen[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__control .icon--pressed{width:100%;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAD1BMVEUAAAAsx6oux6svyagtx6oDLJD7AAAABHRSTlMA8K0mz/NSEwAAAEBJREFUKM9jYGAwElRmAAEEk1nExdEASCMxmVxcXBSANBKTEUgLAGkkJguQdgDSMOao0KgQRjLBTExYkxxmwgQAX61HdQWfddgAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%}.creation .playBox .playSection.isLandscapeScreen[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__control .icon--pressed use{display:none}.creation .playBox .playSection.isLandscapeScreen[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__control .icon--not-pressed{width:100%;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAWlBMVEUAAAAtx6osx6otyKorx6stx6osx6otx6osx6osyKsrxqosxKwux6ouyaouxKotx6otyKstx6styKotyKstyKstyKstxqosx6stxqwqx6gwyq4syKsuy6otx6osuqE+AAAAHXRSTlMA882uMPz47+xpEg2WOyfk2sK0pYd3Wko1JBqVJyWoUIYAAACWSURBVDjLpdTrCoMwDIZh09R206k76dzhu//b3GBIBGkM5P39gJA0VuZ6psxxx2T8qt+Nhhj/DkcFEZZCV0RYdXsZEGhUkHR+KEi6Pg0I6d6WkTRMCpIu0YBQnxodbVeAcmE2IKTOgBAsCK0d+T+XZsMIonOYshb/gofJ+ejk+foPgUbHcebVmft+GH1eBqz1YSKOla8v8NNHb1l8SigAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%}.creation .playBox .playSection.isLandscapeScreen[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__control .icon--not-pressed use{display:none}.creation .playBox .playSection.isLandscapeScreen[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__progress__container{margin-left:.09rem}.creation .playBox .playSection.isLandscapeScreen[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__progress__container input[type=range]{color:#01c1b5;height:.2rem}.creation .playBox .playSection.isLandscapeScreen[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__progress__container input[type=range]::-webkit-slider-runnable-track{height:.04rem}.creation .playBox .playSection.isLandscapeScreen[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__progress__container input[type=range]::-webkit-slider-thumb{width:.12rem;height:.12rem;margin-top:-.04rem;-webkit-box-shadow:initial;box-shadow:none;background-color:#2dc7aa}.creation .playBox .playSection.isLandscapeScreen[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__progress__container .plyr__progress__buffer{height:.04rem;color:rgba(1,193,181,.8);background-color:#fff;margin-top:-.02rem}.creation .playBox .playSection.isLandscapeScreen[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__time{font-weight:500;font-size:.14rem;color:#131415;display:initial}.creation .playBox .playSection.isLandscapeScreen[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__time.plyr__time--current{margin-left:.09rem}.creation .playBox .playSection.isLandscapeScreen .audioBox .audioBoxBg[data-v-0eefc326],.creation .playBox .playSection.isLandscapeScreen .audioBox .audioVisualizer[data-v-0eefc326]{-webkit-transform:translate(-50%,-50%) scale(1.4);transform:translate(-50%,-50%) scale(1.4)}.creation .playBox .playSection.isLandscapeScreen .audioBox .tyBg[data-v-0eefc326]{-webkit-transform:translate(-50%,calc(-50% + .39rem)) scale(1.4);transform:translate(-50%,calc(-50% + .39rem)) scale(1.4)}.creation .playBox .playSection.isLandscapeScreen.videoType[data-v-0eefc326]:before{position:absolute;left:0;top:0;width:100%;height:1.15rem;content:"";background:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(0,hsla(0,0%,100%,0)),color-stop(45%,rgba(3,3,3,.2)),to(rgba(0,0,0,.7)));background:linear-gradient(0,hsla(0,0%,100%,0),rgba(3,3,3,.2) 45%,rgba(0,0,0,.7));z-index:2}.creation .playBox .playSection.isLandscapeScreen.videoType[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__time{color:#fff}.creation .playBox .playSection.isLandscapeScreen.videoType[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__control .icon--pressed{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAD1BMVEUAAAD8/Pz8/Pz////7+/to61ngAAAABHRSTlMA8K0mz/NSEwAAAEBJREFUKM9jYGAwElRmAAEEk1nExdEASCMxmVxcXBSANBKTEUgLAGkkJguQdgDSMOao0KgQRjLBTExYkxxmwgQAX61HdQWfddgAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%}.creation .playBox .playSection.isLandscapeScreen.videoType[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__control .icon--not-pressed{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA7vOtMc9pOicSDZb49+TaysKxh1pKJBqlpJV4dxmHIRkAAACWSURBVDjLrdTdDoIwDIZh1nXCQBER8fe7/9s0xpgemHVN6Hv8HCzb2sZcFylErpiAT4+soYhvYacgwq/UFhEg3a8GBHopSDpeFCTNqwFhf+7LSBoXBUknVpA0ZB39PwHKJTYgHFoDwmRB6L3Q5HTwxC6XOWSPBx4Xl083rx6DQM/6SN1KwxkqY25fGF2QC1aXGEVutvUGAilHbH1nOMgAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%}.creation .playBox .playSection.isLandscapeScreen.videoType[data-v-0eefc326] .plyr .plyr__controls .plyr__controls__item.plyr__progress__container input[type=range]::-webkit-slider-thumb{background-color:#fff}.creation .playBox .playSection.isLandscapeScreen .backBox[data-v-0eefc326]{position:absolute;left:.2rem;top:.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:10}.creation .playBox .playSection.isLandscapeScreen .backBox .backImg[data-v-0eefc326]{width:.21rem;height:.21rem}.creation .playBox .playSection.isLandscapeScreen .backBox .musicDetail[data-v-0eefc326]{margin-left:.12rem}.creation .playBox .playSection.isLandscapeScreen .backBox .musicDetail .musicSheetName[data-v-0eefc326]{width:3rem}.creation .playBox .playSection.isLandscapeScreen .backBox .musicDetail .musicSheetName .van-notice-bar[data-v-0eefc326]{padding:0;height:.2rem;font-weight:600;font-size:.18rem;color:#131415;line-height:.2rem}.creation .playBox .playSection.isLandscapeScreen .backBox .musicDetail .username[data-v-0eefc326]{margin-top:.04rem;font-weight:400;font-size:.12rem;color:#333;line-height:.18rem}.creation .playBox .playSection.isLandscapeScreen .staffBox[data-v-0eefc326]{height:calc(var(--staffBoxHeight) + .44rem);padding-bottom:.44rem}.creation .playBox .playSection.isLandscapeScreen .staffBox .staff[data-v-0eefc326]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .2rem}.creation .musicSection[data-v-0eefc326]{position:relative;width:100%;min-height:calc(var(--creationHeight, 100vh) - 46px - var(--navBarHeight, 0) - 1.61rem - 14vh - var(--heightA));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:end;-ms-flex-pack:end;justify-content:flex-end;padding:.1rem .12rem 0;-webkit-box-sizing:border-box;box-sizing:border-box}.creation .musicSection .avatarInfoBox[data-v-0eefc326]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.creation .musicSection .avatarInfoBox .avatar[data-v-0eefc326],.creation .musicSection .avatarInfoBox[data-v-0eefc326]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.creation .musicSection .avatarInfoBox .avatar .userLogo[data-v-0eefc326]{width:.44rem;height:.44rem;border:.02rem solid #fff;margin-right:.1rem;border-radius:50%;overflow:hidden}.creation .musicSection .avatarInfoBox .avatar .infoCon .info[data-v-0eefc326]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.creation .musicSection .avatarInfoBox .avatar .infoCon .info .userName[data-v-0eefc326]{font-weight:500;font-size:.16rem;color:#fff;line-height:.22rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:1.6rem}.creation .musicSection .avatarInfoBox .avatar .infoCon .info .iconMember[data-v-0eefc326]{margin-left:.06rem;width:.16rem;height:.16rem}.creation .musicSection .avatarInfoBox .avatar .infoCon .sub[data-v-0eefc326]{margin-top:.02rem;font-weight:400;font-size:.12rem;color:#fff;line-height:.17rem}.creation .musicSection .avatarInfoBox .linkes[data-v-0eefc326]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.13rem;padding:.04rem .08rem .03rem;background-color:hsla(0,0%,100%,.12);font-weight:400;font-size:.14rem;color:#fff}.creation .musicSection .avatarInfoBox .linkes .iconZan[data-v-0eefc326]{width:.18rem;height:.18rem;margin-right:.02rem}.creation .musicSection .textEllipsis[data-v-0eefc326]{margin-top:.1rem;font-weight:400;font-size:.14rem;color:#fff;line-height:.2rem}.creation .likeSection[data-v-0eefc326]{position:relative;margin:.2rem .12rem 1rem;background:hsla(0,0%,100%,.09);border-radius:.1rem;padding:.12rem .12rem 0 .12rem;overflow:hidden}.creation .likeSection .likeTitle[data-v-0eefc326]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.17rem;font-weight:600;color:#fff;line-height:.24rem}.creation .likeSection .likeTitle[data-v-0eefc326]:before{display:inline-block;content:"";width:.04rem;height:.14rem;border-radius:.02rem;background:#2dc7aa;margin-right:.06rem}.creation .likeSection .likeItem[data-v-0eefc326]{padding:.13rem 0 .16rem;background-color:initial;border-bottom:.01rem solid hsla(0,0%,94.9%,.12)}.creation .likeSection .likeItem.likeItemLast[data-v-0eefc326]{border-bottom:none}.creation .likeSection .likeItem .userLogo[data-v-0eefc326]{border-radius:50%;overflow:hidden;width:.42rem;height:.42rem;margin-right:.07rem}.creation .likeSection .likeItem .userInfo .name[data-v-0eefc326]{font-size:.16rem;font-weight:500;color:#fff;line-height:.22rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:1.2rem}.creation .likeSection .likeItem .userInfo .sub[data-v-0eefc326]{padding-top:.02rem;font-size:.13rem;color:#fff;line-height:.18rem}.creation .likeSection .likeItem .time[data-v-0eefc326]{font-weight:400;font-size:.13rem;color:#fff;line-height:.18rem}.creation .likeSection .mEmpty[data-v-0eefc326] .msg{color:#fff}.creation .likeSection .btnImg[data-v-0eefc326]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:.03rem;margin-bottom:.12rem}.creation .likeSection .btnImg>img[data-v-0eefc326]{width:.88rem;height:.31rem}.creation .likeSection .btnImg>img[data-v-0eefc326]:active{opacity:.8}.creation .upward[data-v-0eefc326]{z-index:100;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;width:100%;left:0;bottom:.8rem;padding-top:.12rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:.55rem;background:-webkit-gradient(linear,left top,left bottom,from(rgba(42,78,85,0)),color-stop(19%,rgba(43,78,85,.7)),to(#2b4e55));background:linear-gradient(180deg,rgba(42,78,85,0),rgba(43,78,85,.7) 19%,#2b4e55)}.creation .upward>img[data-v-0eefc326]{width:.19rem;height:.15rem}.creation .bottomSection[data-v-0eefc326]{position:fixed;z-index:101;bottom:0;left:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 .12rem 0 .2rem;width:100%;height:.8rem;background:#1f1f1f;-webkit-box-shadow:0 -.01rem .1rem 0 rgba(0,0,0,.05);box-shadow:0 -.01rem .1rem 0 rgba(0,0,0,.05);-webkit-box-sizing:border-box;box-sizing:border-box}.creation .bottomSection .bottomShare[data-v-0eefc326],.creation .bottomSection .bottomShare p[data-v-0eefc326],.creation .bottomSection[data-v-0eefc326]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.creation .bottomSection .bottomShare p[data-v-0eefc326]{-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;margin-right:.28rem}.creation .bottomSection .bottomShare p[data-v-0eefc326]:last-child{margin-right:0}.creation .bottomSection .bottomShare img[data-v-0eefc326]{width:.18rem;height:.18rem}.creation .bottomSection .bottomShare span[data-v-0eefc326]{margin-top:.08rem;font-weight:400;font-size:.12rem;color:#fff;line-height:.17rem}.creation .bottomSection .btnEdit[data-v-0eefc326]{width:.8rem;height:.3rem}.creation .isEmpty[data-v-0eefc326]{position:relative;height:calc(var(--creationHeight, 100vh) - 46px - var(--navBarHeight, 0));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.creation .isEmpty[data-v-0eefc326] .icon_nodata{margin-top:-.6rem}.creation .isEmpty[data-v-0eefc326] .msg{color:#fff}.creation .logoDownload[data-v-0eefc326]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 .13rem;height:46px;position:relative}.creation .logoDownload.isShareScreenScroll[data-v-0eefc326]{background-color:#fff}.creation .logoDownload.isShareScreenScroll .logTit[data-v-0eefc326]{background:#2dc7aa;border:none;padding:.03rem .11rem}.creation .logoDownload[data-v-0eefc326]:after{content:"";position:absolute;bottom:0;left:.13rem;width:calc(100% - .26rem);height:.01rem;background-color:hsla(0,0%,100%,.3)}.creation .logoDownload .logoImg[data-v-0eefc326]{width:.99rem;height:.3rem}.creation .logoDownload .logTit[data-v-0eefc326]{font-weight:400;font-size:.14rem;color:#fff;line-height:.2rem;padding:.02rem .1rem;border-radius:.2rem;border:.01rem solid hsla(0,0%,100%,.5)}.creation .singerBox[data-v-0eefc326]{position:relative;height:20vh;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:end;-ms-flex-pack:end;justify-content:flex-end}.creation .singerBox .musicSheetName[data-v-0eefc326]{width:2rem;margin:0 auto .1rem}.creation .singerBox .musicSheetName[data-v-0eefc326] .van-notice-bar{padding:0;height:.28rem;font-weight:600;font-size:.2rem;color:#fff;line-height:.28rem}.creation .singerBox .musicSheetName[data-v-0eefc326] .van-notice-bar .van-notice-bar__content{min-width:100%;text-align:center}.creation .singerBox .singerName[data-v-0eefc326]{text-align:center;font-weight:400;font-size:.14rem;color:hsla(0,0%,100%,.7);line-height:.2rem;margin-bottom:.1rem}.creation .musicShareSection[data-v-0eefc326]{min-height:calc(var(--creationHeight, 100vh) - 46px - var(--navBarHeight, 0) - 20vh - var(--heightA) - .55rem)}.creation .likeShareSection[data-v-0eefc326]{margin:.2rem .12rem .2rem}.creation .likeShareItem[data-v-0eefc326]{background-color:initial;padding:0;margin-top:.25rem}.creation .likeShareItem[data-v-0eefc326]:first-child{margin-top:.2rem}.creation .likeShareItem.likeShareItemLast[data-v-0eefc326]{padding-bottom:.2rem}.creation .likeShareItem .audioImgBox[data-v-0eefc326]{position:relative;width:.51rem;height:.51rem;margin-right:.14rem}.creation .likeShareItem .audioImgBox .audioPan[data-v-0eefc326]{position:absolute;width:100%;height:100%;right:-.06rem;top:0}.creation .likeShareItem .audioImgBox .muploader[data-v-0eefc326]{position:relative;z-index:1;width:100%;height:100%;border-radius:.085rem}.creation .likeShareItem .audioImgBox .imgLabel[data-v-0eefc326]{position:absolute;right:0;top:0;width:.28rem;height:.14rem;z-index:10}.creation .likeShareItem .userInfo .musicSheetName[data-v-0eefc326]{font-weight:600;font-size:.16rem;color:#fff;line-height:.22rem;width:2rem}.creation .likeShareItem .userInfo .usernameCon[data-v-0eefc326]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:.06rem}.creation .likeShareItem .userInfo .usernameCon .likeNum[data-v-0eefc326]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:.03rem;background-color:hsla(0,0%,100%,.22);padding:.01rem .02rem}.creation .likeShareItem .userInfo .usernameCon .likeNum img[data-v-0eefc326]{width:.14rem;height:.15rem}.creation .likeShareItem .userInfo .usernameCon .likeNum span[data-v-0eefc326]{font-weight:400;font-size:.1rem;color:#fff;line-height:1;margin-left:.02rem}.creation .likeShareItem .userInfo .usernameCon .username[data-v-0eefc326]{max-width:1.6rem;margin-left:.04rem;font-weight:400;font-size:.13rem;color:#dedede;line-height:.13rem}.creation .likeShareItem[data-v-0eefc326] .van-cell__value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.creation .likeShareItem .time[data-v-0eefc326]{line-height:1}.creation .likeShareItem .time .playImg[data-v-0eefc326]{width:.2rem;height:.2rem}.creation .btnImg[data-v-0eefc326]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:.03rem;margin-bottom:.12rem}.creation .btnImg>img[data-v-0eefc326]{width:.88rem;height:.31rem}.creation .btnImg>img[data-v-0eefc326]:active{opacity:.8}.creation .shareUpward[data-v-0eefc326]{bottom:0}.creation .wxpopup[data-v-0eefc326]{width:100%;height:100%;min-height:100vh;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:9999;text-align:right}.creation .wxpopup img[data-v-0eefc326]{width:88%;margin-right:6%}.popupContainer[data-v-0eefc326]{width:80%}.popupContainer .popupTit[data-v-0eefc326]{margin-top:.2rem;text-align:center;font-weight:600;font-size:.18rem;color:#131415;line-height:.25rem}.popupContainer .popupContent[data-v-0eefc326]{margin:.2rem 0;font-weight:400;font-size:.16rem;color:#777;line-height:.26rem;text-align:center}.popupContainer .popupBtnGroup[data-v-0eefc326]{text-align:center;margin-bottom:.2rem}.popupContainer .popupBtnGroup .van-button[data-v-0eefc326]{height:.4rem;font-size:.16rem;font-weight:400!important;line-height:.22rem;min-width:1.22rem}.popupContainer .popupBtnGroup .van-button[data-v-0eefc326]:last-child{margin-left:.15rem;background:#2dc7aa;border:none}
|