.live .title-bg {
  background: unset;
  padding: 0 0 28px 0;
  height: unset;
  margin-bottom: 0;
}
.live .w1200>.live-box {
  width: 100%;
  height: 675px;
}
.live .live-left {
  width: 755px;
}
.live .tuwen-list .tuwen-box,
.live .tuwen-list .live-box {
  border-bottom: 0;
  padding: 20px 0;
  border-top: 1px solid #f4f4f4;
}
.live .tuwen-list .tuwen-box .tuwen-box-right,
.live .tuwen-list .live-box .tuwen-box-right {
  width: 711px;
}
.live .tuwen-list .tuwen-box .tuwen-box-right .one-img,
.live .tuwen-list .live-box .tuwen-box-right .one-img {
  width: 100%;
}
.live .tuwen-list .tuwen-box .nickname,
.live .tuwen-list .live-box .nickname {
  color: #3085c8;
}
.live .tuwen-list .tuwen-box .fr img,
.live .tuwen-list .live-box .fr img {
  height: 360px;
  width: 225px;
}
.live .tuwen-list .tuwen-box .avatar,
.live .tuwen-list .live-box .avatar {
  width: 34px;
  height: 34px;
}
.live .tuwen-list .tuwen-box .avatar img,
.live .tuwen-list .live-box .avatar img {
  width: 34px;
  height: 34px;
  border-radius: 50%;
}
.live .tuwen-list .live-right {
  width: 373px;
}
.live .sound_container {
  /*border:1px solid black;*/
  display: inline-block;
  width: 100px;
  border-radius: 2px;
  background: #4589e1;
  cursor: pointer;
}
.live .sound_container .seconds {
  line-height: 30px;
  color: #fff;
  padding-right: 5px;
}
.live .sound_container .sound {
  margin-left: 2px;
  width: 30px;
  height: 30px;
  /*border:1px solid black;*/
  overflow: hidden;
  transform: scale(0.8);
  transform-origin: left center;
  -webkit-transform: scale(0.8);
  -webkit-transform-origin: left center;
  /**/
}
.live .sound_container .play {
  animation: sound_play 1s steps(3, start) infinite;
  -webkit-animation: sound_play 1s steps(3, start) infinite;
}
.live .sound_container .sound.play svg {
  opacity: 0.7;
}
@keyframes sound_play {
  0% {
    width: 2px;
  }
  100% {
    width: 17px;
  }
}
@-webkit-keyframes sound_play {
  0% {
    width: 2px;
  }
  100% {
    width: 17px;
  }
}