/*
*Description:   zbaudioplugin player CSS
*Author:    toyean
*Website:   http://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}.zbaudioplugin{padding:15px 15px 10px;text-indent:0;border:1px solid #eee;border-radius:8px;background:#f7f7f7;overflow:hidden;display:block}.zbaudioplugin span,.zbaudioplugin strong,.zbaudioplugin em{font-style:normal;display:block}.zbaudioplugin_img{width:80px;float:left;display:inline;margin-right:20px}.zbaudioplugin_img img{width:80px;height:80px;max-height:90px;margin:0;border-radius:4px}.zbaudioplugin_info{line-height:22px}.zbaudioplugin_info strong{font-size:17px;color:#181818;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.zbaudioplugin_singer{font-size:12px;color:#7e7e7e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.zbaudioplugin_area{padding-right:60px;position:relative}.zbaudioplugin_item{padding-top:20px}.zbaudioplugin_progress{height:2px;cursor:pointer;background:#dedede;position:relative;display:flex !important}.zbaudioplugin_now{height:2px;cursor:pointer;background:#0188fb;position:relative;z-index:1}.zbaudioplugin_bar{width:14px;height:14px;cursor:pointer;position:absolute;top:-6px;right:-6px}.zbaudioplugin_bar::before{content:"";width:8px;height:8px;border-radius:50%;background:#0188fb;position:absolute;top:3px;right:3px}.zbaudioplugin_cache{height:2px;cursor:pointer;background:#b4b4b4;position:absolute;top:0;left:0}.zbaudioplugin_time{padding-top:5px;zoom:1}.zbaudioplugin_time:after{content:"";display:block;clear:both}.zbaudioplugin_time em{font-size:12px;color:#7e7e7e}.zbaudioplugin_current{float:left;display:inline}.zbaudioplugin_total{float:right;display:inline}.zbaudioplugin_play{float:right;display:inline;padding-left:20px;position:absolute;top:0;right:0}.zbaudioplugin_play em{width:40px;height:40px;text-align:center;line-height:38px;border-radius:50%;cursor:pointer;background:#fff}.zbaudioplugin_play em::before{content:"";width:24px;height:24px;margin:8px 0 0 -2px;color:#181818;-webkit-mask:url(images/play.svg) no-repeat 100% center;mask:url(images/play.svg) no-repeat 100% center;-webkit-mask-size:cover;mask-size:cover;background-color:currentColor;display:inline-block;vertical-align:top}.zbaudioplugin_play em.pause::before{color:#0188fb;-webkit-animation:zbaudioplugin_playing 1.2s step-start infinite;animation:zbaudioplugin_playing 1.2s step-start infinite}@-webkit-keyframes zbaudioplugin_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 .zbaudioplugin{border:1px dotted #444;background:#232323}.night .zbaudioplugin_info strong{color:#bbb}.night .zbaudioplugin_progress{background:#3a3a3a}.night .zbaudioplugin_now{background:#0188fb}.night .zbaudioplugin_cache{background:#666}.night .zbaudioplugin_play em{background:#3a3a3a}.night .zbaudioplugin_play em::before{color:#bbb}.night .zbaudioplugin_play em.pause::before{color:#0188fb}