*{box-sizing:border-box}body{margin:0}h1,h2,h3{margin:0;font-weight:normal}ul,ol{margin:0;padding:0;list-style:none}a{text-decoration:none}i{font-style:normal}.radios,.playlists{margin:14px 2px 0 10px}.radios .title,.playlists .title{color:#000;font-size:16px;margin-bottom:11px}.radios .list,.playlists .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.radios .list .list-item,.playlists .list .list-item{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:40%;flex-basis:40%;background:#fff;margin-right:8px;margin-bottom:10px}.radios .list .list-item .list-media,.playlists .list .list-item .list-media{position:relative;margin-bottom:5px}.radios .list .list-item .list-detail,.playlists .list .list-item .list-detail{padding:0 7px 5px}.radios .list .list-item .list-title,.playlists .list .list-item .list-title{font-size:14px}.radios .list .list-item .icon,.playlists .list .list-item .icon{background-repeat:no-repeat;background-size:24px 60px;background-image:url("../images/icon_play.png")}.radios .list .list-item .icon-play,.playlists .list .list-item .icon-play{height:24px;bottom:5px;right:5px;width:24px;position:absolute;background-position:0 0}.radios .list .list-item img,.playlists .list .list-item img{width:100%;display:block;min-height:145px}.radios .list-title{height:36px}#rec-view .footer{margin:10px 0 22px}.footer-logo{display:block;width:82px;height:24px;margin:0 auto 10px;background-image:url(../images/logo_footer.png);background-repeat:no-repeat;background-size:cover;text-indent:-9999px}#header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:44px;background:#31c27c}#header h1{display:none}#header #logo{height:25px;margin-left:10px}#header .show-player{position:absolute;display:inline-block;right:10px;top:8px;height:28px;padding:0 12px;line-height:28px;border-radius:99px;font-size:14px;background:#149c5a;color:#fff}.navbar{background:#fff}.navbar .nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar .nav-list .nav-item{-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer;position:relative;text-align:center;color:rgba(0,0,0,0.6);height:40px;line-height:40px}.navbar .nav-list .nav-item.active{color:#31c27c}.navbar .nav-list .nav-item.active::after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background:#31c27c}.qq-slider{width:100%;overflow:hidden;position:relative}.qq-slider .qq-slider-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.qq-slider .ui-slider-dots{position:absolute;bottom:11px;left:0;right:0;padding:0 6px;text-align:center;margin:0}.qq-slider .ui-slider-dots>b{display:inline-block;margin:0 3px;width:6px;height:6px;border-radius:3px;background:rgba(144,144,144,0.8)}.qq-slider .ui-slider-dots>.active{background:#fff}.qq-slider .qq-slider-item{-ms-flex-preferred-size:100%;flex-basis:100%}.qq-slider .qq-slider-item>a{display:block}.qq-slider .qq-slider-item>a img{width:100%}.hide{display:none}.dis{display:none !important}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.radios,.playlists{margin:14px 2px 0 10px}.radios .title,.playlists .title{color:#000;font-size:16px;margin-bottom:11px}.radios .list,.playlists .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.radios .list .list-item,.playlists .list .list-item{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:40%;flex-basis:40%;background:#fff;margin-right:8px;margin-bottom:10px}.radios .list .list-item .list-media,.playlists .list .list-item .list-media{position:relative;margin-bottom:5px}.radios .list .list-item .list-detail,.playlists .list .list-item .list-detail{padding:0 7px 5px}.radios .list .list-item .list-title,.playlists .list .list-item .list-title{font-size:14px}.radios .list .list-item .icon,.playlists .list .list-item .icon{background-repeat:no-repeat;background-size:24px 60px;background-image:url("../images/icon_play.png")}.radios .list .list-item .icon-play,.playlists .list .list-item .icon-play{height:24px;bottom:5px;right:5px;width:24px;position:absolute;background-position:0 0}.radios .list .list-item img,.playlists .list .list-item img{width:100%;display:block;min-height:145px}.radios .list-title{height:36px}#rec-view .footer{margin:10px 0 22px}.footer-logo{display:block;width:82px;height:24px;margin:0 auto 10px;background-image:url(../images/logo_footer.png);background-repeat:no-repeat;background-size:cover;text-indent:-9999px}#rank-view{margin:10px}.toplist{margin-bottom:50px}.toplist .top-item{height:100px;background:#fff;margin-bottom:10px}.toplist .top-item-media{float:left}.toplist .top-item-media img{width:100px;height:100px;display:block}.toplist .top-item-info{position:relative;padding:7px 10px 6px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.toplist .top-item-info::after{content:"";position:absolute;right:10px;top:50%;margin-top:-4px;width:6px;height:6px;-webkit-transform:rotate(315deg);transform:rotate(315deg);border-right:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2}.toplist .top-item-title{color:#000;font-size:16px;font-weight:normal;margin-bottom:5px}.toplist .top-item-list{font-size:14px;color:rgba(0,0,0,0.5)}.toplist .top-item-list .top-item-song{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.toplist .top-item-list .song-index{float:left;min-width:10px;text-align:center}.toplist .top-item-list .song-name{color:#000;margin-left:8px;margin-right:5px}.search-bar{display:-webkit-box;display:-ms-flexbox;display:flex;background:#f4f4f4;padding:10px}.search-bar .input-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;border-radius:3px;background:#fff;padding:8px 12px 8px 35px}.search-bar .icon-delete{position:absolute;top:9px;right:12px;width:18px;height:18px;background:#b1b1b1;border-radius:99px;text-indent:-9999px}.search-bar .icon-delete::after{width:2px;height:10px;margin-left:-1px;margin-top:-5px}.search-bar .icon-delete::before{width:10px;height:2px;margin-left:-5px;margin-top:-1px}.search-bar .icon-delete::after,.search-bar .icon-delete::before{content:'';display:block;position:absolute;left:50%;top:50%;border-radius:8px;background:#fff;-webkit-transform:rotate(45deg)}.search-bar .search-cancel{margin-top:8px;font-size:14px;color:#555;padding-left:10px}.search-bar #search{outline:none;height:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:20px;width:100%;color:rgba(0,0,0,0.3);border:0;font-size:14px}.search-bar input::-webkit-input-placeholder{color:#ccc}.search-bar input:-moz-placeholder{color:#ccc}.search-bar input::-moz-placeholder{color:#ccc}.search-bar input:-ms-input-placeholder{color:#ccc}.search-bar .icon-search{position:absolute;width:18px;height:18px;top:11px;left:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJlSURBVFhH7ZfRShRRHMb3Jkqzm7wJSrqIIDBxX6C0a62H6C7oqq4ixYreQMmMHkXbjLQeIYgyQuqiyIuotKDt923fyLCszv/MzF5EDnzs2T3/7zffOXNm5myjcXDUOAOtVquJ7qOn6AP6ZamtQ33NGk/ZG8VJJtEaagf1XJ7agwEdRI9zIT7RnkdT6Iz7VaO2flPf51z9I9oDtQQDNIxeGv6Nz9voaBFcNa79bu8LsYp8+/Z75FmYN3w/nwqUB204lFiDqYzd+txlek37RFkQ3pNIjDZaKsXBeMkATfloKUjOBGMMifUbXUzmYVp3oFvJ5j0M8GbNXEtiYtJzRtOru6lwAUfhsIZQdveNR30NTPccaD5sChbCXTD7btDSUCAdmqGpsClYCHPa7CdBSyeQXgEKNBI2BQthnjX7Y9DSCfTTpkNhU7AQ7jGzd4KWvgc67EDbKYH6eclOO9BmSqBsUU+HTcFCwJcdaCVo6Vyy7LZfCJuChbAfONCdoKUTKHsw6iE2FDYWFIqFthxoLImLSZsr3fqzScZ9isUyczWZiXEC6UWoF2LaaHqcDcY4+mHmheRAMmBe8oje8nmqFOQvZwS9N2uxLEcgbUuzDdpGmZnyzLxzGG3yqm1lARxH2VZEUz6DChc6NXoia83I087pRukZyozAjqCHvv6Cf0GL6Ao655MrgNr6TX1bDqF1qO/Xcv7qobymJoA+6xpxfvtd7vvqdxcw7au1h3iwbufn0dj6hb6ibbsjvtzx8w9b30jvwqf/QqibVQZYm7drpg5C7TmzuZnSI6JZ2yWoAnKo61UY/5f3Dy7dC4CdAEhQAAAAAElFTkSuQmCC);background-size:cover;background-repeat:no-repeat;z-index:3;text-indent:-999px}.search-results .song-item{position:relative;height:55px;padding-left:56px;overflow:hidden;background:#fff;border-bottom:1px solid #ddd}.search-results .song-name{margin:10px 0 2px;line-height:18px;font-size:16px;font-weight:normal;color:#000}.search-results .song-artist{color:#808080;font-size:12px}.search-results .icon-music{top:18px;left:18px;width:22px;height:20px;position:absolute;background-position:0 0;background-size:22px 30px;background-repeat:no-repeat;background-image:url(../images/search.png)}.record-keys{background:#fff}.record-keys li{border-top:1px solid #ededed;padding:0 15px;list-style:none}.record-keys li .record-main{position:relative;display:block;height:44px;line-height:44px}.record-keys li .record-main .icon-clock{position:absolute;left:0;top:12px;width:20px;height:20px;background-image:url(../images/clock_ic.png);background-repeat:no-repeat;background-size:cover;text-indent:-999px}.record-keys li .record-main .record-con{position:absolute;left:40px;right:50px;display:block;height:44px;line-height:44px;color:#000;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-keys li .record-main .icon-close{position:absolute;right:0;top:12px;width:20px;height:20px}.record-keys li .record-main .icon-close:before,.record-keys li .record-main .icon-close:after{position:absolute;left:0;top:0;content:"";background:rgba(0,0,0,0.6);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.record-keys li .record-main .icon-close:before{width:17px;height:1px;top:8px}.record-keys li .record-main .icon-close:after{width:1px;height:17px;left:8px}.record-keys .record-delete{text-align:center;font-size:12px;height:44px;line-height:44px;color:#47c88a}.search-results .song-item{display:block;position:relative;height:55px;padding-left:56px;overflow:hidden;background:#fff;border-bottom:1px solid #ddd}.search-results .song-name{margin:10px 0 2px;line-height:18px;font-size:16px;font-weight:normal;color:#000}.search-results .song-artist{color:#808080;font-size:12px}.search-results .icon-music{top:18px;left:18px;width:22px;height:20px;position:absolute;background-position:0 0;background-size:22px 30px;background-repeat:no-repeat;background-image:url(../images/search.png)}.search-loading{height:55px;text-align:center;position:relative;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.search-loading.show{display:-webkit-box;display:-ms-flexbox;display:flex}.search-loading .loading-icon{top:-2px;width:20px;height:20px;position:relative;display:inline-block;vertical-align:middle;background-size:20px 20px;background-image:url("../images/icon_loading.png");-webkit-animation:loading 1s infinite;animation:loading 1s infinite}.search-loading .loading-text{margin-left:5px}.search-loading .loading-done,.search-loading .loading-text{color:#808080;font-size:12px}.mod-search-result{background:#fff;padding:15px 15px 10px 15px}.mod-search-result .result-tit{color:rgba(0,0,0,0.6);margin-bottom:8px;font-size:14px;font-weight:bold}.mod-search-result .result-tags{font-size:0}.mod-search-result .tag{display:inline-block;font-size:14px;padding:0 10px;height:30px;line-height:30px;color:#000;border:1px solid rgba(0,0,0,0.6);border-radius:99px;word-break:keep-all;margin-bottom:10px;margin-right:14px}.mod-search-result .tag-hot{color:#fc4524;border-color:#fc4524}@-webkit-keyframes loading{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}8.32%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}8.33%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}16.65%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}16.66%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}24.99%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}33.32%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}33.33%{-webkit-transform:rotate(120deg);transform:rotate(120deg)}41.65%{-webkit-transform:rotate(120deg);transform:rotate(120deg)}41.66%{-webkit-transform:rotate(150deg);transform:rotate(150deg)}49.99%{-webkit-transform:rotate(150deg);transform:rotate(150deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}58.32%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}58.33%{-webkit-transform:rotate(210deg);transform:rotate(210deg)}66.65%{-webkit-transform:rotate(210deg);transform:rotate(210deg)}66.66%{-webkit-transform:rotate(240deg);transform:rotate(240deg)}74.99%{-webkit-transform:rotate(240deg);transform:rotate(240deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}83.32%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}83.33%{-webkit-transform:rotate(300deg);transform:rotate(300deg)}91.65%{-webkit-transform:rotate(300deg);transform:rotate(300deg)}91.66%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}99.99%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}}@keyframes loading{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}8.32%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}8.33%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}16.65%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}16.66%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}24.99%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}25%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}33.32%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}33.33%{-webkit-transform:rotate(120deg);transform:rotate(120deg)}41.65%{-webkit-transform:rotate(120deg);transform:rotate(120deg)}41.66%{-webkit-transform:rotate(150deg);transform:rotate(150deg)}49.99%{-webkit-transform:rotate(150deg);transform:rotate(150deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}58.32%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}58.33%{-webkit-transform:rotate(210deg);transform:rotate(210deg)}66.65%{-webkit-transform:rotate(210deg);transform:rotate(210deg)}66.66%{-webkit-transform:rotate(240deg);transform:rotate(240deg)}74.99%{-webkit-transform:rotate(240deg);transform:rotate(240deg)}75%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}83.32%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}83.33%{-webkit-transform:rotate(300deg);transform:rotate(300deg)}91.65%{-webkit-transform:rotate(300deg);transform:rotate(300deg)}91.66%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}99.99%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}}#player{top:0;left:0;width:100%;height:100%;z-index:9;position:fixed;transition:0.3s;overflow:hidden;opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}#player.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#player .player-container{z-index:9;height:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:rgba(0,0,0,0.6)}#player .player-background{position:absolute;top:0;bottom:0;left:0;z-index:1;width:100%;background-size:cover;background-position:bottom center;-webkit-filter:blur(15px);filter:blur(15px);-webkit-transform:scale(1.15);transform:scale(1.15)}#player .player-header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0.1)}#player .player-header .icon-action{width:44px;height:44px;border:solid 1px #fff;border-radius:50%;background:rgba(0,0,0,0.1);opacity:.6;margin-right:10px;background-image:url(../images/sprite_play.png);background-repeat:no-repeat;background-size:40px 380px}#player .player-header .icon-play{background-position:15px -153px}#player .player-header .icon-pause{background-position:17px -183px}#player .player-header .album-cover{width:80px;height:80px;display:block;margin-right:15px}#player .player-header .song-info{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:calc(100% - 150px)}#player .player-header .song-name{height:30px;font-size:18px;font-weight:normal;color:#fff}#player .player-header .song-artist{height:21px;font-size:14px;color:#fff}#player .player-lyrics{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;margin:36px 0 60px 0;color:rgba(255,255,255,0.6);max-height:calc(100% - 205px)}#player .player-lyrics .player-lyrics-lines{overflow:hidden;transition:.5s}#player .player-lyrics .player-lyrics-line{height:42px;line-height:42px;overflow:hidden;padding:0 15px;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:rgba(255,255,255,0.6);text-align:center}#player .player-lyrics .active{color:#31c27c}#player .player-footer{position:relative}#player .player-footer .icon-list{width:40px;height:40px;right:13px;top:-40px;position:absolute;background-image:url(../images/sprite_play.png);background-repeat:no-repeat;background-size:40px 380px;background-position:8px -250px}#player .player-footer .progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#player .player-footer .progress-bar{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;background-color:rgba(255,255,255,0.2)}#player .player-footer .progress-bar .progress-bar-progress{width:100%;height:2px;-webkit-transform:translateX(-100%);transform:translateX(-100%);background:#31c27c}#player .player-footer .progress-time{top:0;z-index:1;width:55px;font-size:12px;color:#808080;line-height:40px;text-align:center;letter-spacing:1px}#player .player-footer .actions{height:65px;margin-top:10px}#player .player-footer .btn-download{position:relative;display:block;height:45px;line-height:45px;margin:0 50px;padding:0 55px;overflow:hidden;white-space:nowrap;font-size:20px;color:#fff;border-radius:999px;background-color:#31c27c;text-align:center;background-image:url(../images/sprite_play.png);background-repeat:no-repeat;background-size:43px 380px;background-position:6px -321px}.loading_box{position:absolute;top:84px;left:0;right:0;background-color:#f4f4f4;z-index:10}.loading_box .loading{text-align:center;margin-top:60px}body{background:#f4f4f4;font-family:FZLTXIHJW--GB1-0, "hiragino sans gb", "Helvetica Neue", Helvetica, STHeiTi, Arial}*{-webkit-tap-highlight-color:rgba(255,255,255,0)}
