tpx/tpxttt/unpackage/dist/dev/mp-weixin/plugins/gift/components/index/voice.wxss

@charset "UTF-8";
.text-center.data-v-1b8e35ee {
  text-align: center;
}
.font-weight.data-v-1b8e35ee {
  font-weight: bold;
}
.page-width.data-v-1b8e35ee {
  width: 100%;
}
.goods-hover-class.data-v-1b8e35ee {
  opacity: .9;
  background-color: #f7f7f7;
}
.background-image.data-v-1b8e35ee {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
/*全局文字大小*/
/* 屏幕宽度*/
page.data-v-1b8e35ee {
  font-size: 32rpx;
  background: #f7f7f7;
}
.page-width.data-v-1b8e35ee {
  width: 100%;
}
.u-hover-class.data-v-1b8e35ee {
  opacity: .9;
  background-color: #f7f7f7;
}
.safe-area-inset-bottom.data-v-1b8e35ee {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
/* 流光金 */
/* 浪漫粉 */
/* 品味红 */
/* 优雅紫 */
/* 清醒绿 */
/* 商务蓝 */
/* 流光金 */
.streamer-gold-gift-color.data-v-1b8e35ee {
  color: #dfa245;
}
.streamer-gold-gift-background.data-v-1b8e35ee {
  background-color: #dfa245;
}
.streamer-gold-gift-background-q.data-v-1b8e35ee {
  background: rgba(223, 162, 69, 0.8);
}
.streamer-gold-gift-background-p.data-v-1b8e35ee {
  background: rgba(223, 162, 69, 0.2);
}
.streamer-gold-gift-background-o.data-v-1b8e35ee {
  background: rgba(223, 162, 69, 0.1);
}
.streamer-gold-gift-border.data-v-1b8e35ee {
  border-color: #dfa245;
}
.streamer-gold-gift-figure-rule.data-v-1b8e35ee {
  background: -webkit-linear-gradient(top, #dfa245, #f0c482);
  background: linear-gradient(to bottom, #dfa245, #f0c482);
}
.streamer-gold-gift-border-bottom.data-v-1b8e35ee {
  border-bottom-color: #dfa245;
}
.streamer-gold-gift-shadow.data-v-1b8e35ee {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(223, 162, 69, 0.2);
}
.streamer-gold-gift-btn.data-v-1b8e35ee {
  background: -webkit-linear-gradient(right, #dfa245, rgba(223, 162, 69, 0.7));
  background: linear-gradient(to left, #dfa245, rgba(223, 162, 69, 0.7));
}
/* 浪漫粉 */
.romantic-powder-gift-color.data-v-1b8e35ee {
  color: #ff547b;
}
.romantic-powder-gift-background.data-v-1b8e35ee {
  background-color: #ff547b;
}
.romantic-powder-gift-background-q.data-v-1b8e35ee {
  background: rgba(255, 84, 123, 0.8);
}
.romantic-powder-gift-background-p.data-v-1b8e35ee {
  background: rgba(255, 84, 123, 0.2);
}
.romantic-powder-gift-background-o.data-v-1b8e35ee {
  background: rgba(255, 84, 123, 0.1);
}
.romantic-powder-gift-border.data-v-1b8e35ee {
  border-color: #ff547b;
}
.romantic-powder-gift-figure-rule.data-v-1b8e35ee {
  background: -webkit-linear-gradient(top, #ff547b, #ff96ae);
  background: linear-gradient(to bottom, #ff547b, #ff96ae);
}
.romantic-powder-gift-border-bottom.data-v-1b8e35ee {
  border-bottom-color: #ff547b;
}
.romantic-powder-gift-shadow.data-v-1b8e35ee {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(255, 84, 23, 0.2);
}
.romantic-powder-gift-btn.data-v-1b8e35ee {
  background: -webkit-linear-gradient(right, #ff547b, rgba(255, 84, 123, 0.7));
  background: linear-gradient(to left, #ff547b, rgba(255, 84, 123, 0.7));
}
/* 品味红 */
.taste-red-gift-color.data-v-1b8e35ee {
  color: #ff4544;
}
.taste-red-gift-background.data-v-1b8e35ee {
  background-color: #ff4544;
}
.taste-red-gift-background-q.data-v-1b8e35ee {
  background: rgba(255, 69, 68, 0.8);
}
.taste-red-gift-background-p.data-v-1b8e35ee {
  background: rgba(255, 69, 68, 0.2);
}
.taste-red-gift-background-0.data-v-1b8e35ee {
  background: rgba(255, 69, 68, 0.1);
}
.taste-red-gift-border.data-v-1b8e35ee {
  border-color: #ff4544;
}
.taste-red-gift-figure-rule.data-v-1b8e35ee {
  background: -webkit-linear-gradient(top, #ff4544, #ff8888);
  background: linear-gradient(to bottom, #ff4544, #ff8888);
}
.taste-red-gift-border-bottom.data-v-1b8e35ee {
  border-bottom-color: #ff4544;
}
.taste-red-gift-shadow.data-v-1b8e35ee {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(255, 69, 68, 0.2);
}
.taste-red-gift-btn.data-v-1b8e35ee {
  background: -webkit-linear-gradient(right, #ff4544, rgba(255, 69, 68, 0.7));
  background: linear-gradient(to left, #ff4544, rgba(255, 69, 68, 0.7));
}
/* 优雅紫 */
.elegant-purple-gift-color.data-v-1b8e35ee {
  color: #7783ea;
}
.elegant-purple-gift-background.data-v-1b8e35ee {
  background-color: #7783ea;
}
.elegant-purple-gift-background-q.data-v-1b8e35ee {
  background: rgba(119, 131, 234, 0.8);
}
.elegant-purple-gift-background-p.data-v-1b8e35ee {
  background: rgba(119, 131, 234, 0.2);
}
.elegant-purple-gift-background-o.data-v-1b8e35ee {
  background: rgba(119, 131, 234, 0.1);
}
.elegant-purple-gift-border.data-v-1b8e35ee {
  border-color: #7783ea;
}
.elegant-purple-gift-figure-rule.data-v-1b8e35ee {
  background: -webkit-linear-gradient(top, #7783ea, #a1aaf6);
  background: linear-gradient(to bottom, #7783ea, #a1aaf6);
}
.elegant-purple-gift-border-bottom.data-v-1b8e35ee {
  border-bottom-color: #7783ea;
}
.elegant-purple-gift-shadow.data-v-1b8e35ee {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(119, 131, 234, 0.2);
}
.elegant-purple-gift-btn.data-v-1b8e35ee {
  background: -webkit-linear-gradient(right, #7783ea, rgba(119, 131, 234, 0.7));
  background: linear-gradient(to left, #7783ea, rgba(119, 131, 234, 0.7));
}
/* 清醒绿 */
.fresh-green-gift-color.data-v-1b8e35ee {
  color: #63be72;
}
.fresh-green-gift-background.data-v-1b8e35ee {
  background-color: #63be72;
}
.fresh-green-gift-background-q.data-v-1b8e35ee {
  background: rgba(99, 190, 114, 0.8);
}
.fresh-green-gift-background-p.data-v-1b8e35ee {
  background: rgba(99, 190, 114, 0.2);
}
.fresh-green-gift-background-o.data-v-1b8e35ee {
  background: rgba(99, 190, 114, 0.1);
}
.fresh-green-gift-border.data-v-1b8e35ee {
  border-color: #63be72;
}
.fresh-green-gift-figure-rule.data-v-1b8e35ee {
  background: -webkit-linear-gradient(top, #63be72, #89db96);
  background: linear-gradient(to bottom, #63be72, #89db96);
}
.fresh-green-gift-border-bottom.data-v-1b8e35ee {
  border-bottom-color: #63be72;
}
.fresh-green-gift-shadow.data-v-1b8e35ee {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(99, 190, 114, 0.2);
}
.fresh-green-gift-btn.data-v-1b8e35ee {
  background: -webkit-linear-gradient(right, #63be72, rgba(99, 190, 114, 0.7));
  background: linear-gradient(to left, #63be72, rgba(99, 190, 114, 0.7));
}
/* 商务蓝 */
.business-blue-gift-color.data-v-1b8e35ee {
  color: #4a90e2;
}
.business-blue-gift-background.data-v-1b8e35ee {
  background-color: #4a90e2;
}
.business-blue-gift-background-q.data-v-1b8e35ee {
  background: rgba(74, 144, 226, 0.8);
}
.business-blue-gift-background-p.data-v-1b8e35ee {
  background: rgba(74, 144, 226, 0.2);
}
.business-blue-gift-background-o.data-v-1b8e35ee {
  background: rgba(74, 144, 226, 0.1);
}
.business-blue-gift-border.data-v-1b8e35ee {
  border-color: #4a90e2;
}
.business-blue-gift-figure-rule.data-v-1b8e35ee {
  background: -webkit-linear-gradient(top, #4a90e2, #82b4ef);
  background: linear-gradient(to bottom, #4a90e2, #82b4ef);
}
.business-blue-gift-border-bottom.data-v-1b8e35ee {
  border-bottom-color: #4a90e2;
}
.business-blue-gift-shadow.data-v-1b8e35ee {
  box-shadow: 0 10rpx 30rpx 2.5rpx rgba(74, 144, 226, 0.2);
}
.business-blue-gift-btn.data-v-1b8e35ee {
  background: -webkit-linear-gradient(right, #4a90e2, rgba(74, 144, 226, 0.7));
  background: linear-gradient(to left, #4a90e2, rgba(74, 144, 226, 0.7));
}
.audio.data-v-1b8e35ee {
  height: 80rpx;
  width: 376rpx;
  border-radius: 40rpx;
  margin-left: 24rpx;
  padding: 0;
  background-color: #49c265;
}
.btn.data-v-1b8e35ee {
  width: 96rpx;
  height: 80rpx;
  padding: 16rpx 32rpx 16rpx 16rpx;
  background-repeat: no-repeat;
  background-size: 52% 60%;
  background-position: center 16rpx;
}
.btn-play.data-v-1b8e35ee {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAq1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9JwmVSxW1rzoJcyXX0+/bY8t7P79fE682t5Lqm4bSB1ZR10YtPxGrq+O3i9efg9OS66MWY3KeQ2qG01+DnAAAAJXRSTlMA8hr8zI9xTxT2lHVYBfn029DOt2lmJewXFu7Z2Li2jnpbKikGjnWxIgAAAVJJREFUSMeVlmlzgjAQhjdA8ODwwAuP1lY3iFZb7fn/f1lHZmQGkoXs8zHMM8Mmb3YDGmkok/U8jufrRIYptND1Pazg+V2gcZ4HqDHoO2AmCgQaEUEEBmZjJBm9gkZHYAOiAzWmLjbiTqHCBFuZVP7HbRfcDpTsBFogduV+jtCK0WN3A7QkgAJH2ArCKYQ+WtMv8tazF3r3JPpY45xfvynDBwAPa9yUUu+E4AGk2qK6c3gzGw6E2lqmCv6OJuEFJCWo7McgSEjMQsHHl/bxCYa0YCp+CIIUjMULQEIowSpcIQbBE+YtRavrqV500iTcLvq2yqZz+DQcXEgK+dkYjQUl/B7N4QPPnNYTFW/9Ah2yLL9QF4h/RflNgN9m+I0MojFaMY7K4WPXjGfcds8dKNyRxR2K/LGrs9/2iEBs9/ynA/9xQrMI5Wa1jOPlaiPDBdT5B0pOAbdmQPYrAAAAAElFTkSuQmCC);
}
.btn-pause.data-v-1b8e35ee {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAllBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9JwmVSxW2z5b7B6spky3zT8dq56MSq47iC1ZV10YtayHNWxnBVxm/n9+rf9OTd9OPJ7dHC68yk4bKebu0cAAAAHnRSTlMA9BXN/I/3WCca8reUdQXucU7b2dBpZnC4elAbBlHK3f6EAAABSUlEQVRIx6WW13bDIAyGwcZ4j8TOTpW0TjM73//lahLaUwUPdPJdYSMdBPxIYgaO78VlLmVexp7vsAGcwgWEW/T5hB4HA56EHeZZyqEVnmZt9oELnVSBaT+KoAe+vLefCuhFTLH9BAaZoHgEDCJG//bLwQL+t/OsAiuq39NNwZJU3y8HS/jtzhOwJrnqTYI1Uilxhn69HS71M2he68vhHU3PGgcsoXrT8Hkb79T4hNXeRASIjWKvF7h+ACJkPiC2ykbH9KLGW0D4zKM5eCymOcRsTHMYs4jmEDGgOQDVQVJDysmbJh8r+eLI0iCL717eJ2XzpeVtruAaD+jjeK6/QbOvz8cdmi7oT5SeBOhphp7IWOaCFW7GNEEEFkQBNd1TCwq9ZGGW/UXxiV52TdYL2SGIxZq1s2pvHVaPNidm+zMvcyHyct7W/vwAiGLRrzZLf78AAAAASUVORK5CYII=);
}
.duration.data-v-1b8e35ee {
  width: 210rpx;
  text-align: right;
  font-size: 30rpx;
  color: #ffffff;
  padding-right: 28rpx;
  border-right: 1rpx solid #ffffff;
  height: 30rpx;
  line-height: 30rpx;
}
.close.data-v-1b8e35ee {
  width: 48rpx;
  height: 80rpx;
  padding: 30rpx 28rpx 30rpx 28rpx;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMAbXFoa/jmY1/wl5Fb6hvxqQAAAHZJREFUCNctzcENQEAURdGHha0GlCBRggaUMA2w0YBEA9pQgj4EiUn8Xsxc81Y/Z/GvtkosH+QOscartwq0U5kdoLVSHRhU4CtiJ8Eg/MwgHJGV7l7SWbh7UgpZfPKH3pUkIZIp1MOESIIkVROCXUDYa28lePwAvlcy2dPDmNAAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 41.6% 25%;
}
.adjunction.data-v-1b8e35ee {
  height: 80rpx;
  width: 278rpx;
  line-height: 80rpx;
  background-color: #ffffff;
  border-radius: 40rpx;
  margin-left: 24rpx;
  margin-bottom: 56rpx;
  padding: 0;
}
.text.data-v-1b8e35ee {
  font-size: 28rpx;
  color: #666666;
  margin-left: 8rpx;
}
.recording.data-v-1b8e35ee {
  width: 32rpx;
  height: 32rpx;
  margin-left: 32rpx;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAbFBMVEUAAAB/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f39/f38chNo2AAAAI3RSTlMAjeX4OvG8t3g0B+zf1MtoVkQvEqmAJh0V26Sfci0MAcNhTaon4nIAAADLSURBVDjLxdLXDoIwAIXhYwstlj1E3OO8/zsaSRBKC1ckfrf8dGNjxTkJVVRjgdHsxSX8Mg5u8Mn5c4LHI+HIN0nLiQNcASd2cO3/HXR3Z5FHK5AClR1EtAIStR2c7SBhjZCjAtoOGr5wGL9LA8nZMaYw8WSAnAqzOXIch+KKWrJybqKE2QlS6gDI2GAm+v4IdN/t31JmD3iKZ94C9/eFVAausn9yof0cbMUlJWMddVimuMcqzRarFCssaoQQZCjEaSFKScp+FwE29AHlwiV9PGG4mQAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
}
.black.data-v-1b8e35ee {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1600;
  background-color: rgba(0, 0, 0, 0.5);
}
.mouldboard.data-v-1b8e35ee {
  width: 750rpx;
  height: 480rpx;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  border-top-right-radius: 16rpx;
  border-top-left-radius: 16rpx;
}
.transcription.data-v-1b8e35ee {
  width: 200rpx;
  height: 200rpx;
  border-radius: 50%;
  margin-top: 50rpx;
  position: relative;
}
.active-text.data-v-1b8e35ee {
  margin-top: 48rpx;
  font-size: 28rpx;
  color: #999999;
}
.image.data-v-1b8e35ee {
  width: 110rpx;
  height: 110rpx;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ripple.data-v-1b8e35ee {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
}
.voice-num.data-v-1b8e35ee {
  font-size: 30rpx;
  margin-top: 50rpx;
  color: #353535;
  font-family: 'DIN';
}