*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html,body{height:100%;background:transparent;font-size:13px;font-family:-apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif}@media (min-width: 375px){html,body{font-size:15px}}@-webkit-keyframes turning{from{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes turning{from{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}to{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}.page{min-width:100vw;height:100%;position:relative;background:transparent no-repeat;margin-top:0;opacity:1;overflow:hidden}.page .background{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;background:transparent no-repeat;background-position:50%;background-repeat:no-repeat;background-size:auto 100%;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transform-origin:center top;transform-origin:center top}.page .background:after{content:"";display:block;height:100%;width:100%;background:rgba(0,0,0,0.6)}.crook{position:absolute;background-image:url(http://orzqfde1a.bkt.clouddn.com/needle.png);background-size:contain;top:-70px;left:160px;z-index:5;width:26.66667vw;height:37.33333vw;max-height:154px;max-width:110px}@media (max-width: 400px){.crook{left:150px}}@media (max-width: 375px){.crook{top:-60px;left:142px}}@media (max-width: 340px){.crook{top:-50px}}@media (max-width: 320px){.crook{top:-40px}}.disc-wrapper{position:relative;margin:0 auto;height:80vw;width:80vw;max-width:342px;max-height:342px;background-size:80vw}.disc-wrapper .disc-turner{width:100%;height:100%}.disc-wrapper .disc-turner .ring,.disc-wrapper .disc-turner .light,.disc-wrapper .disc-turner .song-cover{position:absolute;width:100%;height:100%}.disc-wrapper .disc-turner .ring{z-index:1}.disc-wrapper .disc-turner .light{z-index:2}.disc-wrapper .disc-turner .song-cover{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:50.66667vw;height:50.66667vw;max-width:215px;max-height:215px;margin:auto}.disc-wrapper .disc-turner .song-cover img{vertical-align:middle;width:100%}.jukebox-container{position:relative;margin-top:70px;max-width:342px;max-height:342px;margin-left:auto;margin-right:auto}@media (max-width: 375px){.jukebox-container{margin-top:60px}}@media (max-width: 340px){.jukebox-container{margin-top:50px}}@media (max-width: 320px){.jukebox-container{margin-top:40px}}.jukebox-container.playing .disc-wrapper .disc-turner{-webkit-animation-play-state:running;animation-play-state:running}.jukebox-container.playing .disc-switch .icon-play{display:none}.jukebox-container.playing .disc-switch .icon-pause{display:-webkit-box;display:-ms-flexbox;display:flex}.jukebox-container.playing .disc-switch .icon-loading{opacity:0}.disc-switch{position:absolute;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:16vw;height:16vw;max-height:60px;max-width:60px;border-radius:50%;border:1px solid #fff;background:rgba(0,0,0,0.4);-webkit-transition:2s ease;transition:2s ease}.disc-switch.ready{border:none;background:transparent}.disc-switch.ready .icon-play,.disc-switch.ready .icon-pause{opacity:0}.disc-switch .icon-play,.disc-switch .icon-pause,.disc-switch .icon-loading{-webkit-transition:2s ease;transition:2s ease;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:1}.disc-switch .icon-play{display:-webkit-box;display:-ms-flexbox;display:flex}.disc-switch .icon-pause{display:none}.disc-switch .icon-loading{position:absolute;z-index:50;-webkit-animation-name:turning;animation-name:turning;-webkit-animation-duration:2s;animation-duration:2s;top:0;left:0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.disc-switch .icon-loading .icon.loading{width:10.66667vw;height:10.66667vw}.disc-switch .icon{width:6.66667vw;height:6.66667vw;fill:#fff;display:block}.disc-switch .icon.play{margin-left:1.06667vw}.song-info{margin-top:20px;padding:0 9.33333vw;color:white;text-align:center}.song-info .song-header{font-size:16px;color:#fff;overflow:hidden;white-space:nowrap;word-break:normal;text-overflow:ellipsis}@media (min-width: 375px){.song-info .song-header{font-size:18px}}.song-info .song-header .song-author{color:rgba(255,255,255,0.6)}.song-info .song-lyrics{margin-top:14px;overflow:hidden;height:90px}.song-info .song-lyrics .lrc-scroll{-webkit-transition:0.5s linear;transition:0.5s linear}@media (max-width: 374px){.song-info .song-lyrics{height:78px}}.song-info .song-lyrics p{color:rgba(255,255,255,0.6);line-height:2;-webkit-transition:.6s linear;transition:.6s linear;width:90%;margin:0 auto}@media (max-width: 374px){.song-info .song-lyrics p{font-size:13px}}.song-info .song-lyrics p.active{color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.links{position:absolute;left:0;width:100%;bottom:20px;padding:0 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}.links .button{line-height:34px;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;text-align:center;letter-spacing:2px;font-size:16px;border-radius:4px;text-decoration:none;max-width:166px}.links .btn-open{color:#d43b32;border:#d43b32 1px solid;margin-right:14px}.links .btn-download{color:#fff;background:#d43b32}