1 |
- ._container_8ouit_1{display:flex;flex-direction:column;height:100%}._container_8ouit_1 ._iconBack_8ouit_6{width:1.875vw;height:1.875vw}._container_8ouit_1 .n-breadcrumb .n-breadcrumb-item{font-size:max(.83333333rem,12Px)!important}._container_8ouit_1 .n-breadcrumb>ul{display:flex;align-items:center}._container_8ouit_1 .n-breadcrumb>ul .n-breadcrumb-item{display:flex;align-items:center}._container_8ouit_1 .n-breadcrumb>ul .n-breadcrumb-item__separator{display:none}._container_8ouit_1 .n-breadcrumb>ul .n-breadcrumb-item__link{padding:.26041667vw .9375vw;background:#FFFFFF;border-radius:.83333333vw;color:#21225d;line-height:1.04166667vw}._container_8ouit_1 .n-breadcrumb .n-breadcrumb-item:last-child .n-breadcrumb-item__link{color:#fff;background:var(--product-color)}._container_8ouit_1>.n-space{height:1.875vw;flex-shrink:0}._container_8ouit_1 ._separator_8ouit_39{width:.46875vw;height:.78125vw;margin:0 .83333333vw}._wrap_8ouit_44{padding-top:.78125vw;flex:1;transition:padding .3s;overflow:hidden}._wrap_8ouit_44._wrapBottom_8ouit_50{padding-bottom:5.625vw}._content_8ouit_53{display:flex;flex-direction:column;height:100%;background:#DDF2FF;border-radius:1.04166667vw}._tools_8ouit_60{padding:1.04166667vw;display:flex;align-items:center;flex-shrink:0}._tools_8ouit_60 .n-input{margin-left:auto;width:18.80208333vw}._tools_8ouit_60 .n-input__input-el{height:100%;line-height:100%}._tools_8ouit_60 .n-button{--n-height: 1.92708333vw !important;height:1.92708333vw;padding:0 1.25vw;font-size:max(.9375rem,13Px)}._tools_8ouit_60 .n-button.n-button--primary-type{font-weight:700!important;color:#fff}._contentWrap_8ouit_84{flex:1;display:flex;padding:0 1.04166667vw 1.04166667vw;overflow:hidden;gap:0 1.66666667vw}._musicList_8ouit_91{background-color:#fff;border-radius:.83333333vw;width:26.66666667vw;min-width:15.3125vw;height:100%;overflow-x:hidden;overflow-y:auto;min-width:330Px}._musicList_8ouit_91::-webkit-scrollbar{width:0;display:none}._musicList_8ouit_91 ._wrapList_8ouit_105{width:26.66666667vw;min-width:15.3125vw;min-height:100%;border-radius:.83333333vw}._musicList_8ouit_91 ._empty_8ouit_111{display:flex;align-items:center;justify-content:center;height:50vh}._itemContainer_8ouit_117{width:100%;border-radius:.83333333vw;padding:.20833333vw .41666667vw}._itemContainer_8ouit_117:first-child{padding-top:.41666667vw}._itemContainer_8ouit_117:last-child{padding-bottom:.41666667vw}._item_8ouit_117{position:relative;display:flex;align-items:center;padding:.52083333vw;border-radius:.625vw;cursor:pointer}._item_8ouit_117:hover{background-color:rgba(0,0,0,.05)}._item_8ouit_117._active_8ouit_139{background-color:#ddf2ff}._item_8ouit_117._active_8ouit_139 ._arrow_8ouit_142{opacity:1}._item_8ouit_117 ._img_8ouit_145{position:relative;width:3.125vw;height:3.125vw;border-radius:.41666667vw;margin-right:.625vw;overflow:hidden;flex-shrink:0}._item_8ouit_117 ._img_8ouit_145 .n-image{width:3.125vw;height:3.125vw}._item_8ouit_117 ._img_8ouit_145 img{transition:opacity .3s;opacity:0;height:100%;width:100%}._item_8ouit_117 ._img_8ouit_145 img[data-loaded=true]{opacity:1}._item_8ouit_117 ._title_8ouit_167{flex:1;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}._item_8ouit_117 ._title_8ouit_167 ._titleName_8ouit_174{font-size:max(.9375rem,13Px);font-weight:600;color:#131415;line-height:1.45833333vw;width:100%}._item_8ouit_117 ._title_8ouit_167 ._titleDes_8ouit_181{font-size:max(.72916667rem,11Px);font-weight:400;color:#777;line-height:1.04166667vw;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._item_8ouit_117 ._btn_8ouit_191{margin-left:auto;width:4.375vw;height:1.875vw;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;font-size:max(.9375rem,12Px)}._item_8ouit_117 ._btn_8ouit_191 .n-button__content>img{margin-left:.52083333vw;width:.46875vw;height:.625vw}._item_8ouit_117 ._arrow_8ouit_142{position:absolute;top:50%;right:.625vw;transform:translate(124%,-50%);opacity:0}._item_8ouit_117 ._showPlayLoading_8ouit_216{opacity:0}._loadingWrap_8ouit_219{display:flex;justify-content:center;min-height:4.16666667vw}._loadingWrap_8ouit_219._showLoading_8ouit_224{height:0;opacity:0;min-height:0;display:none}._musicStaff_8ouit_230{display:flex;flex-direction:column;position:relative;left:-.41666667vw;flex:1;background-color:#fff;border-radius:.83333333vw;z-index:1;overflow:hidden}._musicStaff_8ouit_230::-webkit-scrollbar{width:0;display:none}._musicStaff_8ouit_230 ._goBtn_8ouit_245{position:absolute;left:50%;bottom:2.39583333vw;transform:translate(-50%);height:3.64583333vw;cursor:pointer;transition:all .2s ease-in}._musicStaff_8ouit_230 ._rightBtns_8ouit_254{position:absolute;top:1.04166667vw;right:1.25vw;display:flex;align-items:center}._musicStaff_8ouit_230 ._rightBtns_8ouit_254 ._textBtn_8ouit_261{margin-right:1.25vw;padding:1px .83333333vw!important;line-height:1.92708333vw!important;height:1.92708333vw!important;background:#F5F6FA;--n-border: #F5F6FA !important}._musicStaff_8ouit_230 ._rightBtns_8ouit_254 ._transBtn_8ouit_269{width:2.34375vw;cursor:pointer;margin-right:.78125vw}._musicStaff_8ouit_230 ._favitor_8ouit_274{width:2.5vw;height:2.5vw;cursor:pointer;transition:all .3s}._musicStaff_8ouit_230 ._favitor_8ouit_274:hover{transform:scale(1.1)}._musicStaff_8ouit_230 ._favitor_8ouit_274>img{display:block;width:100%;height:100%;filter:drop-shadow(0 0 .52083333vw rgba(27,35,55,.1))}._musicName_8ouit_289{padding-top:1.5625vw;font-size:1.35416667rem;font-weight:500;color:#333;line-height:1.25vw;text-align:center}._staffImgs_8ouit_297{flex:1;overflow-y:auto;height:100%;padding:0 1.5625vw}._staffImgs_8ouit_297>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_8ouit_314{width:85%;height:85vh;position:relative}._previewWindow_8ouit_314 ._previewClose_8ouit_319{position:absolute;left:2.08333333vw;top:2.08333333vw;width:3.125vw;height:3.38541667vw}._previewWindow_8ouit_314 ._previewIframe_8ouit_326{width:100%;height:85vh;background-color:#fff;border-radius:.83333333vw}._popSelect_8ouit_332{font-size:.83333333rem;width:15.625vw;max-height:26.04166667vw;overflow-y:scroll;box-shadow:0 .10416667vw .83333333vw rgba(0,0,0,.08);border-radius:.57291667vw;--n-option-height: 1.77083333vw}._popSelect_8ouit_332 .n-base-select-option__content{width:80%!important}._popSelect1_8ouit_344{font-size:.83333333rem;width:12.5vw;box-shadow:0 .10416667vw .83333333vw rgba(0,0,0,.08);border-radius:.57291667vw;--n-option-height: 1.77083333vw}._popSelect1_8ouit_344 .n-base-select-option__content{width:80%!important}._popTrans_8ouit_354{font-size:.83333333rem;width:10.41666667vw;overflow-y:scroll;box-shadow:0 2 .83333333vw rgba(0,0,0,.08);border-radius:.57291667vw;--n-option-height: 1.77083333vw}._popTrans_8ouit_354 .n-base-select-option__content{width:80%!important}._textBtn_8ouit_261 ._iconArrow_8ouit_365{display:inline-block;margin-left:.41666667vw;margin-top:.10416667vw;width:.41666667vw;height:.26041667vw;background:url(./icon-arrow-66c56d73.svg) no-repeat center center / contain;transform:rotate(180deg);color:#131415;fill:#131415}._textBtn_8ouit_261:hover,._textBtn_8ouit_261._textBtnActive_8ouit_377{background:#198CFE!important;font-weight:500!important;color:#fff!important}._textBtn_8ouit_261:hover ._iconArrow_8ouit_365,._textBtn_8ouit_261._textBtnActive_8ouit_377 ._iconArrow_8ouit_365{transform:rotate(0);background:url(./icon-arrow2-3d2121db.svg) no-repeat center center / contain;color:#fff;fill:#fff;margin-top:0}
|