.rc-slider{touch-action:none;border-radius:6px;width:100%;height:14px;padding:5px 0;position:relative}.rc-slider,.rc-slider *{-webkit-tap-highlight-color:#0000;box-sizing:border-box}.rc-slider-rail{background-color:#e9e9e9;width:100%}.rc-slider-rail,.rc-slider-track{border-radius:6px;height:4px;position:absolute}.rc-slider-track{background-color:#abe2fb;left:0}.rc-slider-handle{cursor:pointer;cursor:-webkit-grab;cursor:grab;touch-action:pan-x;background-color:#fff;border:2px solid #96dbfa;border-radius:50%;width:14px;height:14px;margin-top:-5px;position:absolute}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{outline:none}.rc-slider-handle-click-focused:focus{box-shadow:unset;border-color:#96dbfa}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{cursor:-webkit-grabbing;cursor:grabbing;border-color:#57c5f7;box-shadow:0 0 5px #57c5f7}.rc-slider-mark{width:100%;font-size:12px;position:absolute;top:18px;left:0}.rc-slider-mark-text{color:#999;cursor:pointer;text-align:center;vertical-align:middle;display:inline-block;position:absolute}.rc-slider-mark-text-active{color:#666}.rc-slider-step{background:0 0;width:100%;height:4px;position:absolute}.rc-slider-dot{cursor:pointer;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;bottom:-2px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{box-shadow:none;cursor:not-allowed;background-color:#fff;border-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{width:4px;bottom:0;left:5px}.rc-slider-vertical .rc-slider-handle{touch-action:pan-y;margin-left:-5px}.rc-slider-vertical .rc-slider-mark{height:100%;top:0;left:18px}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-bottom:-4px;left:2px}.rc-slider-vertical .rc-slider-dot:first-child,.rc-slider-vertical .rc-slider-dot:last-child{margin-bottom:-4px}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-play-state:paused;animation-fill-mode:both;display:block!important}.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;transform-origin:50% 100%;transform:scale(0)}to{transform-origin:50% 100%;transform:scale(1)}}@keyframes rcSliderTooltipZoomDownOut{0%{transform-origin:50% 100%;transform:scale(1)}to{opacity:0;transform-origin:50% 100%;transform:scale(0)}}.rc-slider-tooltip{visibility:visible;position:absolute;top:-9999px;left:-9999px}.rc-slider-tooltip,.rc-slider-tooltip *{-webkit-tap-highlight-color:#0000;box-sizing:border-box}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{color:#fff;text-align:center;background-color:#6c6c6c;border-radius:6px;min-width:24px;height:24px;padding:6px 2px;font-size:12px;line-height:1;text-decoration:none;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{border-style:solid;border-color:#0000;width:0;height:0;position:absolute}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-width:4px 4px 0;border-top-color:#6c6c6c;margin-left:-4px;bottom:4px;left:50%}.rc-switch{box-sizing:border-box;cursor:pointer;vertical-align:middle;background-color:#ccc;border:1px solid #ccc;border-radius:20px;width:44px;height:22px;padding:0;line-height:20px;transition:all .3s cubic-bezier(.35,0,.25,1);display:inline-block;position:relative}.rc-switch-inner{color:#fff;font-size:12px;position:absolute;top:0;left:24px}.rc-switch:after{content:" ";cursor:pointer;background-color:#fff;border-radius:50%;width:18px;height:18px;transition:left .3s cubic-bezier(.35,0,.25,1);animation-name:rcSwitchOff;animation-duration:.3s;animation-timing-function:cubic-bezier(.35,0,.25,1);position:absolute;top:1px;left:2px;transform:scale(1);box-shadow:0 2px 5px #00000042}.rc-switch:hover:after{animation-name:rcSwitchOn;transform:scale(1.1)}.rc-switch:focus{outline:none;box-shadow:0 0 0 2px #d5f1fd}.rc-switch-checked{background-color:#87d068;border:1px solid #87d068}.rc-switch-checked .rc-switch-inner{left:6px}.rc-switch-checked:after{left:22px}.rc-switch-disabled{cursor:no-drop;background:#ccc;border-color:#ccc}.rc-switch-disabled:after{cursor:no-drop;background:#9e9e9e;animation-name:none}.rc-switch-disabled:hover:after{animation-name:none;transform:scale(1)}.rc-switch-label{pointer-events:none;-webkit-user-select:text;user-select:text;vertical-align:middle;white-space:normal;padding-left:10px;font-size:14px;line-height:20px;display:inline-block}@keyframes rcSwitchOn{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1.1)}}@keyframes rcSwitchOff{0%{transform:scale(1.1)}to{transform:scale(1)}}.react-jinke-music-player-main:focus{outline:none}.react-jinke-music-player-main li,.react-jinke-music-player-main ul{margin:0;padding:0;list-style-type:none}.react-jinke-music-player-main *{box-sizing:border-box}.react-jinke-music-player-main .text-center{text-align:center}.react-jinke-music-player-main .hidden{display:none!important}.react-jinke-music-player-main .loading{animation:1s linear infinite audioLoading;display:inline-flex}.react-jinke-music-player-main .loading svg{color:#31c27c;font-size:24px}.react-jinke-music-player-main .translate{animation:.35s cubic-bezier(.43,-.1,.16,1.1) forwards translate}.react-jinke-music-player-main .scale{animation:.35s cubic-bezier(.43,-.1,.16,1.1) forwards scaleTo}@keyframes playing{to{transform:rotateX(1turn)}}@keyframes coverReset{to{transform:rotate(0)}}@keyframes audioLoading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes scale{0%{transform:scale(0)}50%{opacity:.6;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}@keyframes scaleTo{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes scaleFrom{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes imgRotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fromTo{0%{transform:scale(1)translateY(110%)}to{transform:scale(1)translateZ(0)}}@keyframes fromOut{0%{transform:scale(1)translateZ(0)}to{transform:scale(1)translateY(110%)}}@keyframes fromDown{0%{transform:scale(1)translateY(-110%)}to{transform:scale(1)translateZ(0)}}@keyframes translate{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translateZ(0)}}@keyframes remove{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate(-100%)}}.react-jinke-music-player-main .img-rotate-pause{animation-play-state:paused!important}.react-jinke-music-player-main .img-rotate-reset{animation:.35s cubic-bezier(.43,-.1,.16,1.1) forwards coverReset!important}.react-jinke-music-player-mobile{color:#fff;z-index:999;background-color:#000000bf;flex-direction:column;justify-content:space-between;width:100%;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden}.react-jinke-music-player-mobile>.group{flex:auto}.react-jinke-music-player-mobile .show{animation:.35s cubic-bezier(.43,-.1,.16,1.1) forwards mobile-bg-show}.react-jinke-music-player-mobile .hide{animation:.35s cubic-bezier(.43,-.1,.16,1.1) forwards mobile-bg-hide}.react-jinke-music-player-mobile-play-model-tip{color:#fff;z-index:1000;background-color:#31c27c;align-items:center;width:100%;height:35px;padding:0 20px;line-height:35px;transition:transform .35s cubic-bezier(.43,-.1,.16,1.1);display:flex;position:fixed;top:0;left:0;transform:translateY(-105%);box-shadow:0 2px 20px #0000001a}.react-jinke-music-player-mobile-play-model-tip-title{margin-right:12px}.react-jinke-music-player-mobile-play-model-tip-title svg{vertical-align:text-bottom!important;animation:none!important}@media screen and (max-width:767px){.react-jinke-music-player-mobile-play-model-tip-title svg{font-size:19px;color:#fff!important}}.react-jinke-music-player-mobile-play-model-tip-title .loop-btn{display:flex}.react-jinke-music-player-mobile-play-model-tip-text{font-size:14px}.react-jinke-music-player-mobile-play-model-tip.show{transform:translateZ(0)}.react-jinke-music-player-mobile-header{justify-content:center;align-items:center;width:100%;animation:.35s cubic-bezier(.43,-.1,.16,1.1) forwards fromDown;display:flex;position:relative;top:0;left:0}.react-jinke-music-player-mobile-header-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:0 30px;font-size:20px;transition:color .35s cubic-bezier(.43,-.1,.16,1.1);overflow:hidden}.react-jinke-music-player-mobile-header .item{width:50px;display:inline-flex}.react-jinke-music-player-mobile-header-right{color:#fff9;cursor:pointer;position:absolute;right:0}.react-jinke-music-player-mobile-header-right svg{font-size:25px}.react-jinke-music-player-mobile-singer{padding:12px 0;animation:.35s cubic-bezier(.43,-.1,.16,1.1) forwards fromDown}@media screen and (max-width:320px){.react-jinke-music-player-mobile-singer{padding:0}}.react-jinke-music-player-mobile-singer-name{font-size:14px;transition:color .35s cubic-bezier(.43,-.1,.16,1.1);position:relative}.react-jinke-music-player-mobile-singer-name:after,.react-jinke-music-player-mobile-singer-name:before{content:"";background-color:#fff9;border-radius:2px;width:16px;height:1px;transition:background-color .35s cubic-bezier(.43,-.1,.16,1.1);position:absolute;top:9px}.react-jinke-music-player-mobile-singer-name:after{left:-25px}.react-jinke-music-player-mobile-singer-name:before{right:-25px}.react-jinke-music-player-mobile-cover{border:5px solid #0003;border-radius:50%;width:300px;height:300px;margin:15px auto;transition:box-shadow,border .35s cubic-bezier(.43,-.1,.16,1.1);animation:.35s cubic-bezier(.43,-.1,.16,1.1) forwards fromTo;overflow:hidden;box-shadow:0 0 1px 3px #0000001a}@media screen and (max-width:320px){.react-jinke-music-player-mobile-cover{width:230px;height:230px;margin:10px auto}}.react-jinke-music-player-mobile-cover .cover{object-fit:cover;width:100%;animation:30s linear infinite imgRotate}.react-jinke-music-player-mobile-progress{justify-content:space-around;align-items:center;display:flex}.react-jinke-music-player-mobile-progress .current-time,.react-jinke-music-player-mobile-progress .duration{color:#fff9;width:55px;font-size:12px;transition:color .35s cubic-bezier(.43,-.1,.16,1.1);display:inline-flex}.react-jinke-music-player-mobile-progress .current-time{margin-right:5px}.react-jinke-music-player-mobile-progress .duration{justify-content:flex-end;margin-left:5px}.react-jinke-music-player-mobile-progress .progress-bar{flex:auto}.react-jinke-music-player-mobile-progress .rc-slider-rail{background-color:#fff9}.react-jinke-music-player-mobile-progress .rc-slider-handle,.react-jinke-music-player-mobile-progress .rc-slider-track{background-color:#31c27c}.react-jinke-music-player-mobile-progress .rc-slider-handle{border:2px solid #fff}.react-jinke-music-player-mobile-progress .rc-slider-handle:active{box-shadow:0 0 2px #31c27c}.react-jinke-music-player-mobile-progress-bar{width:100%;display:flex;position:relative}.react-jinke-music-player-mobile-progress-bar .progress-load-bar{z-index:77;background-color:#0000000f;width:0;height:4px;transition:width,background-color .35s cubic-bezier(.43,-.1,.16,1.1);position:absolute;top:5px;left:0}.react-jinke-music-player-mobile-switch{animation:.35s cubic-bezier(.43,-.1,.16,1.1) forwards fromDown}.react-jinke-music-player-mobile-toggle{padding:17px 0}.react-jinke-music-player-mobile-toggle .group{cursor:pointer}.react-jinke-music-player-mobile-toggle .group svg{font-size:40px}.react-jinke-music-player-mobile-toggle .play-btn{padding:0 40px}.react-jinke-music-player-mobile-toggle .play-btn svg{font-size:45px}.react-jinke-music-player-mobile-toggle .loading-icon{padding:0 40px}@media screen and (max-width:320px){.react-jinke-music-player-mobile-toggle{padding:10px 0}.react-jinke-music-player-mobile-toggle>.group svg{font-size:32px}.react-jinke-music-player-mobile-toggle .play-btn svg{font-size:40px}}.react-jinke-music-player-mobile-operation,.react-jinke-music-player-mobile-progress,.react-jinke-music-player-mobile-toggle{animation:.35s cubic-bezier(.43,-.1,.16,1.1) forwards fromTo}.react-jinke-music-player-mobile-operation .items{justify-content:space-around;align-items:center;display:flex}.react-jinke-music-player-mobile-operation .items .item{cursor:pointer;text-align:center;flex:1}.react-jinke-music-player-mobile-operation .items .item svg{color:#fff9}@keyframes mobile-bg-show{0%{opacity:0}to{opacity:1}}@keyframes mobile-bg-hide{0%{opacity:1}to{opacity:0}}.audio-lists-panel-sortable-highlight-bg{background-color:#31c27c26!important}.audio-lists-panel{color:#fffc;display:none\9 ;transform-origin:100% 100%;z-index:999;background-color:#000000bf;border-radius:4px 4px 0 0;width:480px;height:410px;transition:background-color .35s cubic-bezier(.43,-.1,.16,1.1);position:fixed;bottom:80px;right:33px;overflow:hidden;transform:scale(0)}.audio-lists-panel svg{font-size:24px}.audio-lists-panel.show{display:block\9 ;animation:.35s cubic-bezier(.43,-.1,.16,1.1) forwards scaleTo}.audio-lists-panel.hide{display:none\9 ;animation:.35s cubic-bezier(.43,-.1,.16,1.1) forwards scaleFrom}.audio-lists-panel-mobile{transform-origin:bottom;background-color:#000000bf;border-radius:0;inset:0;width:100%!important;height:auto!important}.audio-lists-panel-mobile.show{display:block\9 ;animation:.35s cubic-bezier(.43,-.1,.16,1.1) forwards fromTo}.audio-lists-panel-mobile.hide{display:none\9 ;animation:.35s cubic-bezier(.43,-.1,.16,1.1) forwards fromOut}.audio-lists-panel-mobile .audio-item:not(.audio-lists-panel-sortable-highlight-bg){background-color:#00000026!important}.audio-lists-panel-mobile .audio-item:not(.audio-lists-panel-sortable-highlight-bg).playing{background-color:#000000bf!important}.audio-lists-panel-mobile .audio-lists-panel-content{-webkit-overflow-scrolling:touch;transform-origin:bottom;width:100%!important;height:calc(100vh - 50px)!important}.audio-lists-panel-header{text-shadow:0 1px 1px #0000001a;border-bottom:1px solid #030303bf;transition:background-color,border-bottom .35s cubic-bezier(.43,-.1,.16,1.1);box-shadow:0 1px 2px #0003}.audio-lists-panel-header-close-btn,.audio-lists-panel-header-delete-btn{cursor:pointer;display:flex}.audio-lists-panel-header-delete-btn svg{font-size:21px}@media screen and (max-width:767px){.audio-lists-panel-header-delete-btn svg{font-size:19px}}@media screen and (min-width:768px){.audio-lists-panel-header-close-btn:hover svg{animation:.35s cubic-bezier(.43,-.1,.16,1.1) imgRotate}}.audio-lists-panel-header-line{background:#fff;width:1px;height:20px;margin:0 10px}.audio-lists-panel-header-title{text-align:left;align-items:center;height:50px;margin:0;padding:0 20px;font-size:16px;font-weight:500;transition:color .35s cubic-bezier(.43,-.1,.16,1.1);display:flex}.audio-lists-panel-header-num{margin-left:10px}.audio-lists-panel-header-actions{flex-grow:1;justify-content:flex-end;align-items:center;display:flex}.audio-lists-panel-content{height:359px;overflow:hidden auto}.audio-lists-panel-content.no-content{justify-content:center;align-items:center;display:flex}.audio-lists-panel-content.no-content>span{display:flex}.audio-lists-panel-content .no-data{margin-left:10px}.audio-lists-panel-content .audio-item{cursor:pointer;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:3px 20px;font-size:14px;line-height:40px;transition:background-color .35s cubic-bezier(.43,-.1,.16,1.1);display:flex}.audio-lists-panel-content .audio-item:nth-child(odd){background-color:#0000001a}.audio-lists-panel-content .audio-item.playing{background-color:#00000059}.audio-lists-panel-content .audio-item.playing,.audio-lists-panel-content .audio-item.playing svg{color:#31c27c}.audio-lists-panel-content .audio-item.remove{animation:.35s cubic-bezier(.43,-.1,.16,1.1) forwards remove}.audio-lists-panel-content .audio-item .player-icons{width:30px;display:inline-flex}.audio-lists-panel-content .audio-item .player-icons .loading{animation:1s linear infinite audioLoading}.audio-lists-panel-content .audio-item:active,.audio-lists-panel-content .audio-item:hover{background-color:#00000059}.audio-lists-panel-content .audio-item:active .group:not([class=\.player-delete]) svg,.audio-lists-panel-content .audio-item:hover .group:not([class=\.player-delete]) svg{color:#31c27c}.audio-lists-panel-content .audio-item .group{display:inline-flex}.audio-lists-panel-content .audio-item .player-name{flex:1;padding:0 20px 0 10px}.audio-lists-panel-content .audio-item .player-name,.audio-lists-panel-content .audio-item .player-singer{text-overflow:ellipsis;white-space:nowrap;transition:color .35s cubic-bezier(.43,-.1,.16,1.1);display:inline-block;overflow:hidden}.audio-lists-panel-content .audio-item .player-singer{width:85px;font-size:12px}.audio-lists-panel-content .audio-item .player-delete{text-align:right;justify-content:flex-end;width:30px}.audio-lists-panel-content .audio-item .player-delete:hover svg{animation:.35s cubic-bezier(.43,-.1,.16,1.1) imgRotate}.react-jinke-music-player-main{touch-action:none;font-family:inherit}.react-jinke-music-player-main ::-webkit-scrollbar-thumb{opacity:.5;background-color:#31c27c;height:20px}.react-jinke-music-player-main ::-webkit-scrollbar{background-color:#f7f8fa;width:8px}.react-jinke-music-player-main .rc-switch:focus{box-shadow:none}.react-jinke-music-player-main .lyric-btn svg{font-size:20px}.react-jinke-music-player-main .lyric-btn-active,.react-jinke-music-player-main .lyric-btn-active svg{color:#31c27c!important}.react-jinke-music-player-main .music-player-lyric{color:#31c27c;cursor:move;text-align:center;text-shadow:0 1px 1px #ffffff0d;z-index:998;background:0 0;width:100%;font-size:36px;transition:box-shadow .35s cubic-bezier(.43,-.1,.16,1.1);position:fixed;bottom:100px;left:0}@media screen and (max-width:767px){.react-jinke-music-player-main .music-player-lyric{z-index:999;font-size:16px}}.react-jinke-music-player-main .play-mode-title{color:#fff;opacity:0;pointer-events:none;text-align:center;transform-origin:bottom;-webkit-user-select:none;user-select:none;visibility:hidden;z-index:1000;background-color:#00000080;padding:5px 20px;line-height:1.5;transition:all .35s cubic-bezier(.43,-.1,.16,1.1);position:fixed;bottom:80px;right:72px;transform:translate(100%)}.react-jinke-music-player-main .play-mode-title.play-mode-title-visible{opacity:1;pointer-events:all;visibility:visible;transform:translateZ(0)}.react-jinke-music-player-main .glass-bg-container{filter:blur(80px);z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:cover;width:300%;height:300%;position:absolute;top:0;left:0}.react-jinke-music-player-main .glass-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.react-jinke-music-player-main svg{font-size:24px;transition:color .35s cubic-bezier(.43,-.1,.16,1.1)}.react-jinke-music-player-main svg:active,.react-jinke-music-player-main svg:hover{color:#31c27c}@media screen and (max-width:767px){.react-jinke-music-player-main svg{font-size:22px}}.react-jinke-music-player-main .react-jinke-music-player-mode-icon{animation:.35s cubic-bezier(.43,-.1,.16,1.1) scaleTo}.react-jinke-music-player-main .music-player-panel{color:#fff;z-index:99;background-color:#000000bf;width:100%;height:80px;transition:background-color .35s cubic-bezier(.43,-.1,.16,1.1);position:fixed;bottom:0;left:0;box-shadow:0 0 3px #403f3f}.react-jinke-music-player-main .music-player-panel .panel-content{justify-content:center;align-items:center;height:100%;padding:0 30px;display:flex;position:relative;overflow:hidden}.react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-rail{background-color:#fff9}.react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-handle,.react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-track{background-color:#31c27c}.react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-handle{border:2px solid #fff}.react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-handle:active{box-shadow:0 0 2px #31c27c}.react-jinke-music-player-main .music-player-panel .panel-content .img-content{cursor:pointer;background-repeat:no-repeat;background-size:100%;border-radius:50%;width:50px;height:50px;overflow:hidden;box-shadow:0 0 10px #00224d0d}@media screen and (max-width:767px){.react-jinke-music-player-main .music-player-panel .panel-content .img-content{width:40px;height:40px}}.react-jinke-music-player-main .music-player-panel .panel-content .img-content img{width:100%}.react-jinke-music-player-main .music-player-panel .panel-content .img-rotate{animation:15s linear infinite imgRotate}.react-jinke-music-player-main .music-player-panel .panel-content .hide-panel,.react-jinke-music-player-main .music-player-panel .panel-content .upload-music{cursor:pointer;flex-basis:10%;margin-left:15px}@media screen and (max-width:767px){.react-jinke-music-player-main .music-player-panel .panel-content .progress-bar-content{display:none!important}}.react-jinke-music-player-main .music-player-panel .panel-content .progress-bar-content{flex:1;padding:0 20px;overflow:hidden}.react-jinke-music-player-main .music-player-panel .panel-content .progress-bar-content .audio-title{text-overflow:ellipsis;white-space:nowrap;width:100%;transition:color .35s cubic-bezier(.43,-.1,.16,1.1);display:inline-block;overflow:hidden}.react-jinke-music-player-main .music-player-panel .panel-content .progress-bar-content .audio-main{justify-content:center;width:100%;margin-top:6px;display:inline-flex}.react-jinke-music-player-main .music-player-panel .panel-content .progress-bar-content .audio-main .current-time,.react-jinke-music-player-main .music-player-panel .panel-content .progress-bar-content .audio-main .duration{flex-basis:5%;font-size:12px;transition:color .35s cubic-bezier(.43,-.1,.16,1.1)}.react-jinke-music-player-main .music-player-panel .panel-content .progress-bar-content .progress-bar{flex:auto;width:100%;margin:2px 20px 0;position:relative}.react-jinke-music-player-main .music-player-panel .panel-content .progress-bar-content .progress-bar .progress{background:#31c27c linear-gradient(135deg,#0000,#0000 31%,#0000000d 33% 67%,#0000 69%);height:5px;transition:width .35s cubic-bezier(.43,-.1,.16,1.1);display:inline-block;position:absolute;top:0;left:0}.react-jinke-music-player-main .music-player-panel .panel-content .progress-bar-content .progress-bar .progress .progress-change{cursor:pointer;background-color:#fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:0;box-shadow:0 0 2px #0006}.react-jinke-music-player-main .music-player-panel .panel-content .progress-bar-content .progress-bar .progress-load-bar{z-index:77;background-color:#0000001c;border-radius:6px;width:0;height:4px;transition:width,background-color .35s cubic-bezier(.43,-.1,.16,1.1);position:absolute;top:5px;left:0}.react-jinke-music-player-main .music-player-panel .panel-content .progress-bar-content .progress-bar .rc-slider-track{z-index:78}.react-jinke-music-player-main .music-player-panel .panel-content .progress-bar-content .progress-bar .rc-slider-handle{z-index:79}.react-jinke-music-player-main .music-player-panel .panel-content .player-content{flex-basis:15%;align-content:center;align-items:center;padding-left:5%;display:inline-flex}.react-jinke-music-player-main .music-player-panel .panel-content .player-content>.group{text-align:center;flex:1;justify-content:center;align-items:center;margin:0 10px;display:inline-flex}.react-jinke-music-player-main .music-player-panel .panel-content .player-content>.group,.react-jinke-music-player-main .music-player-panel .panel-content .player-content>.group>svg{cursor:pointer}.react-jinke-music-player-main .music-player-panel .panel-content .player-content>.group .group{display:flex}@media screen and (max-width:767px){.react-jinke-music-player-main .music-player-panel .panel-content .player-content>.group{margin:0 6px}}@media screen and (max-width:320px){.react-jinke-music-player-main .music-player-panel .panel-content .player-content>.group{margin:0 4px}}.react-jinke-music-player-main .music-player-panel .panel-content .player-content>.group>i{color:#31c27c;cursor:pointer;vertical-align:middle;font-size:25px}.react-jinke-music-player-main .music-player-panel .panel-content .player-content .theme-switch .rc-switch{background-color:#0000}@media screen and (max-width:767px){.react-jinke-music-player-main .music-player-panel .panel-content .player-content .play-sounds{display:none!important}}.react-jinke-music-player-main .music-player-panel .panel-content .player-content .next-audio svg,.react-jinke-music-player-main .music-player-panel .panel-content .player-content .prev-audio svg{font-size:35px}.react-jinke-music-player-main .music-player-panel .panel-content .player-content .loading-icon,.react-jinke-music-player-main .music-player-panel .panel-content .player-content .play-btn{padding:0 18px}.react-jinke-music-player-main .music-player-panel .panel-content .player-content .play-btn svg{font-size:26px}.react-jinke-music-player-main .music-player-panel .panel-content .player-content .loop-btn.active{color:#31c27c}.react-jinke-music-player-main .music-player-panel .panel-content .player-content .play-sounds{align-items:center}.react-jinke-music-player-main .music-player-panel .panel-content .player-content .play-sounds svg{font-size:28px}.react-jinke-music-player-main .music-player-panel .panel-content .player-content .play-sounds .sounds-icon{flex:auto;margin-right:15px;display:flex}.react-jinke-music-player-main .music-player-panel .panel-content .player-content .play-sounds .sound-operation{width:100px}.react-jinke-music-player-main .music-player-panel .panel-content .player-content .destroy-btn svg{font-size:28px}.react-jinke-music-player-main .music-player-panel .panel-content .player-content .audio-lists-btn{-webkit-user-select:none;user-select:none;background-color:#0000004d;border-radius:40px;min-width:60px;height:28px;padding:0 10px;transition:color,background-color .35s cubic-bezier(.43,-.1,.16,1.1);position:relative;box-shadow:0 0 1px 1px #ffffff05}.react-jinke-music-player-main .music-player-panel .panel-content .player-content .audio-lists-btn .audio-lists-icon{display:flex}.react-jinke-music-player-main .music-player-panel .panel-content .player-content .audio-lists-btn>.group:hover,.react-jinke-music-player-main .music-player-panel .panel-content .player-content .audio-lists-btn>.group:hover>svg{color:#31c27c}.react-jinke-music-player-main .music-player-panel .panel-content .player-content .audio-lists-btn .audio-lists-num{margin-left:8px}.react-jinke-music-player-main .music-player-panel .rc-switch-inner svg{font-size:13px}.react-jinke-music-player-main .rc-slider-rail{transition:background-color .35s cubic-bezier(.43,-.1,.16,1.1);background-color:#fff!important}.react-jinke-music-player-main.light-theme svg{color:#31c27c}.react-jinke-music-player-main.light-theme svg:active,.react-jinke-music-player-main.light-theme svg:hover{color:#3ece89}.react-jinke-music-player-main.light-theme .rc-slider-rail{background-color:#00000017!important}.react-jinke-music-player-main.light-theme .music-player-controller{background-color:#fff;border-color:#fff}.react-jinke-music-player-main.light-theme .music-player-panel{color:#7d7d7d;background-color:#fff;box-shadow:0 1px 2px #00224d0d}.react-jinke-music-player-main.light-theme .music-player-panel .img-content{box-shadow:0 0 10px #dcdcdc}.react-jinke-music-player-main.light-theme .music-player-panel .progress-load-bar{background-color:#0000000f!important}.react-jinke-music-player-main.light-theme .rc-switch{color:#fff}.react-jinke-music-player-main.light-theme .rc-switch:after{background-color:#fff}.react-jinke-music-player-main.light-theme .rc-switch-checked{border:1px solid #31c27c;background-color:#31c27c!important}.react-jinke-music-player-main.light-theme .rc-switch-inner{color:#fff}.react-jinke-music-player-main.light-theme .audio-lists-btn{background-color:#f7f8fa!important}.react-jinke-music-player-main.light-theme .audio-lists-btn:active,.react-jinke-music-player-main.light-theme .audio-lists-btn:hover{color:#444;background-color:#fdfdfe}.react-jinke-music-player-main.light-theme .audio-lists-btn>.group:hover,.react-jinke-music-player-main.light-theme .audio-lists-btn>.group:hover>svg{color:#444}.react-jinke-music-player-main.light-theme .audio-lists-panel{color:#444;background-color:#fff;box-shadow:0 0 2px #dcdcdc}.react-jinke-music-player-main.light-theme .audio-lists-panel .audio-item{background-color:#fff}.react-jinke-music-player-main.light-theme .audio-lists-panel .audio-item:nth-child(odd){background-color:#fafafa!important}.react-jinke-music-player-main.light-theme .audio-lists-panel .audio-item.playing{background-color:#f2f2f2!important}.react-jinke-music-player-main.light-theme .audio-lists-panel .audio-item.playing,.react-jinke-music-player-main.light-theme .audio-lists-panel .audio-item.playing svg{color:#31c27c!important}@media screen and (max-width:767px){.react-jinke-music-player-main.light-theme .audio-lists-panel .audio-item{background-color:#fff!important}.react-jinke-music-player-main.light-theme .audio-lists-panel .audio-item.playing{background-color:#f2f2f2!important}.react-jinke-music-player-main.light-theme .audio-lists-panel .audio-item.playing,.react-jinke-music-player-main.light-theme .audio-lists-panel .audio-item.playing svg{color:#31c27c!important}}.react-jinke-music-player-main.light-theme .audio-lists-panel-header{color:#444;background-color:#fff;border-bottom:1px solid #f4f4f7}.react-jinke-music-player-main.light-theme .audio-lists-panel-header-line{background-color:#f4f4f7}.react-jinke-music-player-main.light-theme .audio-item{background-color:#40444ba6;border-bottom:1px solid #dcdcdc42;box-shadow:0 0 2px #0000!important}.react-jinke-music-player-main.light-theme .audio-item:active,.react-jinke-music-player-main.light-theme .audio-item:hover{background-color:#fafafa!important}.react-jinke-music-player-main.light-theme .audio-item:active svg,.react-jinke-music-player-main.light-theme .audio-item:hover svg{color:#31c27c}.react-jinke-music-player-main.light-theme .audio-item.playing{background-color:#fafafa!important}.react-jinke-music-player-main.light-theme .audio-item.playing svg{color:#31c27c}.react-jinke-music-player-main.light-theme .audio-item.playing .player-singer{color:#31c27c!important}.react-jinke-music-player-main.light-theme .audio-item .player-singer{color:#a2a2a273!important}.react-jinke-music-player-main.light-theme .react-jinke-music-player-mobile{color:#444;background-color:#fff}.react-jinke-music-player-main.light-theme .react-jinke-music-player-mobile-cover{border:5px solid #0000;box-shadow:0 0 30px 2px #0003}.react-jinke-music-player-main.light-theme .react-jinke-music-player-mobile .current-time,.react-jinke-music-player-main.light-theme .react-jinke-music-player-mobile .duration{color:#444}.react-jinke-music-player-main.light-theme .react-jinke-music-player-mobile .rc-slider-rail{background-color:#e9e9e9}.react-jinke-music-player-main.light-theme .react-jinke-music-player-mobile-operation svg{color:#444}.react-jinke-music-player-main.light-theme .react-jinke-music-player-mobile-tip svg{color:#fff!important}.react-jinke-music-player-main.light-theme .react-jinke-music-player-mobile-singer-name{color:#444;transition:color .35s cubic-bezier(.43,-.1,.16,1.1)}.react-jinke-music-player-main.light-theme .react-jinke-music-player-mobile-singer-name:after,.react-jinke-music-player-main.light-theme .react-jinke-music-player-mobile-singer-name:before{background-color:#444}.react-jinke-music-player-main.light-theme .play-mode-title{color:#31c27c;background-color:#fff}.react-jinke-music-player{z-index:999;width:80px;height:80px;position:fixed}@media screen and (max-width:767px){.react-jinke-music-player{width:60px;height:60px}}.react-jinke-music-player:focus{outline:none}.react-jinke-music-player .music-player{cursor:pointer;width:80px;height:80px;position:relative}@media screen and (max-width:767px){.react-jinke-music-player .music-player{width:60px;height:60px}}.react-jinke-music-player .music-player:focus{outline:none}.react-jinke-music-player .music-player-audio{display:none!important}.react-jinke-music-player .music-player .destroy-btn{z-index:100;position:absolute;top:0;right:0}@media screen and (max-width:767px){.react-jinke-music-player .music-player .destroy-btn{right:-3px}}.react-jinke-music-player .music-player-controller{color:#31c27c;cursor:pointer;text-align:center;z-index:99;background-color:#e6e6e6;background-repeat:no-repeat;background-size:100%;border:1px solid #e6e6e6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;padding:10px;font-size:20px;transition:all .3s cubic-bezier(.43,-.1,.16,1.1);display:flex;position:fixed;box-shadow:0 0 10px #00000026}.react-jinke-music-player .music-player-controller:focus{outline:none}.react-jinke-music-player .music-player-controller.music-player-playing:before{content:"";cursor:pointer;z-index:-1;border:1px solid #fff3;border-radius:50%;width:80px;height:80px;animation:5s linear infinite scale;position:fixed}@media screen and (max-width:767px){.react-jinke-music-player .music-player-controller,.react-jinke-music-player .music-player-controller.music-player-playing:before{width:60px;height:60px}}.react-jinke-music-player .music-player-controller i{font-size:28px}.react-jinke-music-player .music-player-controller:active{box-shadow:0 0 30px #0003}.react-jinke-music-player .music-player-controller:hover{font-size:16px}.react-jinke-music-player .music-player-controller:hover .music-player-controller-setting{transform:scale(1)}.react-jinke-music-player .music-player-controller .controller-title{font-size:14px}@media screen and (max-width:767px){.react-jinke-music-player .music-player-controller i{font-size:20px}.react-jinke-music-player .music-player-controller:active,.react-jinke-music-player .music-player-controller:hover{font-size:12px}.react-jinke-music-player .music-player-controller:active .music-player-controller-setting,.react-jinke-music-player .music-player-controller:hover .music-player-controller-setting{transform:scale(1)}}.react-jinke-music-player .music-player-controller .music-player-controller-setting{color:#fff;background:#31c27c4d;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s cubic-bezier(.43,-.1,.16,1.1);display:flex;position:absolute;top:0;left:0;transform:scale(0)}.react-jinke-music-player .audio-circle-process-bar{stroke-width:3px;stroke-linejoin:round;pointer-events:none;z-index:100;width:80px;height:80px;animation:.35s cubic-bezier(.43,-.1,.16,1.1) scaleTo;position:absolute;top:-80px;left:0}.react-jinke-music-player .audio-circle-process-bar circle[class=bg]{stroke:#fff}.react-jinke-music-player .audio-circle-process-bar circle[class=stroke]{stroke:#31c27c}.react-jinke-music-player .audio-circle-process-bar,.react-jinke-music-player .audio-circle-process-bar circle{transition:stroke-dasharray .35s cubic-bezier(.43,-.1,.16,1.1);transform:matrix(0,-1,1,0,0,80)}@media screen and (max-width:767px){.react-jinke-music-player .audio-circle-process-bar,.react-jinke-music-player .audio-circle-process-bar circle{transform:matrix(0,-1,1,0,0,60)}}