.aplayer{background: #f6f7ff;padding:5px 10px;margin:5px;border-radius: 10px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;position:relative;}.aplayer *{box-sizing:content-box}.aplayer svg{width:100%;height:100%}.aplayer svg circle,.aplayer svg path{fill: #7781a7;}.aplayer.aplayer-withlist .aplayer-list{display:block}.aplayer.aplayer-withlist .aplayer-info .aplayer-lrc,.aplayer.aplayer-withlist .aplayer-info .aplayer-music{width:calc(100% - 82px)}.aplayer.aplayer-withlist .aplayer-body{padding:5px 0 30px}.aplayer.aplayer-withlist .aplayer-icon:not(.aplayer-icon-lrc){display:inline-block}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-loading-icon{display:block}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{-webkit-transform:scale(1);transform:scale(1)}.aplayer .aplayer-body{position:relative;padding:5px 0}.aplayer .aplayer-icon{display:none;width:22px;height:22px;cursor:pointer;background:transparent;border:none;vertical-align:middle;padding:0;margin:0}.aplayer .aplayer-icon-forward{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.aplayer .aplayer-lrc-content{display:none}.aplayer .aplayer-pic{position:relative;border-radius:12px;float:left;height:66px;width:66px;background-size:cover;background-position:50%;cursor:pointer}.aplayer .aplayer-pic .aplayer-button{position:absolute;border-radius:50%;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);background:rgba(0,0,0,.2);transition:all .1s ease}.aplayer .aplayer-pic .aplayer-play{width:26px;height:26px;border:2px solid #fff;bottom:50%;right:50%;margin:0 -15px -15px 0}.aplayer .aplayer-pic .aplayer-play svg{position:absolute;top:3px;left:4px;height:20px;width:20px}.aplayer .aplayer-pic .aplayer-pause{width:16px;height:16px;border: 2px solid #ffffff;bottom:4px;right:4px;}.aplayer .aplayer-pic .aplayer-pause svg{position:absolute;top:2px;left:2px;height:12px;width:12px}.aplayer .aplayer-info{padding:7px 7px 0;display:flex;flex-direction:column;justify-content:space-between;margin-left:66px;height:66px;box-sizing:border-box}.aplayer .aplayer-info .aplayer-music{display:flex;align-items:center;width:calc(100% - 25px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default}.aplayer .aplayer-info .aplayer-music .aplayer-title{color: #313964;font-size:14px;}.aplayer .aplayer-info .aplayer-music .aplayer-author{font-size:12px;color: #313964;opacity:.8;}.aplayer .aplayer-info .aplayer-controller{display:flex;align-items:center}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{padding:4px 0;cursor:pointer!important;flex:1}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb{-webkit-transform:scale(1);transform:scale(1)}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{position:relative;height:4px;width:100%;background:#cdcdcd;border-radius:100px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:#aaa;height:4px;transition:all .5s ease;border-radius:100px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{position:absolute;left:0;top:0;bottom:0;height:4px;border-radius:100px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{position:absolute;top:0;right:5px;margin-top:-3px;margin-right:-10px;height:10px;width:10px;border-radius:50%;cursor:pointer;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.aplayer .aplayer-info .aplayer-controller .aplayer-time{right:0;color:#999;font-size:12px;line-height:1;padding-left:7px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .main-button{display:block;position:absolute;top:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;right:3px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .main-button .aplayer-icon{height:25px;width:25px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .main-button .aplayer-icon-play{display:inline-block}.aplayer .aplayer-info .aplayer-controller .aplayer-time .other-button{position:absolute;display:flex;justify-content:space-between;padding:0 5px;left:0;right:0;bottom:3px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon .aplayer-icon-lrc{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap{width:70px}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap{position:absolute;top:0;left:20px;width:0;height:20px;z-index:99;overflow:hidden;transition:all .2s ease-in-out}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar{position:absolute;top:9px;left:5px;width:50px;height:5px;background:#aaa;border-radius:2.5px;overflow:hidden}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume{position:absolute;bottom:0;left:0;height:5px;transition:all .1s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon svg{position:absolute;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.aplayer .aplayer-lrc{display:block;margin-top:2px;width:calc(100% - 25px);position:relative;height:16px;overflow:hidden}.aplayer .aplayer-lrc p{font-size:12px;color: #313964;opacity:.7;line-height:16px!important;height:16px!important;padding:0!important;margin:0!important;opacity:0;overflow:hidden;}.aplayer .aplayer-lrc p.aplayer-lrc-current{opacity:1;overflow:visible;height:auto!important;min-height:16px}.aplayer .aplayer-lrc.aplayer-lrc-hide{display:none}.aplayer .aplayer-lrc .aplayer-lrc-contents{width:100%;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default}.aplayer .aplayer-list{overflow:auto;transition:all .5s ease;will-change:height;display:none;overflow:hidden}.aplayer .aplayer-list.aplayer-list-hide{max-height:0!important}.aplayer .aplayer-list ol{list-style-type:none;margin:0;padding:0;overflow-y:auto}.aplayer .aplayer-list ol::-webkit-scrollbar{width:5px}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb{border-radius:3px;background-color:#eee}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover{background-color:#ccc}.aplayer .aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;cursor:pointer;transition:all .2s ease;overflow:hidden;margin:1px 0;border-radius:5px}.aplayer .aplayer-list ol li:first-child{border-top:none}.aplayer .aplayer-list ol li.aplayer-list-light,.aplayer .aplayer-list ol li:hover{background: #d5d9ed;}.aplayer .aplayer-list ol li .aplayer-list-title{color: #313964;}.aplayer .aplayer-list ol li .aplayer-list-index{color: #313964;opacity:.8;margin-right:12px;cursor:pointer;}.aplayer .aplayer-list ol li .aplayer-list-author{color: #313964;opacity:.8;float:right;cursor:pointer;}.aplayer .aplayer-notice{opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:12px;border-radius:4px;padding:5px 10px;transition:all .3s ease-in-out;overflow:hidden;pointer-events:none;background-color:#444;color:#fff}@-webkit-keyframes aplayer-roll{0%{left:0}to{left:-100%}}@keyframes aplayer-roll{0%{left:0}to{left:-100%}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}