.container{-moz-box-align:center;-ms-flex-align:center;-ms-flex-pack:distribute;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.m-lyric-multi{-ms-overflow-style:none;scrollbar-color:transparent transparent;scrollbar-width:none}.m-lyric-multi::-webkit-scrollbar{display:none}.m-lyric-multi .m-lyric-list{-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;-o-transition:-o-transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out,-moz-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out,-moz-transform .5s ease-in-out,-o-transform .5s ease-in-out}.m-lyric-multi .m-lyric-list li{color:#000;font-size:16px;line-height:40px;text-align:center}.m-lyric-multi .m-lyric-list li.active{font-size:24px;font-weight:700}.m-lyric-multi .no-lyric{color:#000;font-size:16px}.m-lyric-words{font-size:30px}.m-lyric-words span{height:36px;white-space:pre}.m-lyric-words .gone{display:inline-block;opacity:1}.m-lyric-words .future{display:inline-block;opacity:.5}.m-lyric-words .now{display:inline-block;position:relative;z-index:0}.m-lyric-words .now span{display:block;opacity:.5}.m-lyric-words .now .precent{-moz-box-pack:start;-ms-flex-pack:start;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;left:0;opacity:1;overflow:hidden;position:absolute;top:0;width:0;z-index:2}.playIcon-wrapper{-moz-box-align:center;-ms-flex-align:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background-color:#df2e2e;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.playIcon-wrapper,.playIcon-wrapper .playIcon{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:48px;width:48px}.playIcon-wrapper .playIcon{cursor:pointer}.playIcon-wrapper .loadingIcon{-webkit-animation:circle .75s linear infinite;-moz-animation:circle .75s linear infinite;-o-animation:circle .75s linear infinite;animation:circle .75s linear infinite;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:48px;width:48px}@-webkit-keyframes circle{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes circle{0%{-moz-transform:rotate(0);transform:rotate(0)}to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes circle{0%{-o-transform:rotate(0);transform:rotate(0)}to{-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes circle{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}.progress-container .sliderWrapper{-moz-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1}.progress-container .ant-slider{margin:0}.progress-container .ant-slider:hover .ant-slider-track,.progress-container .ant-slider:hover .ant-slider-track:hover{background-color:#ff3a3a}.progress-container .ant-slider:hover .ant-slider-handle{border-color:#ff3a3a}.progress-container .ant-slider:hover .ant-slider-handle:hover{background-color:#ff3a3a}.progress-container .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open){background-color:#ff3a3a;border-color:#ff3a3a}.progress-container .ant-slider .ant-slider-rail{background-color:#414141}.progress-container .ant-slider .ant-slider-track{background-color:#ff3a3a}.progress-container .ant-slider .ant-slider-handle{background-color:#ff3a3a;border-color:#ff3a3a;height:18px;margin-top:-7px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:18px}.progressText{color:#fff;font-size:14px;font-weight:500;line-height:16px;opacity:.6}.speed-container{position:relative}.speed-container:hover .panel{display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.speed-container .panel{-moz-box-pack:center;-ms-flex-pack:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;bottom:30px;-webkit-box-shadow:0 0 10px 1px #ccc;-moz-box-shadow:0 0 10px 1px #ccc;box-shadow:0 0 10px 1px #ccc;display:none;height:160px;-webkit-justify-content:center;justify-content:center;left:-10px;padding:20px 0;position:absolute;width:40px}.speed-container .panel:after{bottom:-40px;content:"";display:block;height:40px;left:0;position:absolute;width:100%}.volume-container{-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.volume-container .volumeIcon{height:23px;margin-right:10px;-o-object-fit:contain;object-fit:contain;width:23px}.volume-container .panel{width:57px}.volume-container .panel .ant-slider{height:3px;margin:0;width:100%}.volume-container .panel .ant-slider .ant-slider-rail{background:hsla(0,0%,100%,.1)}.volume-container .panel .ant-slider .ant-slider-track,.volume-container .panel .ant-slider:hover .ant-slider-track,.volume-container .panel .ant-slider:hover .ant-slider-track:hover{background-color:#ff3a3a}.volume-container .panel .ant-slider .ant-slider-handle{display:none}.download-wrapper{color:#fff}.download-wrapper .download-icon{height:23px;width:23px}.download-wrapper .loading{-webkit-animation:loading 1s linear infinite;-moz-animation:loading 1s linear infinite;-o-animation:loading 1s linear infinite;animation:loading 1s linear infinite}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-moz-keyframes loading{0%{-moz-transform:rotate(0);transform:rotate(0)}to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}@-o-keyframes loading{0%{-o-transform:rotate(0);transform:rotate(0)}to{-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}.test{font-size:16px}.player-container{-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around;position:relative}.player-container,.player-container .elementContainer{-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.player-container .elementContainer{-moz-box-pack:justify;-ms-flex-pack:justify;height:100%;-webkit-justify-content:space-between;justify-content:space-between}.player-container .playInfo{-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:17px}.player-container .playInfo .infoContainer{margin-left:13px}.player-container .playInfo .coverImage{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;height:48px;width:48px}.player-container .playInfo .title{-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;color:#fff;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:18px;font-weight:500;line-height:16px;margin-bottom:7px}.player-container .playInfo .singer{color:#fff;font-size:14px;font-weight:500;line-height:16px;opacity:.6}.player-container .controlContainer{-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-right:38px}.player-container .controlContainer .lyricTrigger{position:relative}.player-container .controlContainer .lyricTrigger .lyricIcon{height:23px;margin-right:20px;width:23px}.player-container .controlContainer .lyricTrigger:hover .lyricContainer{visibility:visible}.player-container .controlContainer .lyricTrigger .lyricContainer{background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;bottom:60px;-webkit-box-shadow:0 0 10px 1px #ccc;-moz-box-shadow:0 0 10px 1px #ccc;box-shadow:0 0 10px 1px #ccc;color:#333;height:500px;overflow:hidden;position:absolute;right:0;visibility:hidden;width:400px;z-index:10}.player-container{background:#252525;color:#fff;font-family:PingFang SC;height:76px;width:100%;z-index:99}.player-container.light .player-container{background:#fff}.player-container.light .elementContainer .playInfo .title{color:rgba(0,0,0,.8)}.player-container.light .elementContainer .playInfo .singer,.player-container.light .elementContainer .progressText{color:rgba(0,0,0,.4)}.player-container.light .progress-container .ant-slider .ant-slider-rail{background:#c5c8cf}.elementContainer .playInfo{-moz-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1}.elementContainer .player-controller{-moz-box-align:center;-ms-flex-align:center;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.elementContainer .player-controller .jump-button{height:26px;width:22px}.elementContainer .player-controller .jump-button.pre{margin-right:24px}.elementContainer .player-controller .jump-button.next{margin-left:24px}.elementContainer .player-controller .jump-button.disabled{opacity:.5}.controlContainer{-moz-box-pack:end;-ms-flex-pack:end;-moz-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;-webkit-justify-content:flex-end;justify-content:flex-end}.player-fix-bottom-container{background:#252525;bottom:0;color:#fff;font-family:PingFang SC;height:76px;left:0;position:fixed;right:0;-webkit-transform:translate3d(0,76px,0);-moz-transform:translate3d(0,76px,0);transform:translate3d(0,76px,0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:-o-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s;z-index:99}.player-fix-bottom-container.show-container{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.player-fix-bottom-container .trigger{-moz-box-pack:center;-ms-flex-pack:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:21px;-webkit-justify-content:center;justify-content:center;position:absolute;right:38px;top:-21px;width:75px}.player-fix-bottom-container .trigger .trigger-bg{height:21px;left:0;position:absolute;top:-2px;width:75px;z-index:1}.player-fix-bottom-container .trigger .trigger-icon{height:12px;left:50%;position:absolute;top:45%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:-o-transform .3s;-moz-transition:transform .3s,-moz-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-moz-transform .3s,-o-transform .3s;width:12px;z-index:2}.player-fix-bottom-container .trigger:hover .trigger-icon path,.player-fix-bottom-container .trigger:hover .trigger-icon rect{stroke:#ff3a3a}.player-fix-bottom-container.light .player-container{background:#fff}.player-fix-bottom-container.light .elementContainer .playInfo .title{color:rgba(0,0,0,.8)}.player-fix-bottom-container.light .elementContainer .playInfo .singer,.player-fix-bottom-container.light .elementContainer .progressText{color:rgba(0,0,0,.4)}.player-fix-bottom-container.light .progress-container .ant-slider .ant-slider-rail{background:#c5c8cf}.elementContainer{-moz-box-pack:justify;-ms-flex-pack:justify;height:100%;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.elementContainer,.elementContainer .playInfo{-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.elementContainer .playInfo{margin-left:17px}.elementContainer .playInfo .infoContainer{margin-left:13px}.elementContainer .playInfo .coverImage{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;height:48px;width:48px}.elementContainer .playInfo .title{-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;color:#fff;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:18px;font-weight:500;line-height:16px;margin-bottom:7px}.elementContainer .playInfo .singer{color:#fff;font-size:14px;font-weight:500;line-height:16px;opacity:.6}.controlContainer{-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-right:38px}.controlContainer .lyricTrigger{position:relative}.controlContainer .lyricTrigger .lyricIcon{height:23px;margin-right:20px;width:23px}.controlContainer .lyricTrigger:hover .lyricContainer{visibility:visible}.controlContainer .lyricTrigger .lyricContainer{background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;bottom:60px;-webkit-box-shadow:0 0 10px 1px #ccc;-moz-box-shadow:0 0 10px 1px #ccc;box-shadow:0 0 10px 1px #ccc;color:#333;height:500px;overflow:hidden;position:absolute;right:0;visibility:hidden;width:400px;z-index:10}