.iconfont{font-size:24px!important}.music-player{position:relative}.music__list__item{padding-left:25px;color:#ccc;position:relative;margin-bottom:10px;font-size:14px;cursor:pointer}.music__list__item:last-of-type{margin:0}.music__list__item.play{color:#83719e}.music__list__item.play:before{font-family:iconfont;content:"\e87a";position:absolute;left:0;top:4px;display:none}.music-player__main{height:180px;padding:25px;-webkit-box-shadow:0 0 40px rgba(0,0,0,.8);box-shadow:0 0 40px rgba(0,0,0,.8);border-radius:10px;position:relative;overflow:hidden;z-index:10}.music-player__blur{width:100%;height:100%;position:absolute;background:url(../img/songs/choubaguai.jpg) no-repeat center;background-size:100%;left:0;top:0;z-index:-1;-webkit-filter:blur(20px);filter:blur(20px)}.music-player__disc{float:left;width:130px;height:130px;background:url(../img/songs/cd.png) no-repeat center;background-size:100%;position:relative;display:none}.music-player__pointer{width:25px;position:absolute;right:-10px;top:0;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.music-player__pointer.play{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.music-player__image{width:100%;height:100%;border-radius:50%;position:absolute;overflow:hidden;left:0;right:0;top:0;bottom:0;margin:auto}.music-player__controls{width:100%;height:110px;float:right}.music__info{width:100%;height:50px;margin-bottom:15px;display:none}.music__info .music__info--singer,.music__info .music__info--title{color:#fff}.music__info .music__info--title{font-size:16px}.music__info .music__info--singer{color:#ccc;font-size:14px;margin-top:10px}.player-control{width:100%;margin-top:-7px}.player-control__content{margin-bottom:5px;overflow:hidden;position:relative}.player-control__content_jdt{width:266px;position:absolute;left:100px;top:15px;height:3px;background:#c8c5df}.player-control__btns{float:left;overflow:hidden}.player-control__btn{float:left;margin:-3px 3px 0;font-weight:bolder;color:#665872;cursor:pointer}.player-control__volume{overflow:hidden;position:absolute;left:370px;top:3px}.control__volume--progress{float:left;width:100px;position:relative;top:8px}.player__song--timeProgess{font-size:16px;color:#3c3c3c;padding:3px 3px}.btn-xian-play{width:1px;background:#3c3c3c;height:20px;transform:rotate(20deg);display:block;vertical-align:middle;position:absolute;left:53px;top:4px}.nowTime{float:left}.totalTime{float:left}.player-control__volume-left{width:106px}.progress{background:#c8c5df;height:3px;overflow:hidden;position:relative;cursor:pointer}.progress .back{width:0;height:100%;border-radius:2px;background:#665872}.progress .pointer{width:7px;height:7px;background:#fff;border-radius:50%;opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;position:absolute;top:-1px;left:0}.progress:hover .pointer{opacity:1}@-webkit-keyframes disc{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes disc{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.music-player__image.play{-webkit-animation:disc 5s linear 0s infinite;animation:disc 5s linear 0s infinite}.player__song--progress{width:100%}.player-control__btn.player-control__btn--mode{display:none}