| 1 |
- ._container_tvn9e_1{display:flex;flex-direction:column}._container_tvn9e_1 ._iconBack_tvn9e_5{width:1.875vw;height:1.875vw}._container_tvn9e_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_tvn9e_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_tvn9e_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_tvn9e_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:.26041667vw .9375vw;background:#FFFFFF;border-radius:.83333333vw;color:#21225d;line-height:1.04166667vw}._container_tvn9e_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_tvn9e_1>.n-space{height:1.875vw;flex-shrink:0}._container_tvn9e_1 ._separator_tvn9e_35{width:.46875vw;height:.78125vw;margin:0 .83333333vw}._wrap_tvn9e_40{padding-top:.78125vw;flex:1;transition:padding .3s;overflow:hidden}._wrap_tvn9e_40._wrapBottom_tvn9e_46{padding-bottom:5.625vw}._content_tvn9e_49{display:flex;flex-direction:column;height:100%;background:#DDF2FF;border-radius:1.04166667vw;max-height:90vh}._tools_tvn9e_57{padding:1.04166667vw;display:flex;align-items:center;flex-shrink:0}._tools_tvn9e_57 .n-input{margin-left:auto;width:18.80208333vw}._tools_tvn9e_57 .n-input__input-el{height:100%;line-height:100%}._contentWrap_tvn9e_71{flex:1;display:flex;padding:0 1.04166667vw 1.04166667vw;overflow:hidden}._musicList_tvn9e_77{width:26.66666667vw;display:flex;overflow-x:hidden;overflow-y:auto;min-height:71vh;margin-right:1.66666667vw;background-color:#fff;border-radius:.83333333vw}._musicList_tvn9e_77::-webkit-scrollbar{width:0;display:none}._musicList_tvn9e_77 ._wrapList_tvn9e_91{display:flex;flex-direction:column;width:100%}._musicList_tvn9e_77 ._empty_tvn9e_96{display:flex;align-items:center;justify-content:center;height:100%}._itemContainer_tvn9e_102{width:100%;padding:.20833333vw .41666667vw;background-color:#fff}._itemContainer_tvn9e_102:first-child{padding-top:.41666667vw}._itemContainer_tvn9e_102:last-child{padding-bottom:.41666667vw}._item_tvn9e_102{position:relative;display:flex;align-items:center;padding:.52083333vw;border-radius:.625vw;cursor:pointer}._item_tvn9e_102:hover{background-color:rgba(0,0,0,.05)}._item_tvn9e_102._active_tvn9e_124{background-color:#ddf2ff}._item_tvn9e_102._active_tvn9e_124 ._arrow_tvn9e_127{opacity:1}._item_tvn9e_102 ._img_tvn9e_130{position:relative;width:3.125vw;height:3.125vw;border-radius:.41666667vw;margin-right:.625vw;box-shadow:0 0 .52083333vw .20833333vw rgba(27,35,55,.1);overflow:hidden;flex-shrink:0}._item_tvn9e_102 ._img_tvn9e_130 .n-image{width:3.125vw;height:3.125vw}._item_tvn9e_102 ._img_tvn9e_130 img{transition:opacity .3s;opacity:0;height:100%;width:100%}._item_tvn9e_102 ._img_tvn9e_130 img[data-loaded=true]{opacity:1}._item_tvn9e_102 ._title_tvn9e_153{flex:1;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}._item_tvn9e_102 ._title_tvn9e_153 ._titleName_tvn9e_160{font-size:.83333333rem;font-weight:600;color:#131415;line-height:1.45833333vw;width:100%}._item_tvn9e_102 ._title_tvn9e_153 ._titleDes_tvn9e_167{font-size:.72916667rem;font-weight:400;color:#777;line-height:1.04166667vw;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._item_tvn9e_102 ._btn_tvn9e_177{margin-left:auto;width:4.375vw;height:2.08333333vw;background:linear-gradient(to right,#44CAFF,#259DFE);border:none;padding:0;font-weight:700!important;flex-shrink:0;min-width:3.22916667vw;min-height:1.5625vw}._item_tvn9e_102 ._btn_tvn9e_177 .n-button__content>img{margin-left:.52083333vw;width:.46875vw;height:.625vw}._item_tvn9e_102 ._arrow_tvn9e_127{position:absolute;top:50%;right:.625vw;transform:translate(124%,-50%);opacity:0}._item_tvn9e_102 ._showPlayLoading_tvn9e_201{opacity:0}._loadingWrap_tvn9e_204{display:flex;justify-content:center;min-height:4.16666667vw}._musicStaff_tvn9e_209{display:flex;flex-direction:column;position:relative;left:-.41666667vw;flex:1;background-color:#fff;border-radius:.83333333vw;z-index:1;overflow:hidden}._musicStaff_tvn9e_209::-webkit-scrollbar{width:0;display:none}._musicStaff_tvn9e_209 ._goBtn_tvn9e_224{position:fixed;left:65%;bottom:2.39583333vw;transform:translate(-50%);height:3.64583333vw;cursor:pointer;transition:all .2s ease-in}._musicStaff_tvn9e_209 ._goBtn_tvn9e_224._goBtnBottom_tvn9e_233{bottom:8.02083333vw}._musicStaff_tvn9e_209 ._favitor_tvn9e_236{position:absolute;top:1.04166667vw;right:1.25vw;width:2.5vw;height:2.5vw;cursor:pointer;transition:all .3s}._musicStaff_tvn9e_209 ._favitor_tvn9e_236:hover{transform:scale(1.1)}._musicStaff_tvn9e_209 ._favitor_tvn9e_236>img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 .52083333vw rgba(27,35,55,.1))}._musicName_tvn9e_254{padding-top:1.5625vw;font-size:1.25rem;font-weight:500;color:#333;line-height:1.25vw;text-align:center}._staffImgs_tvn9e_262{flex:1;overflow-y:auto;height:100%;padding:0 1.5625vw}._staffImgs_tvn9e_262>img{width:100%}.van-fade-enter-active,.van-fade-leave-active{transition:all .3s}.van-fade-enter-from,.van-fade-leave-to{opacity:0}._previewWindow_tvn9e_279{width:85%;height:85vh;position:relative}._previewWindow_tvn9e_279 ._previewClose_tvn9e_284{position:absolute;left:2.08333333vw;top:2.08333333vw;width:3.125vw;height:3.38541667vw}._previewWindow_tvn9e_279 ._previewIframe_tvn9e_291{width:100%;height:85vh;background-color:#fff;border-radius:.83333333vw}._container_1ql9q_1{position:fixed;left:5.20833333vw;bottom:0;right:0;display:flex;align-items:center;height:5.625vw;padding:0 3.125vw;background-color:#fff;box-shadow:0 .10416667vw .625vw rgba(0,0,0,.1);z-index:10;transition:all .3s}._hidden_1ql9q_15{transform:translateY(100%);opacity:0}._item_1ql9q_19{position:relative;display:flex;align-items:center;width:100%}._item_1ql9q_19 ._img_1ql9q_25{position:relative;width:3.33333333vw;height:3.33333333vw;border-radius:50%;margin-right:.625vw;background-color:#000;box-shadow:0 0 .52083333vw .20833333vw rgba(27,35,55,.1);padding:.36458333vw;overflow:hidden;flex-shrink:0}._item_1ql9q_19 ._img_1ql9q_25 .n-image{border-radius:50%;width:100%;height:100%}._item_1ql9q_19 ._img_1ql9q_25 img{transition:opacity .3s;opacity:0;animation:_rotateImg_1ql9q_1 6s linear infinite}._item_1ql9q_19 ._img_1ql9q_25._imgRotate_1ql9q_47 img{animation-play-state:paused}._item_1ql9q_19 ._img_1ql9q_25 img[data-loaded=true]{opacity:1}._item_1ql9q_19 ._svgcontainer_1ql9q_53{position:fixed;z-index:-1000;pointer-events:none}._item_1ql9q_19 ._progress_1ql9q_58{position:absolute;left:.20833333vw;top:.20833333vw;width:2.91666667vw;pointer-events:none;transform:rotate(180deg)}._item_1ql9q_19 ._progress_1ql9q_58 .n-progress-graph .n-progress-graph-circle .n-progress-graph-circle-fill{stroke:url(#GradientProgress)}._item_1ql9q_19 ._title_1ql9q_69{margin-right:.78125vw;width:10.41666667vw}._item_1ql9q_19 ._title_1ql9q_69 ._titleName_1ql9q_73{font-size:.83333333rem;font-weight:600;color:#131415;line-height:1.45833333vw;white-space:nowrap}._item_1ql9q_19 ._title_1ql9q_69 ._titleDes_1ql9q_80{font-size:.72916667rem;font-weight:400;color:#777;line-height:1.04166667vw;white-space:nowrap}@keyframes _rotateImg_1ql9q_1{to{transform:rotate(360deg)}}._playBtns_1ql9q_92{margin-left:7.29166667vw;display:flex;align-items:center}._playBtns_1ql9q_92 .n-button{width:2.08333333vw;height:2.08333333vw}._playBtns_1ql9q_92 .n-button img{width:100%;height:100%}._playBtns_1ql9q_92 ._playBtn_1ql9q_92{width:2.60416667vw;height:2.60416667vw;margin:0 2.5vw;background:linear-gradient(to right bottom,#44CAFE,#007AFE)}._playBtns_1ql9q_92 ._playBtn_1ql9q_92 img{display:block;height:1.04166667vw}._timeWrap_1ql9q_115{flex:1;display:flex;align-items:center;margin-left:4.58333333vw}._timeWrap_1ql9q_115 ._timeProgress_1ql9q_121{margin-right:1.25vw;border-radius:.3125vw;--n-rail-height: .41666667vw !important}._timeWrap_1ql9q_115 ._time_1ql9q_115{width:4.6875vw;white-space:nowrap;flex-shrink:0}._audioAnimate_29dwa_1{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:flex-end;padding-bottom:30%}._audioAnimate_29dwa_1 div{width:.26041667vw;height:1.04166667vw;background:linear-gradient(135deg,#34FFC5 0%,#1BD2FF 100%);transform-origin:bottom;border-radius:.26041667vw .26041667vw 0 0;margin:0 .10416667vw}._audioAnimate_29dwa_1 div:nth-child(1){animation:_musicWave_29dwa_1 .5s infinite linear both alternate}._audioAnimate_29dwa_1 div:nth-child(2){animation:_musicWave_29dwa_1 .2s infinite linear both alternate}._audioAnimate_29dwa_1 div:nth-child(3){animation:_musicWave_29dwa_1 .6s infinite linear both alternate}._audioAnimate_29dwa_1 div:nth-child(4){animation:_musicWave_29dwa_1 .3s infinite linear both alternate}@keyframes _musicWave_29dwa_1{0%{height:5px}to{height:20px}}
|
