/*   音频显示样式 */

.askinput {
    margin: .23rem 0;
    width: 100%;
    height: 2.5rem;
    overflow: hidden;
}

.add_yuyin {
    height: 2rem;
    margin-left: .28rem;
    width: 100%;
    float: left;
}


    .add_yuyin .r_yuyin {
        margin: .1rem 0;
        color: #999999;
        height: 2rem;
        line-height: 2rem;
        padding: 0rem 0.4rem;
        background-color: #FDFDFF;
        border: 1px solid #CC0000;
        border-radius: 6px;
        max-width: 75%;
        min-width: 50%;
        position: relative;
        float: left;
    }


        .add_yuyin .r_yuyin s {
            width: 1.4rem;
            height: 1.6rem;
            position: absolute;
            right: .2rem;
            top: .2rem;
            background: url(/imgs/icon.png) no-repeat -22rem -11rem;
            background-size: 45rem 15rem;
        }

    .add_yuyin .deleteicon {
        width: 1.4rem;
        height: 1.6rem;
        background: url(/imgs/icon.png) no-repeat -19rem -10.6rem;
        background-size: 45rem 15rem;
        margin-top: .4rem;
        margin-left: .1rem;
        float: left;
    }


/** 播放录音的动画效果 **/
@-webkit-keyframes bofang {
    25% {
        background-position: -2.2rem -.09rem;
    }

    50% {
        background-position: -3.6rem -.09rem;
    }

    75% {
        background-position: -5rem -.09rem;
    }

    100% {
        background-position: -5rem -.09rem;
    }
}

@keyframes bofang {
    25% {
        background-position: -2.2rem -.09rem;
    }

    50% {
        background-position: -3.6rem -.09rem;
    }

    75% {
        background-position: -5rem -.09rem;
    }

    100% {
        background-position: -5rem -.09rem;
    }
}

.add_yuyin .r_yuyin s.bofang {
    background: url(/imgs/yuyin.png) no-repeat -0.4rem -.09rem;
    -webkit-animation: bofang 1s steps(1) infinite;
    background-size: 6.5rem 1.5rem;
}