| 1 |
- ._container_1iip8_1{height:100%}._container_1iip8_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_1iip8_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_1iip8_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_1iip8_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:5Px 18Px;background:#FFFFFF;border-radius:16Px;color:#21225d;line-height:20Px}._container_1iip8_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_1iip8_1>.n-space{height:36Px}._container_1iip8_1 ._separator_1iip8_29{height:18Px;margin:0 16Px}._wrap_1iip8_33{padding-top:20Px;height:calc(100% - 36Px)}._content_1iip8_37{height:calc(100% - 20Px);background:#DDF2FF;border-radius:20Px}._tools_1iip8_42{padding:20Px;display:flex;align-items:center;flex-shrink:0}._tools_1iip8_42 ._tags_1iip8_48{margin-right:15Px}._tools_1iip8_42 .n-input{margin-left:auto;width:361Px}._tools_1iip8_42 .n-button{min-width:84Px}._contentWrap_1iip8_58{height:calc(100% - 82Px);display:flex;padding:0 20Px 20Px;transition:padding .3s}._musicList_1iip8_64{width:548Px;height:100%;overflow-x:hidden;overflow-y:auto}._musicList_1iip8_64::-webkit-scrollbar{width:0;display:none}._musicList_1iip8_64 ._wrapList_1iip8_74{width:512Px;background:#fff;border-radius:16Px;padding:8Px}._item_1iip8_80{position:relative;display:flex;align-items:center;padding:10Px;margin:4Px 0;border-radius:12Px;cursor:pointer}._item_1iip8_80:hover{background-color:#0000000d}._item_1iip8_80._active_1iip8_92{background-color:#ddf2ff}._item_1iip8_80._active_1iip8_92 ._arrow_1iip8_95{opacity:1}._item_1iip8_80 ._img_1iip8_98{position:relative;width:60Px;height:60Px;border-radius:8Px;margin-right:12Px;box-shadow:0 0 .52083vw .20833vw #1b23371a;overflow:hidden}._item_1iip8_80 ._img_1iip8_98 .n-image{width:100%;height:100%}._item_1iip8_80 ._img_1iip8_98 img{transition:opacity .3s;opacity:0}._item_1iip8_80 ._img_1iip8_98 img[data-loaded=true]{opacity:1}._item_1iip8_80 ._title_1iip8_118{flex:1;margin-right:15Px}._item_1iip8_80 ._title_1iip8_118 ._titleName_1iip8_122{font-size:16Px;font-weight:600;color:#131415;line-height:28Px}._item_1iip8_80 ._title_1iip8_118 ._titleDes_1iip8_128{font-size:14Px;font-weight:400;color:#777;line-height:20Px}._item_1iip8_80 ._btn_1iip8_134{margin-left:auto;width:84Px;height:40Px;background:linear-gradient(73deg,#5BECFF 0%,#259CFE 100%);border:none;padding:0;font-weight:700!important}._item_1iip8_80 ._btn_1iip8_134 .n-button__content>img{margin-left:10Px}._item_1iip8_80 ._arrow_1iip8_95{position:absolute;top:50%;right:0;transform:translate(124%,-50%);opacity:0}._item_1iip8_80 ._showPlayLoading_1iip8_153{opacity:0}._musicStaff_1iip8_156{display:flex;flex-direction:column;position:relative;left:-8Px;flex:1;background-color:#fff;border-radius:16Px;height:100%;z-index:1;overflow:hidden}._musicStaff_1iip8_156::-webkit-scrollbar{width:0;display:none}._musicStaff_1iip8_156 ._goBtn_1iip8_172{position:absolute;left:50%;bottom:46Px;transform:translate(-50%);height:70Px;cursor:pointer}._musicStaff_1iip8_156 ._favitor_1iip8_180{position:absolute;top:1.04167vw;right:1.25vw;width:2.5vw;height:2.5vw;cursor:pointer}._musicStaff_1iip8_156 ._favitor_1iip8_180>img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 .52083vw rgba(27,35,55,.1))}._musicName_1iip8_194{padding-top:30Px;font-size:24Px;font-weight:500;color:#333;line-height:24Px;text-align:center}._staffImgs_1iip8_202{flex:1;overflow-y:auto}._staffImgs_1iip8_202>img{width:100%}.van-fade-enter-active,.van-fade-leave-active{transition:all .3s}.van-fade-enter-from,.van-fade-leave-to{opacity:0}._container_r5uck_1{position:fixed;left:5.20833vw;bottom:0;right:0;display:flex;align-items:center;height:108Px;padding:0 60Px;background-color:#fff;box-shadow:0 .10417vw .625vw #0000001a;z-index:10;transition:all .3s}._hidden_r5uck_15{transform:translateY(100%);opacity:0}._item_r5uck_19{position:relative;display:flex;align-items:center;width:100%}._item_r5uck_19 ._img_r5uck_25{position:relative;width:64Px;height:64Px;border-radius:50%;margin-right:12Px;background-color:#000;box-shadow:0 0 .52083vw .20833vw #1b23371a;padding:8Px;overflow:hidden;flex-shrink:0}._item_r5uck_19 ._img_r5uck_25 .n-image{border-radius:50%;width:100%;height:100%}._item_r5uck_19 ._img_r5uck_25 img{transition:opacity .3s;opacity:0;animation:_rotateImg_r5uck_1 6s linear infinite}._item_r5uck_19 ._img_r5uck_25 img[data-loaded=true]{opacity:1}._item_r5uck_19 ._svgcontainer_r5uck_50{position:fixed;z-index:-1000;pointer-events:none}._item_r5uck_19 ._progress_r5uck_55{position:absolute;left:4Px;top:4Px;width:56Px;pointer-events:none;transform:rotate(180deg)}._item_r5uck_19 ._progress_r5uck_55 .n-progress-graph .n-progress-graph-circle .n-progress-graph-circle-fill{stroke:url(#GradientProgress)}._item_r5uck_19 ._title_r5uck_66{margin-right:15Px;width:200Px}._item_r5uck_19 ._title_r5uck_66 ._titleName_r5uck_70{font-size:16Px;font-weight:600;color:#131415;line-height:28Px;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._item_r5uck_19 ._title_r5uck_66 ._titleDes_r5uck_80{font-size:14Px;font-weight:400;color:#777;line-height:20Px;white-space:nowrap}@keyframes _rotateImg_r5uck_1{to{transform:rotate(360deg)}}._playBtns_r5uck_92{margin-left:7.29167vw;display:flex;align-items:center}._playBtns_r5uck_92 .n-button{width:40Px;height:40Px}._playBtns_r5uck_92 .n-button img{width:100%;height:100%}._playBtns_r5uck_92 ._playBtn_r5uck_92{width:50Px;height:50Px;margin:0 2.5vw}._playBtns_r5uck_92 ._playBtn_r5uck_92 img{display:block}._timeWrap_r5uck_113{flex:1;display:flex;align-items:center;margin-left:4.58333vw}._timeWrap_r5uck_113 ._timeProgress_r5uck_119{margin-right:1.25vw;border-radius:6Px;--n-rail-height: 8Px !important}._timeWrap_r5uck_113 ._time_r5uck_113{width:90Px;white-space:nowrap;flex-shrink:0}._audioAnimate_29dwa_1{position:absolute;left:0;right:0;top:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:flex-end;padding-bottom:30%}._audioAnimate_29dwa_1 div{width:.26042vw;height:1.04167vw;background:linear-gradient(135deg,#34FFC5 0%,#1BD2FF 100%);transform-origin:bottom;border-radius:.26042vw .26042vw 0 0;margin:0 .10417vw}._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}}
|
