File size: 3.69Kb
.audio_next, .audio_prev, .audio_play, .audio_repeat {
padding: 1px 0px;
cursor: pointer;
opacity: 0.8;
float: left;
border: none;
outline: none;
background: none;
margin: 0;
margin-left: 0px;
position: relative;
z-index: 9999;
margin-left: 15px;
}.audio_next:hover, .audio_prev:hover, .audio_play:hover, .audio_repeat:hover {
opacity: 1;
}.audio_prev {
margin-left: 0px;
}.audio_next .icon, .audio_prev .icon, .audio_play .icon, .audio_repeat .icon {
display: block;
width: 16px;
height: 18px;
background-repeat: no-repeat;
background-position: 50%;
}.audio_prev .icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2210%22%20viewBox%3D%220%200%209%2010%22%3E%3Cpath%20fill%3D%22%234A76A8%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%204.709V.596A.604.604%200%200%200%201.4%200H.6C.27%200%200%20.267%200%20.596v8.808c0%20.33.278.596.6.596h.8c.331%200%20.6-.267.6-.596V5.291c.033.04.074.079.123.114L8.19%209.803c.447.324.81.138.81-.408V.604c0-.55-.359-.735-.81-.408L2.123%204.594A.65.65%200%200%200%202%204.71z%22%2F%3E%3C%2Fsvg%3E");
}.audio_repeat .icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2220%22%20height%3D%2212%22%20viewBox%3D%220%200%2020%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate(-2%20-6)%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M14.002%206h3C18.656%206%2020%207.35%2020%209.006V14h-2V9.506C18%208.676%2017.326%208%2016.494%208H9v-.002C9%206.895%209.894%206%2011.003%206h3zm-1.005%2012H7c-1.657%200-3-1.35-3-3.006V10h2v4.494C6%2015.324%206.674%2016%207.506%2016H15v.002C15%2017.105%2014.106%2018%2012.997%2018zM8%2010H2l3-4%203%204zm8%204h6l-3%204-3-4z%22%20fill%3D%22%23828A99%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}.repeat_enabled .audio_repeat .icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%22138%202%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%23356CA9%22%3E%3Cpath%20d%3D%22M152%208h3c1.7%200%203%201.3%203%203v5h-2v-4.5c0-.8-.7-1.5-1.5-1.5H147c0-1.1.9-2%202-2h3zm2%208h6l-3%204-3-4zM148%2020h-3c-1.7%200-3-1.3-3-3v-5h2v4.5c0%20.8.7%201.5%201.5%201.5h7.5c0%201.1-.9%202-2%202h-3zm-2-8h-6l3-4%203%204z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}.audio_next .icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2210%22%20viewBox%3D%220%200%209%2010%22%3E%3Cpath%20fill%3D%22%234A76A8%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7%204.709V.596C7%20.266%207.278%200%207.6%200h.8c.331%200%20.6.267.6.596v8.808a.604.604%200%200%201-.6.596h-.8a.598.598%200%200%201-.6-.596V5.291a.653.653%200%200%201-.123.114L.81%209.803c-.447.324-.81.138-.81-.408V.604c0-.55.359-.735.81-.408l6.067%204.398A.65.65%200%200%201%207%204.71z%22%2F%3E%3C%2Fsvg%3E");
}.radio_container .aic_line {
width: 100%;
margin: 0px;
}.ai_play {
float: left;
cursor: pointer;
background-repeat: no-repeat;
background-size: 100%;
background-position: 50%;
margin-right: 8px;
border-radius: 2px;
}.audio_item .i_play {
float: left;
width: 32px;
height: 32px;
margin: 8px;
background: rgba(255,255,255,.95);
border-radius: 100%;
overflow: hidden;
position: relative;
opacity: 0;
}.audio_item .i_play {
-o-transition: opacity .15s;
transition: opacity .15s;
}.ai_play:hover .i_play {
opacity: 1;
}