body{counter-reset:list}#audio_player{display:none}.bar-play_container{min-height:80px}.player-container{position:relative;padding:15px 30px;background:rgba(0,0,0,0.9);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10}.player-container.active{position:fixed;left:50%;bottom:0;width:100%;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);max-width:1200px}.audio-player>.iconfont{cursor:pointer;font-size:24px;color:rgba(255,255,255,0.75)}.audio-player>.iconfont:hover{color:#fff}#t_cover{padding-left:30px}#t_cover div{position:relative;height:50px;width:50px;overflow:hidden}#t_cover img{width:100%;min-height:100%;background:#fff}#t_top{position:relative;height:3.375em;padding-top:2.25em;padding-left:13.75em;padding-right:1.25em}.t_title_info{font-size:18px;position:relative;color:#fff;white-space:nowrap;margin-bottom:10px;-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.t_title_info .name{max-width:300px;display:inline-block;text-overflow:ellipsis;overflow:hidden;vertical-align:bottom}.artist{font-weight:400}#t_middle{position:relative;height:1.25em;margin:0em 1.25em 0 13.75em}.bar-play,.bar-pause{position:relative;font-size:48px !important;padding:0 20px}.visible{display:block}.hidden{display:none}.t_progress{position:relative;background:#555;cursor:pointer;border-radius:0;height:3px;overflow:visible;margin-bottom:5px}.t_progress .ui-slider-handle{position:absolute;border-radius:100%;background:#cc2017;width:12px;height:12px;top:0;margin-top:-4px;z-index:10}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0}.ui-slider-horizontal .ui-slider-range{top:0;height:100%;background-color:#cc2017}#error{position:absolute;color:#fff;z-index:5;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}#val{position:absolute;display:block;top:-30px;width:2.188em;line-height:1.3em;text-align:center;border:1px solid #545960;box-sizing:border-box;background:#545960;color:#fff;font-size:12px}#val:after{position:absolute;content:"";bottom:-0.68em;right:-0.068em;width:0;height:0;border-top:0.625em solid #545960;border-left:0.625em solid transparent}#vol,#vol-x{cursor:pointer;padding:0 10px;text-align:center;color:rgba(255,255,255,0.65);font-size:24px}#rangeVal{position:relative;width:100px;height:3px;background:#555;cursor:pointer}#range .ui-slider-handle{position:absolute;width:12px;height:12px;border-radius:100%;top:-4px;background:#555}.selectpls{color:#3EC3D5;position:absolute;bottom:2em;left:50%;cursor:pointer}.selectpls:before{content:"\f107";font-family:FontAwesome;font-style:normal;font-weight:900;font-size:2.25em;position:absolute;-webkit-animation:plshowbtnup .5s;-webkit-animation-fill-mode:forwards;-moz-animation:plshowbtnup .5s;-moz-animation-fill-mode:forwards;-mos-animation:plshowbtnup .5s;-mos-animation-fill-mode:forwards;-o-animation:plshowbtnup .5s;-o-animation-fill-mode:forwards;animation:plshowbtnup .5s;animation-fill-mode:forwards}@-webkit-keyframes heyopenpls{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-1.25em)}60%{-webkit-transform:translateY(-0.75em)}}@-moz-keyframes heyopenpls{0%, 20%, 50%, 80%, 100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-1.25em)}60%{-moz-transform:translateY(-0.75em)}}@-mos-keyframes heyopenpls{0%, 20%, 50%, 80%, 100%{-mos-transform:translateY(0)}40%{-mos-transform:translateY(-1.25em)}60%{-mos-transform:translateY(-0.75em)}}@-o-keyframes heyopenpls{0%, 20%, 50%, 80%, 100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-1.25em)}60%{-o-transform:translateY(-0.75em)}}@keyframes heyopenpls{0%, 20%, 50%, 80%, 100%{transform:translateY(0)}40%{transform:translateY(-1.25em)}60%{transform:translateY(-0.75em)}}@-webkit-keyframes plshowbtnup{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(180deg)}}@-moz-keyframes plshowbtnup{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(180deg)}}@-mos-keyframes plshowbtnup{0%{-mos-transform:rotate(0deg)}100%{-mos-transform:rotate(180deg)}}@-o-keyframes plshowbtnup{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(180deg)}}@keyframes plshowbtnup{0%{transform:rotate(0deg)}100%{transform:rotate(180deg)}}@-webkit-keyframes plshowbtndwn{0%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes plshowbtndwn{0%{-moz-transform:rotate(180deg)}100%{-moz-transform:rotate(360deg)}}@-mos-keyframes plshowbtndwn{0%{-mos-transform:rotate(180deg)}100%{-mos-transform:rotate(360deg)}}@-o-keyframes plshowbtndwn{0%{-o-transform:rotate(180deg)}100%{-o-transform:rotate(360deg)}}@keyframes plshowbtndwn{0%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes coveroin{0%{-webkit-transform:translate(-50%, -150%)}100%{-webkit-transform:translate(-50%, -50%)}}@-moz-keyframes coveroin{0%{-moz-transform:translate(-50%, -150%)}100%{-moz-transform:translate(-50%, -50%)}}@-mos-keyframes coveroin{0%{-mos-transform:translate(-50%, -150%)}100%{-mos-transform:translate(-50%, -50%)}}@-o-keyframes coveroin{0%{-o-transform:translate(-50%, -150%)}100%{-o-transform:translate(-50%, -50%)}}@keyframes coveroin{0%{transform:translate(-50%, -150%)}100%{transform:translate(-50%, -50%)}}.playlist li{position:relative;white-space:nowrap}.playlist li:hover{background:rgba(255,255,255,0.25)}.playlist a{display:block;padding:5px 0;text-decoration:none;font-weight:400;overflow:hidden;text-overflow:ellipsis}@media all and (max-width: 640px){.t_progress{position:absolute;width:100%;background:#555;cursor:pointer}}@media all and (max-width: 350px){.noselectpls,.selectpls{left:40%}}.progress-container{width:100%;padding:0 30px 0 20px}#trackInfo{color:#fff}.audio-item{cursor:pointer;counter-increment:list}.audio-item .num{width:50px;text-align:center}.audio-item .num:before{content:counter(list)}.audio-item.active .num:before{content:url("../../images/sign_icon/qd3ODGuq.gif")}.audio-item.active .name{color:#cc2017}.audio-item .tool{max-width:200px}.audio-item .tool>*{position:relative;top:3px}.audio-item .tool a{display:inline-block;margin-right:30px}.audio-item .tool a.icon-download{color:#333;font-size:18px}.audio-item .tool .audio-share{display:inline-block;padding:7px 0;vertical-align:top}.audio-item .tool .audio-share>.iconfont{color:#333;display:block}.audio-item .tool .audio-share .audio-share-box{white-space:nowrap;font-size:0;bottom:50%;left:auto;right:100%;margin:0 12px -16px}.audio-item .tool .audio-share .audio-share-box a{vertical-align:top;display:inline-block;margin-right:0;padding:5px 10px}.audio-item .tool .audio-share .audio-share-box .box-bottom{top:50%;left:100%;margin:-12px 0 0 -4px}.playlist .dis-tr>*{padding:6px 5px}.playlist .dis-tr:nth-child(even){background:#f5f5f5}.playlist .dis-tr:hover{background:#fafafa}.playlist .dis-thead .dis-tr{background:#f5f5f5}.playlist .dis-thead .dis-tr>*{font-weight:600;font-size:16px}.audio-download,.audio-share{cursor:pointer}.audio-download{padding:0 34px;color:#fff;text-decoration:none !important}.audio-share{position:relative}.audio-share>.iconfont{color:#fff}.audio-share .audio-share-box{position:absolute;background:#545960;bottom:100%;right:50%;margin:0 -23px 0 0;display:none}.audio-share .audio-share-box a{display:block;padding:10px 15px;text-decoration:none !important;color:rgba(255,255,255,0.75)}.audio-share .audio-share-box a:hover{color:#fff}.audio-share .audio-share-box .box-bottom{position:absolute;top:100%;color:#545960;margin:-7px 0 0 -8px;left:50%}.audio-share:hover .audio-share-box{display:block}#range{position:relative}@media (max-width: 768px){.playlist .sour,.playlist .tool,.player-container #range{display:none}}
/*# sourceMappingURL=html5_audio_player.css.map */
