| 1 |
- ._back_1o0sp_1{position:fixed;left:.4rem;top:.45333rem;width:.82667rem;height:.82667rem}._back_1o0sp_1>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._back_1o0sp_1:active{opacity:.8}._container_1o0sp_16{background:url(./icon_bg-f94bd665.png) no-repeat center center / cover;padding:1.25333rem .32rem .53333rem 1.44rem;height:100vh;overflow:hidden}._content_1o0sp_22{display:flex;height:calc(100vh - 1.78667rem);overflow:hidden}._opacityBg_1o0sp_27{background:linear-gradient(134deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,.34) 100%);border-radius:.48rem;border:.05333rem solid #fff}._leftContent_1o0sp_32{position:relative;width:55%;display:flex}._leftBg_1o0sp_37{position:absolute;left:0;top:0;width:2.72rem;height:100%;background:linear-gradient(48deg,#43B2FF 0%,#159AF7 100%);border:2Px solid #fff;border-radius:.48rem .24rem 0 .48rem;z-index:1}._leftBg2_1o0sp_48{position:absolute;left:0;top:0;width:calc(100% - .32rem);height:100%;background:linear-gradient(134deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,.34) 100%);border-radius:.48rem;border:2Px solid #fff}._types_1o0sp_58{position:relative;top:.05333rem;width:2.72rem;height:calc(100% - 4Px);padding:.10667rem 0;overflow-x:hidden;overflow-y:auto;border-radius:.48rem;z-index:1;flex-shrink:0}._types_1o0sp_58::-webkit-scrollbar{width:0;display:none}._types_1o0sp_58 ._type_1o0sp_58{position:relative;padding:.10667rem .37333rem}._types_1o0sp_58 ._type_1o0sp_58._typeActive_1o0sp_78 ._typeImg_1o0sp_78{border-color:#f4b482;border-width:.08rem;box-shadow:0 0 .10667rem .05333rem #fff;animation:_scaleBtn_1o0sp_1 1s ease-in-out}._types_1o0sp_58 ._type_1o0sp_58._typeActive_1o0sp_78 ._typeIndex_1o0sp_84{display:block}._types_1o0sp_58 ._typeIndex_1o0sp_84{position:absolute;top:45%;right:-.16rem;width:.32rem;height:.32rem;background:#b8dbfb;border:.05333rem solid #fff;border-radius:.05333rem;transform:rotate(45deg);z-index:2;display:none}._types_1o0sp_58 ._typeImg_1o0sp_78{background-color:#000;border:.05333rem solid #fff;border-radius:.48rem;height:2rem;transition:.3s;overflow:hidden}._types_1o0sp_58 ._typeImg_1o0sp_78:active{transform:scale(.8)}._types_1o0sp_58 ._typeIcon_1o0sp_111{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._center_1o0sp_117{flex:1;position:relative;height:100%}._center_1o0sp_117 .van-search{position:absolute;top:0;left:0;padding:.16rem .24rem;width:calc(100% - .32rem);z-index:1}._musicContent_1o0sp_130{width:100%;height:calc(100% - var(--van-search-input-height) - .32rem - 1Px);margin-top:calc(var(--van-search-input-height) + .32rem);padding:.16rem .64rem .32rem .32rem;overflow-x:hidden;overflow-y:auto}._musicContent_1o0sp_130::-webkit-scrollbar{width:0;display:none}._musicItem_1o0sp_142{position:relative;display:flex;align-items:center;border:.08rem solid #fff;border-radius:.24rem;margin-bottom:.16rem;background-color:#fff;padding:.13333rem;transition:all .3s}._musicItem_1o0sp_142._disableNotic_1o0sp_153 .van-notice-bar__content{transition-duration:0s!important;transform:none!important}._musicItem_1o0sp_142._musicActive_1o0sp_157{border-width:.08rem;background:linear-gradient(180deg,#FFFFFF 0%,#BFE1FF 100%);transform:scale(1.05);box-shadow:0 .05333rem .10667rem #499fe4}._musicItem_1o0sp_142 ._musicAvtor_1o0sp_163{display:block;width:1.25333rem;height:1.25333rem;border-radius:.48rem;-o-object-fit:cover;object-fit:cover;flex-shrink:0;margin-right:.24rem}._musicItem_1o0sp_142 ._musicInfo_1o0sp_172{flex:1}._musicItem_1o0sp_142 ._musicInfo_1o0sp_172 ._musicName_1o0sp_175{font-size:.4rem;font-weight:600;color:#333;line-height:.53333rem}._musicItem_1o0sp_142 ._musicInfo_1o0sp_172 ._noticeBar_1o0sp_181{padding:0;height:.74667rem}._musicItem_1o0sp_142 ._musicInfo_1o0sp_172 ._musicDes_1o0sp_185{width:100%;display:flex;align-items:center}._musicItem_1o0sp_142 ._musicInfo_1o0sp_172 ._musicFavitor_1o0sp_190{border:.02667rem solid #FFC5C5;color:#ff6a6a;padding:.02667rem .08rem .02667rem .37333rem;border-radius:.10667rem;background-color:#fff8f7;background-image:url(./icon_hot-954f4a46.svg);background-repeat:no-repeat;background-size:auto 70%;background-position:.05333rem center;margin-right:.10667rem}._musicItem_1o0sp_142 ._musicInfo_1o0sp_172 ._musicAuthor_1o0sp_202{flex:1;font-size:.32rem;font-weight:400;color:#777;line-height:.32rem;max-width:9vw}._musicItem_1o0sp_142 ._musicIcon_1o0sp_210{flex-shrink:0;margin-right:.10667rem}._right_1o0sp_214{position:relative;background:#fff;overflow:hidden;border:none;width:45%}._right-musicName_1o0sp_221{font-size:.4rem;font-weight:500;color:#131415;line-height:.53333rem;text-align:center;padding:.32rem 0}._staff_1o0sp_229{width:100%}._rightBtns_1o0sp_232{position:absolute;bottom:0;left:0;right:0;padding:0 .21333rem .48rem;display:flex;align-items:flex-end;height:2.08rem;background:#fff;background-image:linear-gradient(180deg,rgba(255,255,255,0) 0%,#C1EEFF 100%)}._rightBtns_1o0sp_232>img{margin:0 .10667rem;height:.8rem;transition:.3s}._rightBtns_1o0sp_232>img:active{transform:scale(.6)}._rightBtns_1o0sp_232>img:last-child{margin-left:auto;animation:_scaleBtn_1o0sp_1 1s ease-in-out infinite}@keyframes _scaleBtn_1o0sp_1{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes _displayIcon_1o0sp_1{to{opacity:1}}._m-search_1oqt0_1{--van-cell-background-color: transparent}._m-search_1oqt0_1 input::-moz-placeholder{color:var(--k-gray-4)}._m-search_1oqt0_1 input::placeholder{color:var(--k-gray-4)}._m-search_1oqt0_1 .van-field__control{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important;font-size:.34667rem}._m-search_1oqt0_1 .van-search__field{background:transparent!important;padding:0 var(--van-padding-xs) 0 0}._m-search_1oqt0_1 .van-field__right-icon{display:flex;align-items:center;justify-content:center;padding-right:.10667rem}._m-search_1oqt0_1._default_1oqt0_22 .van-search__content{background:#f8f9fc!important}._m-search_1oqt0_1._white_1oqt0_25 .van-search__content{background:#fff!important}._m-search_1oqt0_1._transparent_1oqt0_28 .van-search__content{background:rgba(255,255,255,.16)}._m-search_1oqt0_1._transparent_1oqt0_28 .van-search__content input::-moz-placeholder{color:#fff}._m-search_1oqt0_1._transparent_1oqt0_28 .van-search__content input::placeholder{color:#fff}._m-search_1oqt0_1._transparent_1oqt0_28 .van-search__content input,._m-search_1oqt0_1._transparent_1oqt0_28 .van-search__content .van-field__clear{color:#fff}._m-search_1oqt0_1 ._searchBtn_1oqt0_40{width:1.38667rem;height:.66667rem;padding:0;font-size:.34667rem;font-weight:500;--van-button-mini-height: .74667rem;--van-font-size-xs: .32rem;background:linear-gradient(to right,#5BECFF,#259CFE);border:none}
|
