@-webkit-keyframes changeSize{0%{width:0;height:0;top:50%;left:50%}100%{width:200%;height:200%;top:-50%;left:-50%}}@keyframes changeSize{0%{width:0;height:0;top:50%;left:50%}100%{width:200%;height:200%;top:-50%;left:-50%}}c-player{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}c-player svg{width:100%;height:100%;fill:#333;display:block}c-player .play-icon svg{fill:white;width:80%;height:80%}c-player .invisible{height:0 !important;overflow:hidden !important;max-height:0 !important;min-height:0 !important}c-player *{font-family:"Ubuntu Mono","微软雅黑","Microsoft JHenghei",sans-serif;text-decoration:none;font-size:initial;line-height:initial}c-player .lyric{will-change:height;-webkit-transition:all 0.25s;transition:all 0.25s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:20em;height:45vh;width:100%;background:#eee;overflow:hidden}c-player .lyric lyric-body{will-change:transform;display:block;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;text-align:center;-webkit-transform:translateY(6em);-ms-transform:translateY(6em);transform:translateY(6em);-webkit-transition:all 0.25s;transition:all 0.25s}c-player .lyric lyric-body lrc{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:block;will-change:background;line-height:3em;min-height:3em;font-size:large;font-family:"LiHei Pro","Microsoft Yahei",sans-serif;width:100%;-webkit-transition:0.25s background ease;transition:0.25s background ease}c-player .lyric lyric-body lrc.now{background:#ddd}c-player .controls{background:white;height:4em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}c-player .controls .c-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}c-player .controls .c-left .music-description{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}c-player .controls .c-left .music-description .image,c-player .controls .c-left .music-description .image img{height:4em;width:4em}c-player .controls .c-left .music-description .image:hover+.music-meta,c-player .controls .c-left .music-description .image img:hover+.music-meta{max-width:9999px}c-player .controls .c-left .music-description .music-meta{margin:0 0.5em;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;max-width:0;width:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-transition:1.5s all 0.5s ease-in;transition:1.5s all 0.5s ease-in}c-player .controls .c-left .music-description .music-meta div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}c-player .controls .c-left .music-description .music-meta .music-name{font-size:1.5em;white-space:nowrap}c-player .controls .c-left .music-description .music-meta .music-artist{font-size:0.7em;color:grey;white-space:nowrap}c-player .controls .c-left .play-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:auto 0.5em;width:3.2em;height:3.2em;-webkit-border-radius:100%;border-radius:100%;background-color:#f66;color:white;cursor:pointer}c-player .controls .c-center{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0.5em}@media screen and (max-width: 800px){c-player .controls .c-center{display:none}}c-player .controls .c-center .time{width:100%;cursor:pointer}c-player .controls .c-center .time .time-body{margin:0 1%;height:2px;background-color:#ccc;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}c-player .controls .c-center .time .time-body .time-line{width:0%;height:2px;background-color:red;will-change:width;position:relative}c-player .controls .c-center .time .time-body .time-line .time-point{width:10px;height:10px;margin:-4px 0 0 -5px;background-color:#f66;-webkit-border-radius:100%;border-radius:100%;position:absolute;right:0}c-player .controls .c-right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media screen and (max-width: 800px){c-player .controls .c-right{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}}c-player .controls .c-right>*{width:2em;height:2em;margin:0 0.5em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}c-player .controls .c-right .volume{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:width 0.2s;transition:width 0.2s}c-player .controls .c-right .volume .volume-body{margin:0 1%;height:2px;background-color:#ccc;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}c-player .controls .c-right .volume .volume-body .volume-line{width:0%;height:2px;background-color:red;will-change:width;position:relative}c-player .controls .c-right .volume .volume-body .volume-line .volume-point{width:10px;height:10px;margin:-4px 0 0 -5px;background-color:#f66;-webkit-border-radius:100%;border-radius:100%;position:absolute;right:0}c-player .controls .c-right .volume .volume-body{visibility:hidden;width:0;-webkit-transition:width 0.2s;transition:width 0.2s}c-player .controls .c-right .volume:hover,c-player .controls .c-right .volume:active{width:12em}@media screen and (max-width: 800px){c-player .controls .c-right .volume:hover,c-player .controls .c-right .volume:active{width:100% !important}}c-player .controls .c-right .volume:hover .volume-body,c-player .controls .c-right .volume:active .volume-body{visibility:visible;width:100%}c-player .controls .c-right .volume .volume-button{width:2em;height:2em}c-player .controls .c-right .volume .volume-button .volume-power{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-border-radius:10%;border-radius:10%;color:grey;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;cursor:pointer}c-player .controls .c-right .volume .volume-button .volume-power:hover,c-player .controls .c-right .volume .volume-button .volume-power:active{background:rgba(117,117,117,0.3)}c-player .controls .c-right .volume .volume-button .volume-power .material-icons{margin:auto}c-player .controls .c-right .list-button .list-power{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-border-radius:10%;border-radius:10%;color:grey;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;cursor:pointer}c-player .controls .c-right .list-button .list-power:hover,c-player .controls .c-right .list-button .list-power:active{background:rgba(117,117,117,0.3)}c-player .controls .c-right .list-button .list-power .material-icons{margin:auto}c-player .controls .c-right .lyric-button .lyric-power{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-border-radius:10%;border-radius:10%;color:grey;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;cursor:pointer}c-player .controls .c-right .lyric-button .lyric-power:hover,c-player .controls .c-right .lyric-button .lyric-power:active{background:rgba(117,117,117,0.3)}c-player .controls .c-right .lyric-button .lyric-power .material-icons{margin:auto}c-player .list{will-change:height;-webkit-transition:all 0.25s;transition:all 0.25s;max-height:75vh;background:white;overflow:auto}c-player .list list-body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden}c-player .list list-body>*{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;cursor:pointer;-webkit-transition:0.2s background 0s ease;transition:0.2s background 0s ease}c-player .list list-body>*:nth-child(2n-1){background:rgba(117,117,117,0.23)}c-player .list list-body>*:hover,c-player .list list-body>*:active{background:rgba(117,117,117,0.5)}c-player .list list-body>*:hover::before,c-player .list list-body>*:active::before{width:0.2em}c-player .list list-body>*::before{background:#f66;-webkit-transition:0.2s width 0s ease;transition:0.2s width 0s ease;float:left;height:2.5em;width:0em;display:block;content:""}@media screen and (max-width: 800px){c-player .list list-body>*::before{height:3em}c-player .list list-body>*::before:hover::before,c-player .list list-body>*::before:active::before{width:0.4em}}c-player .list list-body .music-name,c-player .list list-body .music-artist{padding:0 0.5em}c-player .list list-body .music-name{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.c-context{z-index:9999;position:absolute;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:5em;height:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:#fff;-webkit-box-shadow:0 0 3em -1em #000;box-shadow:0 0 3em -1em #000}.c-context--list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-height:2em;padding:1em;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background 0.5s;transition:background 0.5s;will-change:background;cursor:pointer}.c-context--list:hover{background:#6af}