.music-list[data-v-66c1c2f9]{overflow-y:scroll;height:100%}.music-list[data-v-66c1c2f9]::-webkit-scrollbar{display:none}.music-item[data-v-66c1c2f9]{margin:10px 20px;width:80%;height:60px;font-size:20px;padding-right:10px;line-height:60px}.music-item-title[data-v-66c1c2f9]{vertical-align:middle;display:inline-block;width:80%;height:100%;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-item span[data-v-66c1c2f9]{vertical-align:middle;display:inline-block;margin-top:-3px;padding-left:5px;line-height:30px;width:50px;height:50px}.music-item span i[data-v-66c1c2f9]{line-height:52px;font-size:25px;color:#6da6df}.music-item-play[data-v-66c1c2f9]{background:#cde0f9;border-radius:28px;box-shadow:-6px -6px 5px -2px hsla(0,0%,100%,.3),6px 6px 5px -2px rgba(0,0,0,.2)}.control-item[data-v-66c1c2f9]{background:#d3e3f8;border-radius:50%;box-shadow:-6px -6px 10px -3px hsla(0,0%,100%,.6),6px 6px 10px -3px rgba(0,0,0,.4);transition:.8s}.control-item[data-v-66c1c2f9]:active{box-shadow:inset -6px -6px 10px -3px hsla(0,0%,100%,.6),inset 6px 6px 10px -3px rgba(0,0,0,.4);transition:.8s}.fa-play[data-v-66c1c2f9]{color:#fff;font-size:30px;text-align:center;line-height:80px}.fa-pause[data-v-66c1c2f9]{margin-left:-5px}.music-player[data-v-4c62fe0c]{width:100%;height:100%;padding-top:30px}.music-title[data-v-4c62fe0c]{font-size:var(--music-title-size)}.cover-box[data-v-4c62fe0c]{width:var(--cover-img-size);height:var(--cover-img-size);margin:auto;margin-top:40px;background:#fff;border-radius:50%;box-shadow:-6px -6px 10px -3px hsla(0,0%,100%,.6),6px 6px 10px -3px rgba(0,0,0,.4)}.cover-img[data-v-4c62fe0c]{width:calc(var(--cover-img-size) - 20px);height:calc(var(--cover-img-size) - 20px);margin-top:10px;border-radius:50%}.turn[data-v-4c62fe0c]{-webkit-animation:turn-data-v-4c62fe0c 7s linear infinite;animation:turn-data-v-4c62fe0c 7s linear infinite}.running[data-v-4c62fe0c]{-webkit-animation-play-state:running;animation-play-state:running}.paused[data-v-4c62fe0c]{-webkit-animation-play-state:paused;animation-play-state:paused}.progress-bar[data-v-4c62fe0c]{overflow:hidden;position:absolute;bottom:var(--progress-bar-bottom);left:10%;width:80%;height:var(--progress-bar-height);font-size:var(--progress-num);background:#dce9f9;border-radius:40px;box-shadow:inset -6px -6px 10px -3px hsla(0,0%,100%,.6),inset 6px 6px 10px -3px rgba(0,0,0,.3)}.progress[data-v-4c62fe0c]{width:0;background:#b4d3fb;box-shadow:-6px -6px 5px -2px hsla(0,0%,100%,.3),6px 6px 5px -2px rgba(0,0,0,.2);transition:1s;z-index:1}.progress-mask[data-v-4c62fe0c],.progress[data-v-4c62fe0c]{position:absolute;bottom:0;left:0;height:var(--progress-bar-height);border-radius:40px}.progress-mask[data-v-4c62fe0c]{width:100%;z-index:11}.now-time[data-v-4c62fe0c]{position:absolute;bottom:0;left:20px;color:#f3f3f3;z-index:10}.count-time[data-v-4c62fe0c]{position:absolute;bottom:0;right:20px;color:#98c6ff;z-index:10}.control-box[data-v-4c62fe0c]{position:absolute;bottom:50px;left:20%;width:60%;height:100px;background:#dce9f9;border-radius:40px;box-shadow:inset -6px -6px 10px -3px hsla(0,0%,100%,.6),inset 6px 6px 10px -3px rgba(0,0,0,.3)}.control-item[data-v-4c62fe0c]{background:#d3e3f8;border-radius:50%;box-shadow:-6px -6px 10px -3px hsla(0,0%,100%,.5),6px 6px 10px -3px rgba(0,0,0,.3);transition:.8s}.control-item[data-v-4c62fe0c]:active{box-shadow:inset -6px -6px 10px -3px hsla(0,0%,100%,.4),inset 6px 6px 10px -3px rgba(0,0,0,.2);transition:.8s}.play-control[data-v-4c62fe0c]{position:absolute;bottom:calc(50% - var(--play-control-size)/2);left:calc(50% - var(--play-control-size)/2);width:var(--play-control-size);height:var(--play-control-size)}.pre-control[data-v-4c62fe0c]{left:15%}.next-control[data-v-4c62fe0c],.pre-control[data-v-4c62fe0c]{position:absolute;bottom:calc(50% - var(--prenext-control-size)/2);width:var(--prenext-control-size);height:var(--prenext-control-size)}.next-control[data-v-4c62fe0c]{right:15%}.fas[data-v-4c62fe0c]{color:#fff;text-align:center;margin-left:3px}.fa-pause[data-v-4c62fe0c],.fa-play[data-v-4c62fe0c]{font-size:30px;line-height:calc(var(--play-control-size) + 2px)}.fa-step-backward[data-v-4c62fe0c],.fa-step-forward[data-v-4c62fe0c]{font-size:25px;line-height:calc(var(--prenext-control-size) + 2px)}@-webkit-keyframes turn-data-v-4c62fe0c{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}@keyframes turn-data-v-4c62fe0c{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(1turn)}}.bell-music[data-v-fec38414]{font-size:25px;font-weight:700;margin-top:100px;margin-bottom:50px}.music-box[data-v-fec38414]{position:relative;width:80vw;height:80vh;min-width:330px;margin:auto;margin-top:10px;background:#fff;overflow:hidden;border-radius:30px;box-shadow:-10px -10px 15px -5px #fff,10px 10px 18px -5px rgba(0,0,0,.4)}.phone-list-button[data-v-fec38414]{display:var(--phone-list-display);position:absolute;top:15px;left:15px;width:50px;height:50px;border-radius:50%;background:#b6d4fb;box-shadow:-6px -6px 10px -3px hsla(0,0%,100%,.5),6px 6px 10px -3px rgba(0,0,0,.3);z-index:30}.phone-list[data-v-fec38414]{width:0;z-index:20}.music-left[data-v-fec38414],.phone-list[data-v-fec38414]{position:absolute;top:0;left:0;height:100%;background:#e4effe}.music-left[data-v-fec38414]{display:var(--list-display);width:32%;min-width:330px}.music-right[data-v-fec38414]{position:absolute;top:0;right:0;width:72%;height:100%;background:#cde0f9;border-radius:30px;box-shadow:-6px 0 20px -2px rgba(0,0,0,.2)}