@charset "utf-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);word-wrap:break-word;font-size:inherit;line-height:inherit;overflow:visible}header,footer,section,article,aside,nav,address,figure,figcaption,menu,details{display:block}.f-ib{display:inline-block}.f-din{display:inline}.f-dn{display:none}.f-db{display:block}.f-fl{float:left}.f-fr{float:right}.f-fwn{font-weight:normal}.f-fwb{font-weight:bold}.f-tal{text-align:left}.f-tac{text-align:center}.f-tar{text-align:right}.f-oh{overflow:hidden;zoom:1;clear:both}.f-tdn{text-decoration:none !important}.f-vam,.f-vama *{vertical-align:middle}.f-wsn{word-wrap:normal;white-space:nowrap}.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all}.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all}.f-ti{overflow:hidden;text-indent:-30000px}.f-lhn{line-height:normal}.f-toe{overflow:hidden;word-wrap:normal !important;white-space:nowrap;text-overflow:ellipsis}.f-usn{-webkit-user-select:none;user-select:none}.f-bsb{-webkit-box-sizing:border-box;box-sizing:border-box}.f-cp{cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button:vertical{display:none}::-webkit-scrollbar-track:vertical{background-color:transparent}::-webkit-scrollbar-track-piece{background-color:transparent}::-webkit-scrollbar-thumb:vertical{background-color:rgba(55,146,239,.3);border-radius:6px}::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:vertical:active{background-color:#2e86ef}html,body{width:100%;height:100%;padding:0;margin:0;overflow:hidden;font-family:"Microsoft Yahei","微软雅黑","Helvetica Neue","Hiragino Sans GB",Helvetica,Tahoma,sans-serif}.grid-music-container{width:485px;height:121px;padding:10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;position:absolute;top:100px;left:600px;background-color:rgba(255,255,255,.5);text-shadow:1px 0 0 rgba(255,255,255,.7);z-index:1}.grid-music-container .m-music-play-wrap{height:121px;position:relative;padding-left:140px}.jquery-ripples{width:100%;height:100%;background:url("../img/bg.png");background-position:center center;background-size:cover;transition:all .48s cubic-bezier(0.645,0.045,0.355,1);-moz-transition:all .48s cubic-bezier(0.645,0.045,0.355,1);-webkit-transition:all .48s cubic-bezier(0.645,0.045,0.355,1);position:relative;z-index:0}.grid-music-container .u-cover{width:121px;height:121px;overflow:hidden;background:url(../img/music_icons.png) 0 0 no-repeat;position:absolute;top:0;left:0}.grid-music-container .u-cover img{display:block;width:100%;height:auto;max-height:100%;border-radius:50%}.grid-music-container .u-cover.play{-webkit-animation:Circle 10s linear infinite 0s forwards;animation:Circle 10s linear infinite 0s forwards}.grid-music-container .u-cover.paused{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes Circle{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes Circle{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.grid-music-container .m-now-info{height:100%;padding-top:10px}.grid-music-container .m-now-info h1{font-weight:normal}.grid-music-container .m-now-info h1 strong{font-size:18px;color:#111210;font-weight:normal}.grid-music-container .m-now-info h1 small{margin-left:20px;font-size:14px;color:#313230}.grid-music-container .m-now-controls{padding-top:10px;position:relative}.grid-music-container .m-now-controls .u-control{display:inline-block;vertical-align:middle;font-size:0;overflow:hidden}.grid-music-container .m-now-controls .u-process{width:220px;height:4px;position:relative;background-color:#cecfd4;cursor:pointer}.grid-music-container .m-now-controls .u-process .buffer-process,.grid-music-container .m-now-controls .u-process .current-process{display:block;width:0;height:4px;position:absolute;top:0;left:0;background-color:#3792ef}.grid-music-container .m-now-controls .u-process .buffer-process{z-index:0;background-color:#c1c2c0}.grid-music-container .m-now-controls .u-time{margin-left:10px;font-size:12px;color:#585957}.grid-music-container .m-now-controls .u-volume{overflow:visible;text-align:center;position:relative;margin-left:20px}.grid-music-container .u-volume .volume-process{width:3px;height:50px;background:#cecfd4;position:absolute;top:-54px;left:6px;cursor:pointer;visibility:hidden}.grid-music-container .u-volume .volume-process.show{visibility:visible}.grid-music-container .u-volume .volume-process .volume-current,.grid-music-container .u-volume .volume-process .volume-event{display:inline-block;width:3px;height:50%;background-color:#3792ef;position:absolute;left:0;bottom:0;-webkit-transition:height .2s linear;transition:height .2s linear}.grid-music-container .u-volume .volume-process .volume-event{width:21px;left:-10px;background:0;height:100%}.grid-music-container .u-volume .volume-process .volume-bar{display:inline-block;width:8px;height:8px;border-radius:100%;background-color:#fff;border:1px solid #a8a9a7;position:absolute;left:-3px;bottom:50%;-webkit-transition:bottom .2s linear;transition:bottom .2s linear}.grid-music-container .u-volume .volume-process .volume-bar:hover,.grid-music-container .u-volume .volume-process .volume-bar:active{background-color:#f1f2f0}.grid-music-container .u-volume .volume-control{display:inline-block;width:18px;height:18px;background:url(../img/music_icons.png) -140px -80px no-repeat;cursor:pointer}.grid-music-container .u-volume .volume-control:hover{background-position:-158px -80px}.grid-music-container .u-volume .volume-control.muted{background-position:-140px -98px}.grid-music-container .u-volume .volume-control.muted:hover{background-position:-158px -98px}.grid-music-container .m-play-controls{width:300px;margin-top:10px}.grid-music-container .m-play-controls a{display:inline-block;vertical-align:middle}.grid-music-container .m-play-controls .u-play-btn{display:inline-block;width:30px;height:30px;margin-right:15px;cursor:pointer}.u-play-btn{background:url(../img/music_icons.png) -220px 0 no-repeat}.u-play-btn.prev,.u-play-btn.next{background-position:-220px 0}.u-play-btn.prev:hover,.u-play-btn.next:hover{background-position:-220px -36px}.u-play-btn.prev{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.u-play-btn.play{background-position:-250px 0}.u-play-btn.play:hover{background-position:-250px -36px}.u-play-btn.paused{background-position:-280px 0}.u-play-btn.paused:hover{background-position:-280px -36px}.u-play-btn.mode{width:20px !important;height:18px !important;margin-right:10px !important}.u-play-btn.mode-list{background-position:-181px -98px;margin-left:65px}.u-play-btn.mode-list.current{background-position:-221px -98px}.u-play-btn.mode-random{background-position:-201px -80px}.u-play-btn.mode-random.current{background-position:-241px -80px}.u-play-btn.mode-single{background-position:-181px -80px}.u-play-btn.mode-single.current{background-position:-221px -80px}.mini{width:48px;height:48px;bottom:45px;right:0;background:url(../img/player.png);position:absolute;z-index:1}.max{width:24px;height:18px;margin-left:10px;margin-top:6px;background:url(../img/mini.png);position:absolute}