body,html{height:100%}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch}input,input[type=button],input[type=reset],input[type=submit]{resize:none;border:none}a,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,li,menu,nav,ol,p,section,select,table,tbody,td,textarea,th,tr,ul{-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,li,menu,nav,ol,p,section,select,table,tbody,td,textarea,th,tr,ul{margin:0;padding:0}body{font:1.2rem/1.5 Microsoft YaHei,PingFang,Arial;color:#333;background-color:#f7f7f7}em,i{font-style:normal}li,ul{list-style-type:none}.clearfix:after{content:"";display:block;visibility:hidden;height:0;clear:both}.clearfix{zoom:1}a{color:#333;font-family:Microsoft YaHei,PingFang,Arial}a,a:hover{text-decoration:none}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-family:Microsoft YaHei,PingFang,Arial}img{border:none}input,textarea{font-family:Microsoft YaHei,PingFang,Arial}a:active,a:hover,a:link,a:visited{-webkit-tap-highlight-color:rgba(0,0,0,0)}.hei10{height:1rem}.hei20{height:2rem}.hei30{height:3rem}.hei40{height:4rem}.hei50{height:5rem}.hei60{height:6rem}.hei70{height:7rem}.hei80{height:8rem}.hei90{height:9rem}.hei100{height:10rem}.hei110{height:11rem}.hei120{height:12rem}.hei130{height:13rem}.hei140{height:14rem}.hei150{height:15rem}.hei160{height:16rem}.hei170{height:17rem}.hei180{height:18rem}.hei190{height:19rem}.hei200{height:20rem}body{overflow-x:hidden;letter-spacing:.2rem;background-color:#fff;word-break:break-all;text-align:justify}body a,body span{display:inline-block}body button,body textarea{border:none;outline:none;resize:none}body input{outline:none}body .btn{cursor:pointer}.musicplayer{width:100vw;height:100vh;overflow:hidden;position:relative;z-index:99}.musicplayer .bg{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:#fff}.musicplayer .bg .picbox{width:100%;height:100%;overflow:hidden}.musicplayer .bg .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:50%;transition:all .6s}.musicplayer .bg .picbox{background:#000;filter:blur(1rem)}.musicplayer .bg .picbox .pic{opacity:.999}.musicplayer .mainbox{flex-direction:column;width:100%;height:100%;position:relative;z-index:5}.musicplayer .mainbox,.musicplayer .mainbox .music{display:flex;justify-content:center;align-items:center}.musicplayer .mainbox .music{flex-direction:column;width:140rem;flex:1}.musicplayer .mainbox .music .music-title{width:100%;position:relative;padding:10rem 20rem;box-sizing:border-box;text-align:center;flex:none}.musicplayer .mainbox .music .music-title .atitle{font-size:3.6rem;font-weight:700;color:#fff}.musicplayer .mainbox .music .music-title .atitle,.musicplayer .mainbox .music .music-title .btitle{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.musicplayer .mainbox .music .music-title .btitle{font-size:2rem;font-weight:400;color:#999}.musicplayer .mainbox .music .music-title .icon-btn{display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.musicplayer .mainbox .music .music-title .icon-btn .picbox{width:4rem;height:4rem;overflow:hidden}.musicplayer .mainbox .music .music-title .icon-btn .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.musicplayer .mainbox .music .music-title .icon-btn .picbox{margin-left:4rem;cursor:pointer}.musicplayer .mainbox .music .poster{flex:1;margin-bottom:10rem;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-animation:rotating 5s linear infinite;-moz-animation:rotating 5s linear infinite;-o-animation:rotating 5s linear infinite;animation:rotating 5s linear infinite;animation-play-state:paused}.musicplayer .mainbox .music .poster .picbox{width:36rem;height:36rem}.musicplayer .mainbox .music .poster .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:50%;transition:all .6s}.musicplayer .mainbox .music .poster .picbox{border-radius:50%;overflow:hidden}.musicplayer .mainbox .playbar{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:31.6rem;background:rgba(0,0,0,.3);border-top:.2rem solid #666}.musicplayer .mainbox .playbar .control{display:flex;align-items:center;margin-bottom:4rem}.musicplayer .mainbox .playbar .control .next,.musicplayer .mainbox .playbar .control .prev{cursor:pointer}.musicplayer .mainbox .playbar .control .next .picbox,.musicplayer .mainbox .playbar .control .prev .picbox{width:2.2rem;height:2.2rem;overflow:hidden}.musicplayer .mainbox .playbar .control .next .picbox .pic,.musicplayer .mainbox .playbar .control .prev .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.musicplayer .mainbox .playbar .control .toggle{display:flex;flex-direction:row;justify-content:center;align-items:center;width:6rem;height:6rem;border-radius:3rem;background:hsla(0,0%,100%,.2);color:#fff;margin:0 6rem;cursor:pointer}.musicplayer .mainbox .playbar .control .toggle .play .picbox{width:1.9rem;height:2.2rem;overflow:hidden}.musicplayer .mainbox .playbar .control .toggle .play .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.musicplayer .mainbox .playbar .control .toggle .pause .picbox{width:1.6rem;height:2rem;overflow:hidden}.musicplayer .mainbox .playbar .control .toggle .pause .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.musicplayer .mainbox .playbar .control .volumn{margin:0 6rem;cursor:pointer}.musicplayer .mainbox .playbar .time{display:flex;align-items:center}.musicplayer .mainbox .playbar .time .play-time,.musicplayer .mainbox .playbar .time .total-time{font-size:2rem;font-weight:400;color:#fff;line-height:2.2rem}.musicplayer .mainbox .playbar .time .process-bar{width:118rem;height:.6rem;background:#666;border-radius:.3rem;margin:0 6rem;cursor:pointer}.musicplayer .mainbox .playbar .time .process-bar .process{max-width:100%;height:100%;border-radius:.3rem;background:#42b983;position:relative}.musicplayer .mainbox .playbar .time .process-bar .process .round{width:1rem;height:1rem;border-radius:50%;background:#f9f9f9;position:absolute;top:50%;right:-.5rem;transform:translateY(-50%)}.musicplayer .play-menu{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;visibility:hidden;z-index:99;transition:all .4s}.musicplayer .play-menu.active{opacity:1;visibility:visible}.musicplayer .play-menu.active .menu{right:0}.musicplayer .play-menu .shadow{width:100%;height:100%}.musicplayer .play-menu .menu{width:53rem;height:100%;background:#000;position:absolute;right:-55rem;top:0;z-index:5;transition:right .4s}.music-cate{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:10rem 6rem;box-sizing:border-box}.music-cate .cate-top{width:100%}.music-cate .cate-top .titlebox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:1rem;margin-bottom:4rem}.music-cate .cate-top .titlebox .atitle{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:3.6rem;font-weight:700;color:#fff;line-height:4.4rem;flex:1}.music-cate .cate-top .titlebox .close{display:flex;flex-direction:row;justify-content:center;align-items:center;width:4rem;height:4rem;border-radius:2rem;background:hsla(0,0%,100%,.2);color:#fff;cursor:pointer}.music-cate .cate-top .titlebox .close .picbox{width:1.6rem;height:1.6rem;overflow:hidden}.music-cate .cate-top .titlebox .close .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.music-cate .cate-top .taglist{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.music-cate .cate-top .taglist .tag{display:flex;flex-direction:row;justify-content:center;align-items:center;width:20rem;height:7rem;background:hsla(0,0%,100%,.1);border-radius:1rem;margin-bottom:1rem;cursor:pointer}.music-cate .cate-top .taglist .tag .picbox{width:2.8rem;height:2.8rem;overflow:hidden}.music-cate .cate-top .taglist .tag .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.music-cate .cate-top .taglist .tag .txt{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:2rem;font-weight:400;color:#fff;margin-left:1rem}.music-cate .cate-bottom{width:41rem;height:13rem;background:#42b983;border-radius:1rem;flex:none;padding:2rem;box-sizing:border-box;display:flex;align-items:center}.music-cate .cate-bottom .logo{padding-right:2rem;margin-right:2rem;border-right:.2rem solid #fff}.music-cate .cate-bottom .logo .picbox{width:9rem;height:9rem;overflow:hidden}.music-cate .cate-bottom .logo .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.music-cate .cate-bottom .qr-c,.music-cate .cate-bottom .qr-c div{text-align:center}.music-cate .cate-bottom .qrcode{padding:.6rem;background-color:#fff}.music-cate .cate-bottom .qrcode .picbox{width:8.4rem;height:8.4rem;overflow:hidden}.music-cate .cate-bottom .qrcode .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.music-cate .cate-bottom .txt{margin-left:4rem;line-height:4rem}.music-cate .cate-bottom .txt .t1{font-size:3rem;font-weight:700;margin-bottom:.5rem}.music-cate .cate-bottom .txt .t1,.music-cate .cate-bottom .txt .t2{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#fff}.music-cate .cate-bottom .txt .t2{font-size:1.6rem;font-weight:400}.music-select{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:10rem 6rem;box-sizing:border-box}.music-select .select-top{width:100%;flex:none}.music-select .select-top .titlebox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:1rem;margin-bottom:4rem}.music-select .select-top .titlebox .atitle{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:3.6rem;font-weight:700;color:#fff;line-height:4.4rem;flex:1}.music-select .select-top .titlebox .back,.music-select .select-top .titlebox .close{display:flex;flex-direction:row;justify-content:center;align-items:center;width:4rem;height:4rem;border-radius:2rem;background:hsla(0,0%,100%,.2);color:#fff;cursor:pointer;margin-left:3rem;flex:none}.music-select .select-top .titlebox .back .picbox{width:1.7rem;height:1.8rem;overflow:hidden}.music-select .select-top .titlebox .back .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.music-select .select-top .titlebox .close .picbox{width:1.6rem;height:1.6rem;overflow:hidden}.music-select .select-top .titlebox .close .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.music-select .select-bottom{flex:1;overflow-y:auto!important}.music-select .select-bottom::-webkit-scrollbar{width:.3rem}.music-select .select-bottom::-webkit-scrollbar-thumb{background:#666;border-radius:.2rem}.music-select .select-bottom::-webkit-scrollbar-resizer{background:#666}.music-select .select-bottom::-webkit-scrollbar-track-piece{background:#333;border-radius:.2rem}.music-select .select-bottom .musiclist{padding:0 3rem 0 0}.music-select .select-bottom .musiclist .music{display:flex;align-items:center;border-bottom:.2rem solid #333;padding-bottom:2rem;margin-bottom:2rem;cursor:pointer}.music-select .select-bottom .musiclist .music:last-child{border-bottom:none}.music-select .select-bottom .musiclist .music .icon{margin-right:2rem;flex:none}.music-select .select-bottom .musiclist .music .icon .picbox{width:4.2rem;height:4.2rem;overflow:hidden}.music-select .select-bottom .musiclist .music .icon .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.music-select .select-bottom .musiclist .music .music-title{color:#999}.music-select .select-bottom .musiclist .music .music-title.play{color:#fff}.music-select .select-bottom .musiclist .music .music-title .music-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:2rem}.music-select .select-bottom .musiclist .music .music-title .singer{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:1.4rem}.rotate{animation-play-state:running!important}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(1turn)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@-moz-keyframes rotating{0%{-moz-transform:rotate(0)}to{-moz-transform:rotate(1turn)}}