.music-page{overflow:auto}.patch{width:12rem;height:9rem;margin:0 auto;padding-top:50px}.patch table{width:100%;height:100%;border:0}.patch table td{border:0;text-align:center;vertical-align:middle;background:rgba(160,105,24,.5)}.music-patch-btn i{margin-right:10px}.channel-item{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.patch-background,.patch-cover{position:absolute;top:0;left:0;width:100%;height:100%;-moz-background-size:cover;background-size:cover;background-position:center;z-index:0}.patch-background{-webkit-transition:-webkit-transform .3s,-webkit-filter .3s,-webkit-transform .3s,filter .3s;-moz-transition:-moz-transform .3s,filter .3s;transition:transform .3s,filter .3s}.patch-cover{background:rgba(0,0,0,.5);opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}.channel-item:hover .patch-cover{opacity:1}.channel-item:hover .patch-background{-webkit-filter:blur(5px);filter:blur(5px);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.patch-main{position:absolute;bottom:0;left:0;padding:10px;width:100%;color:#fff;background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.68));background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.68));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.68));text-align:left}.patch-main-wrap{display:inline-block;max-width:100%}.patch-play{width:0;height:0;display:block;position:absolute;top:50%;left:50%;margin:-48px -20px;color:#fff;cursor:pointer;font-size:28px}.patch-play:hover{color:#e9a135}td.top-channels{position:relative;width:50%}.top-channels-dots{position:absolute;top:6px;right:6px}.top-channels-dots i{display:inline-block;width:20px;height:7px;margin-right:10px;background:rgba(255,255,255,.5)}.top-channels-dots i.active{background:rgba(170,17,0,.5)}.top-channels .patch-title{font-size:34px;border-bottom:1px solid #fff;margin-bottom:12px}.top-channels .patch-intro{font-size:16px}.patch-title small{font-size:14px;color:#ffb220}.top-channels .patch-play{margin:-35px -20px;font-size:40px}td.top-musics{position:relative;width:25%;height:33.3%}.top-musics .patch-title{font-size:17px;border-bottom:1px solid #fff;margin-bottom:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-musics .patch-intro{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patch-title i{font-size:12px;color:#fff;position:absolute;top:-7px;left:0;background:#ffb220;padding:0 6px}.patch-play .icon-control-play{position:relative}.patch-play .icon-control-play a{position:absolute;display:block;top:0;left:0;width:100%;height:100%}.music-patch-btn{display:block;text-decoration:none;width:140px;margin:11px auto;padding:6px 10px;border:2px solid #fff;color:#fff;cursor:pointer;-webkit-transition:background .3s,color .3s,width .3s;-moz-transition:background .3s,color .3s,width .3s;transition:background .3s,color .3s,width .3s}.music-patch-btn:hover,.music-patch-btn:focus{background:#fff;color:#404040;width:150px;text-decoration:none}.music-list{width:12rem;min-height:6rem;margin:0 auto;padding-top:50px;margin-bottom:200px}.music-list-filter{height:.8rem}.music-filter-title,.music-filter-tags{display:inline-block;vertical-align:middle}.music-filter-title{font-size:24px;padding:0 20px;color:#444}.tags-selected{font-size:15px}.music-tag-selected{display:inline-block;margin:0 3px 0 0;background:#585858;color:#fff;padding:0 4px;cursor:pointer;font-size:15px;margin-bottom:5px;height:22px;line-height:22px}.music-filter-tags .button.general-component{display:inline-block;vertical-align:middle;margin:0 20px 0 50px}.music-tag{display:inline-block;cursor:pointer;color:#fff;background:#585858;padding:1px 7px;font-size:13px;margin-bottom:5px;height:22px;line-height:20px}.music-filter-tags .hot-tags{display:inline-block;vertical-align:middle;font-size:15px;margin-left:10px}.tags-select-model{position:fixed;top:50%;left:50%;width:600px;height:300px;background:#fff;margin:-150px -300px;-webkit-box-shadow:0 0 30px #5a5a5a;-moz-box-shadow:0 0 30px #5a5a5a;box-shadow:0 0 30px #5a5a5a;display:none}.tags-model-title{padding:5px;border-bottom:1px solid #ddd}.tags-model-title .close{float:right;font-size:20px;display:block;width:25px;text-align:center;cursor:pointer;line-height:25px}.tags-model-title .close:hover{background:#a10;color:#fff}.tags-model-content{padding:10px}.tags-model-content .hot-tags{padding:10px;margin-bottom:10px;border-bottom:1px solid #ddd}.music-common{display:inline-block;width:5.4rem;background:rgba(22,22,22,.68);color:#fff;padding:.15rem;margin:.05rem .25rem}.music-common:hover{background:rgba(22,22,22,.8)}.music-common-figure,.music-common-main,.music-common-actions{display:inline-block;vertical-align:middle}.music-common-figure{width:.8rem;height:.8rem;position:relative}.music-common-figure img{display:block;width:100%;height:100%}.music-common-status{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.51);text-align:center;line-height:.8rem;display:none;font-size:.22rem;color:#fff}.music-common-main{width:3.5rem;padding:0 .1rem;white-space:nowrap}.music-common-title{font-size:.18rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-common-singer{font-size:.15rem;margin-top:.07rem;opacity:.7;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-common-actions{width:.8rem}.music-common-actions>div{display:inline-block;vertical-align:middle}.music-common-star,.music-common-like{font-size:.24rem;color:#f5f5f5}.music-common-star:hover,.music-common-like:hover{color:#d8930f}.music-common-like{margin-left:.24rem}.music-common i.icon-control-pause,.music-common.onplaying i.icon-control-play{display:none}.music-common.onplaying i.icon-control-pause{display:inline-block}.music-common.onplaying .music-common-status,.music-common:hover .music-common-status{display:inline-block}.music-common-status i{cursor:pointer}.music-common-status i:hover{color:#d8930f}.collected .music-common-star{color:#d8930f}.liked .music-common-like{color:#d8930f}ul.pagination{list-style:none;padding:0;margin:.3rem auto;text-align:center}ul.pagination li{display:inline-block;height:.4rem;line-height:.4rem;text-align:center;background-color:#F7AE42;border:1px solid #FF9906;border-width:0 1px;margin-left:-.01rem}ul.pagination li.previous{-webkit-border-radius:.06rem 0 0 .06rem;-moz-border-radius:.06rem 0 0 .06rem;border-radius:.06rem 0 0 .06rem}ul.pagination li a{font-size:.2rem;display:inline-block;width:100%;height:100%;text-decoration:none;color:#77541F}ul.pagination li:hover{background-color:#DBAA53}ul.pagination li.next{-webkit-border-radius:0 .06rem .06rem 0;-moz-border-radius:0 .06rem .06rem 0;border-radius:0 .06rem .06rem 0}ul.pagination li.current{background-color:#FFC671}ul.pagination li.disable a{color:#D37C00;cursor:no-drop}ul.pagination li.disable:hover{background-color:#F3C067}.fixed-music-container{position:fixed;bottom:7px;left:7px}.fixed-music-container #fixed-music{width:600px;height:229px;-webkit-box-shadow:0 0 30px rgba(0,0,0,.54);-moz-box-shadow:0 0 30px rgba(0,0,0,.54);box-shadow:0 0 30px rgba(0,0,0,.54);-webkit-transition:width .3s,height .3s;-moz-transition:width .3s,height .3s;transition:width .3s,height .3s;position:relative}.fixed-music-container .aplayer{width:600px;height:229px;-webkit-transition:width .3s,height .3s;-moz-transition:width .3s,height .3s;transition:width .3s,height .3s}.fixed-music-container .close,.fixed-music-container .page,.fixed-music-container .mini{background:#a10;position:absolute;top:0;width:25px;height:25px;text-align:center;line-height:25px;font-size:20px;color:#fff;cursor:pointer;right:0;-webkit-transition:right .3s;-moz-transition:right .3s;transition:right .3s}.fixed-music-container:hover .close,.fixed-music-container:hover .page,.fixed-music-container:hover .mini{right:-25px}.fixed-music-container .mini{border-top:1px solid #6F1212;top:0;line-height:20px;font-size:20px}.fixed-music-container .page{top:auto;bottom:0}.fixed-music-container .close{display:none}.fixed-music-container .aplayer .aplayer-list{height:140px;width:100%;border-top:1px solid #efefef}.fixed-music-container .aplayer-info{width:512px}.fixed-music-container i.icon-size-fullscreen{font-size:12px;text-align:center;line-height:22px;height:22px;width:22px}.fixed-music-container #fixed-music.mini-status{background-color:rgba(0,0,0,0);width:88px;height:88px}.fixed-music-container #fixed-music.mini-status .aplayer-addons{display:none}.fixed-music-container #fixed-music.mini-status .audio-player{width:88px}.fixed-music-container #fixed-music.mini-status .aplayer{width:88px;height:88px}.fixed-music-container #fixed-music.mini-status .aplayer .aplayer-info{display:block}.fixed-music-container #fixed-music.mini-status .mini{top:0}