@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_1336003_rriprb94trr.eot?t=1565259911478);src:url(//at.alicdn.com/t/font_1336003_rriprb94trr.eot?t=1565259911478#iefix) format("embedded-opentype"),url(data:application/x-font-woff2;charset=utf-8;base64,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) format("woff2"),url(//at.alicdn.com/t/font_1336003_rriprb94trr.woff?t=1565259911478) format("woff"),url(//at.alicdn.com/t/font_1336003_rriprb94trr.ttf?t=1565259911478) format("truetype"),url(//at.alicdn.com/t/font_1336003_rriprb94trr.svg?t=1565259911478#iconfont) format("svg")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconarrow:before{content:""}.iconpause:before{content:""}.iconplay:before{content:""}.iconwave:before{content:""}.iconsuiji:before{content:""}.iconxunhuan:before{content:""}.iconshunxu:before{content:""}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{display:none}html,body,#app{width:100%;height:100%;touch-action:none;background:#000000e6}.app{position:relative;height:100%;overflow:hidden;font-weight:300;font-family:PingFangSC-Regular,Tahoma,Microsoft Yahei,sans-serif,helvetica,Segoe UI;font-size:14px}.rain{position:absolute;height:100%;width:100%;overflow:hidden;top:0;left:0}.rain .drop{background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(13,52,58,1)),to(rgba(255,255,255,.6)));position:absolute;width:1px;height:86px;bottom:200px;animation:fall .63s linear infinite;transform:translateZ(0)}@keyframes fall{to{margin-top:100vh}}.player{position:absolute;top:50%;left:10%;transform:translateY(-50%);width:375px;height:736px;max-height:100%;border-radius:2px;color:#fff;background:url(/assets/background.jpg) center center no-repeat;background-size:cover;scale:.96}@media screen and (max-width:640px){.player{position:absolute;top:0;left:0;transform:translateY(0);width:100%;height:100%;scale:1}}.mode{position:absolute;top:40px;right:24px;color:#fff}.mode .iconfont{cursor:pointer;font-size:32px}.main .action{margin-top:150px;text-align:center}.main .action .iconfont{cursor:pointer;display:inline-block;font-size:140px}.main .action .iconfont.iconpause{animation:spin 5s linear infinite}.main .countdown{font-size:24px;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.options{position:absolute;left:0;bottom:0;width:100%;margin:0;padding:0}.options .item{position:relative;margin-bottom:20px;height:40px;line-height:40px;padding:0 15px 0 10px;font-size:15px;background:#0000004d}.options .item .value{position:absolute;top:0;right:20px;height:40px;line-height:40px;width:150px;text-align:right;padding-right:8px;cursor:pointer}.options .item .value .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.options .item .value .iconfont{position:absolute;top:0;right:-20px;font-size:24px;height:40px;line-height:40px}.volume{position:relative;display:inline-block;vertical-align:middle;width:120px;margin-left:10px}.volume .barWrap{height:30px}.volume .bar{position:relative;top:48%;transform:translateY(-50%);border:2px solid #fff;height:0;border-radius:6px}.volume .dotWrap{cursor:pointer;position:absolute;top:0;left:0%;height:100%;transform:translate(-50%);z-index:10;-webkit-user-select:none;user-select:none}.volume .dot{height:15px;width:15px;background:#fff;vertical-align:middle;border-radius:50%;transform:translateY(48%)}.picker{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:20}.picker .pickerView{position:absolute;width:100%;max-height:300px;left:0;bottom:0;padding:15px 0;box-sizing:border-box;background:#000000d9;overflow-y:auto}.picker .pickerList{height:100%;font-size:16px;color:#fff;margin:0;padding:0}.picker .pickerList .item{position:relative;cursor:pointer;height:40px;line-height:40px;padding:0 15px;transition:all .1s}.picker .pickerList .item:hover{background:#ffffff4d}.picker .pickerList .item .text{width:300px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.picker .pickerList .item .iconfont{position:absolute;top:0;right:15px;height:40px;line-height:40px;font-size:18px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.modal .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff0d;animation:fadeIn .25s ease}.modal .dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;padding:20px;background:#000;border-radius:4px;box-shadow:0 0 10px #0000001a;animation:show .2s cubic-bezier(.4,0,.2,1);transform-origin:center}@keyframes show{0%{opacity:0;scale:.99}to{opacity:1;scale:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal .header{display:flex;justify-content:flex-end;margin-bottom:10px}.modal .closeBtn{cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;opacity:.6;transition:opacity .2s;background:#ffffff1a;border:none;border-radius:50%;padding:0;line-height:1}.modal .closeBtn:hover{opacity:1}.modal .content{display:flex;align-items:center}.modal .left{width:360px}.modal .carousel{position:relative;overflow:hidden;width:240px;margin:0 auto}.modal .carouselTrack{display:flex;transition:transform .3s ease}.modal .carouselTrack img{width:240px;height:496px;flex-shrink:0;display:block}.modal .carouselBtns{display:flex;justify-content:center;gap:12px;margin-top:16px}.modal .carouselBtns button{width:8px;height:8px;border-radius:50%;border:1px solid #fff;background:transparent;cursor:pointer;padding:0;transition:background .2s}.modal .carouselBtns button.active{background:#fff}.modal .right{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:center}.modal .downloadBtns{position:relative}.modal .downloadBtn{cursor:pointer;margin:0 8px 8px 0;display:inline-block;text-decoration:none;padding:8px 24px;font-size:16px;color:#fff;border:1px solid #fff;border-radius:4px;transition:opacity .2s,background-color .3s;background:none;line-height:1}.modal .downloadBtn.disabled{opacity:.3;cursor:not-allowed}.modal .downloadBtn:hover:not(.disabled){background-color:#ffffff1a}@media screen and (max-width:640px){.modal .dialog{position:fixed;top:0;left:0;width:100%;height:100%;transform:none;overflow-y:auto;padding:16px;box-sizing:border-box;border-radius:0}.modal .content{flex-direction:column}.modal .left{width:100%}.modal .right{margin-top:20px}.modal .carouselTrack img{width:200px;height:auto;margin:0 20px}.modal .closeBtn{width:36px;height:36px;font-size:30px}.modal .downloadBtn{padding:10px 20px;font-size:14px}}