/*
*Description:   zbaudio player CSS
*Author:    toyean
*Website:   https://www.toyean.com/
*Mail:      toyean@qq.com
*Version:   1.1
*/
.zoom{display:inline-block;vertical-align:top}.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shadow{box-shadow:0 1px 2px rgba(0,0,0,0.08)}.hide{display:none !important}.zbaudio{padding:20px 20px 10px;text-indent:0;border:1px solid #eee;border-radius:8px;background:#f7f7f7;overflow:hidden;display:block}.zbaudio span,.zbaudio strong,.zbaudio em{font-style:normal;display:block}.zbaudio_img{width:80px;float:left;display:inline;margin-right:20px}.zbaudio_img img{width:80px;height:80px;max-height:90px;margin:0 0 10px;border-radius:4px;display:block;}.zbaudio_info{line-height:22px}.zbaudio_info strong{font-size:17px;color:#181818;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.zbaudio_singer{font-size:12px;color:#7e7e7e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.zbaudio_area{padding-right:60px;position:relative}.zbaudio_item{padding-top:20px}.zbaudio_progress{height:2px;cursor:pointer;background:#dedede;position:relative;display:flex !important}.zbaudio_now{height:2px;cursor:pointer;background:#0188fb;position:relative;z-index:1}.zbaudio_bar{width:14px;height:14px;cursor:pointer;position:absolute;top:-6px;right:-6px}.zbaudio_bar::before{content:"";width:8px;height:8px;border-radius:50%;background:#0188fb;position:absolute;top:3px;right:3px}.zbaudio_cache{height:2px;cursor:pointer;background:#b4b4b4;position:absolute;top:0;left:0}.zbaudio_time{padding-top:5px;zoom:1}.zbaudio_time:after{content:"";display:block;clear:both}.zbaudio_time em{font-size:12px;color:#7e7e7e}.zbaudio_current{float:left;display:inline}.zbaudio_total{float:right;display:inline}.zbaudio_play{float:right;display:inline;padding-left:20px;position:absolute;top:0;right:0}.zbaudio_play em{width:40px;height:40px;text-align:center;line-height:38px;border-radius:50%;cursor:pointer;background:#fff}.zbaudio_play em::before{content:"";width:24px;height:24px;margin:8px 0 0 -2px;color:#181818;-webkit-mask:url(play.svg) no-repeat 100% center;mask:url(play.svg) no-repeat 100% center;-webkit-mask-size:cover;mask-size:cover;background-color:currentColor;display:inline-block;vertical-align:top;}.zbaudio_play em.pause::before{color:#0188fb;-webkit-animation:zbaudio_playing 1.2s step-start infinite;animation:zbaudio_playing 1.2s step-start infinite}@-webkit-keyframes zbaudio_playing{30%{-webkit-mask-position:0 center;mask-position:0 center}31%{-webkit-mask-position:50% center;mask-position:50% center}61%{-webkit-mask-position:50% center;mask-position:50% center}61.5%{-webkit-mask-position:100% center;mask-position:100% center}100%{-webkit-mask-position:100% center;mask-position:100% center}}.night .zbaudio{border:1px dotted #444;background:#232323}.night .zbaudio_info strong{color:#bbb}.night .zbaudio_progress{background:#3a3a3a}.night .zbaudio_now{background:#0188fb}.night .zbaudio_cache{background:#666}.night .zbaudio_play em{background:#3a3a3a}.night .zbaudio_play em::before{color:#bbb}.night .zbaudio_play em.pause::before{color:#0188fb}