a{
    display: inline-block;
    margin-top: 3px;
}
*:focus {
    outline: none;
}
a:hover, a:link, a:focus{
    color: #fff;
    text-decoration: none;
}
img{
    vertical-align: middle;
}

span{
    display: inline-table;
    width: 32px;
    height: 32px;
}
.wrap{
    width: 100%;
    height: 38px;
    text-align: center;
}
/* voice, 声音 */
.voice{
    margin-left: 8px;
    margin-right: 12px;
}
.wrap .voice-box-flex{
    position: absolute;
}
.wrap .friend-box-flex{
    position: absolute;
    top: 0px;
    right: 0px;
}
.voice>span{
    background: url(../../../images/chat/floatBar2/voice.png) no-repeat 60% 60%;
}
.voice>span.disabled{
    background: url(../../../images/chat/floatBar2/voice-disabled.png) no-repeat 60% 60%;
}
.voice>span.small{
    background: url(../../../images/chat/floatBar2/voice-small.png) no-repeat 60% 60%;
}
.voice>span.middle{
    background: url(../../../images/chat/floatBar2/voice-middle.png) no-repeat 60% 60%;
}
.voice>span.big{
    background: url(../../../images/chat/floatBar2/voice-big.png) no-repeat 60% 60%;
}
/* microphone, 麦 */
.microphone>.ico-box-mic{
    background: url(../../../images/chat/floatBar2/microphone.png) no-repeat 50% 40%;
}
.microphone>.ico-box-mic.disabled{
    background: url(../../../images/chat/floatBar2/microphone-disabled.png) no-repeat 50% 40%;
}
.microphone>.ico-box-mic.small{
    background: url(../../../images/chat/floatBar2/microphone-small.png) no-repeat 50% 40%;
}
.microphone>.ico-box-mic.middle{
    background: url(../../../images/chat/floatBar2/microphone-middle.png) no-repeat 50% 40%;
}
.microphone>.ico-box-mic.big{
    background: url(../../../images/chat/floatBar2/microphone-big.png) no-repeat 50% 40%;
}
.microphone>.down-arrow, .music>.down-arrow{
    background: url(../../../images/chat/floatBar2/down-arrow.png);
}

.microphone>.down-arrow{
    margin-left: -8px;
}

/* music, 音乐伴奏 */
.music>.c-music-png{
    background: url(../../../images/chat/floatBar2/music-ing.png) no-repeat 50% 50%;
}

.music>.c-music-ing{
    background: url(../../../images/chat/floatBar2/music.png) no-repeat 50% 50%;
}

.music>.label, .speak>.label{
    width: auto;
    vertical-align: middle;
    height: auto;
    margin: -25px 6px 0px -8px;
}

.music>.down-arrow{
    margin-left: -14px;
}

.music.disabled {
    opacity: 0.4;
}
.music>.c-ico-music-ing.disabled{
    background: url(../../../images/chat/floatBar2/music-disabled.png) no-repeat 50% 50%;
}

.music>.c-ico-music-ing.grey{
    background: url(../../../images/chat/floatBar2/music-disabled.png) no-repeat 50% 50%;
}

/* speak, 语音 */
.speak_c {
    width:100%;
    text-align: center;
}
.speak_c span{
    display: inline-table;
    width: 29px;
    height: 30px;
}
.speak>.c-speak-click-png{
    background: url(../../../images/chat/floatBar2/free-speak.png) no-repeat 50% 50%;
}
.speak>.c-speak-png{
    background: url(../../../images/chat/floatBar2/speak-click-say.png) no-repeat 47% 44%;
}
.speak>.down-arrow-black{
    background: url(../../../images/chat/floatBar2/down-arrow-black.png);
    margin-left: -15px;
}
.speak{
    background-color: #e3e3e3;
}
.speak>span{
    color: #000000;
}
.friend>.message{
    background: url(../../../images/chat/floatBar2/friend-empty.png) no-repeat 50% 50%;
}


.message div.anim{
    -webkit-animation: gradient 1s .2s ease-in-out both;
    -webkit-animation-direction:alternate;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes gradient {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}

.message .message_af{position:absolute;right:10px;cursor: pointer;bottom: -38px;}