/* 有进度条 */
/*--背景图片设置---*/
.content{
	width: 1280px;
	height: 720px;
  overflow:hidden;
	position: relative;
	background: url("../img/audiobac.jpg");
	background-size: 100% 100%;
}
.leftbut{
  margin-left:200px;
  margin-top:200px;
  width:110px;
  height:99px;
  position:absolute;
  background-image: url("../img/leftbut.png");
  background-repeat:no-repeat;
}
.leftbut1{
  margin-left:200px;
  margin-top:200px;
  width:120px;
  height:110px;
  position:absolute;
  background-image: url("../img/leftbut1.png");
  background-repeat:no-repeat;
}
.circle{
  left:500px;
  top:100px;
  position:absolute;
  -webkit-animation:circle 20s infinite linear;
}
@-webkit-keyframes circle{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
.circle1{
  width:196px;
  height:46px;
  left:635px;
  top:322px;
  position:absolute;

}
.rightbut{
  left:1000px;
  top:200px;
  width:110px;
  height:100px;
  position:absolute;
  background-image: url("../img/rightbut.png");
  background-repeat:no-repeat;
}
.rightbut1{
  left:1000px;
  top:200px;
  width:120px;
  height:110px;
  position:absolute;
  background-image: url("../img/rightbut1.png");
  background-repeat:no-repeat;
}
.bar{
  position:absolute;
  bottom:25px;
  width:1230px;
  left:30px;
  height:130px;
  border-radius:50px;
  /* background-color:rgba(57, 94, 209, 0.9); */
  /*background: -webkit-linear-gradient(left,  rgba(16, 44, 250,0.95), rgba(9, 243, 236,0.7));  */ 
}
.headline-bg{
  margin-left:-600px;
  margin-top:-4px;
  overflow:hidden;
}

.channel{
  left:560px;
  top:230px;
  width:187px;
  position:absolute;
  font-family: Montserrat;
  letter-spacing: 4px;
  color:(16, 44, 250,0.95);
  font-size: 25px;
  text-shadow: 2px 2px 2px #000;
  font-weight: 900;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.channel2{
  color:rgba(122, 135, 253,0.8);
  font-size: 30px;
  font-weight: 800;
  text-shadow: 1px 1px 1px #000;
}