﻿.text-con {
  margin: 0 .2rem;
}
.voice-app-btn {
  height: .64rem;
  width: .82rem;
  background: url(../image/voice-icon.png) no-repeat center center;
  background-color: rgba(39, 146, 216, 1);
  background-size: auto .45rem;
  margin-left: .133333rem;
  border-radius: .32rem;
  display: none;
}

.voice-app-con {
  width: 100%;
  height: 100%;
  display: none;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 9999;
  overflow: hidden;
}

.voice-app-record-mask{
  background: rgba(0, 0, 0, .4);
  width: 100%;
  height: 100%;
}

.voice-app-record-con{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5.6rem;
  background-color: #fff;
  border-radius: .3rem .3rem 0 0;
  overflow: hidden;
}

.voice-app-close{
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  background: url(../image/voice-close.png) no-repeat center center;
  background-size: .38rem;
  top: 0;
  right: 0;
}
.voice-app-text{
  margin: .7rem 1rem .5rem 1rem;
  line-height: .54rem;
  font-size: .42rem;
  text-align: center;
  height: 1.08rem;
  color: #333;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.voice-app-text span{
  /* overflow:hidden; */
  text-overflow:-o-ellipsis-lastline;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
  text-align: center;
  width: 100%;
  word-break: break-all;
}
.voice-app-rprogress {
  width: 5.3rem;
  height: 1.15rem;
  overflow: hidden;
  margin: 0 auto;
  background: url(../image/voice-bg.png) repeat-x 0 0;
  background-size: auto 1.15rem;
}

.voice-app-rprogress-animation{
  animation: slideshow 3s linear infinite;
}

@keyframes slideshow {
  0%    { background-position: 0 0; }
  100%  { background-position: -5.58rem 0; }
}

.voice-app-press{
  text-align: left;
  width: 5.3rem;
  height: .9rem;
  background: url(../image/voice-icon.png) no-repeat .4rem .2rem;
  background-size: .36rem .5rem;
  background-color: #2792d8;
  color: #fff;
  line-height: .9rem;
  text-indent: 1rem;
  font-size: .36rem;
  border-radius: .45rem;
  margin: .8rem auto;
  -webkit-user-select:none;
  -moz-user-select:none;
  -o-user-select:none;
  user-select:none;
}

.voice-app-press:active{
  background-color: #3763f8;
}
