.audio-container {
  background: #1d242a;
  padding: 30px 0 0 0 ;
}
.audio-main {
  margin-top: 30px;
  margin-bottom: 40px;
}
.audio-main__left {
  width: 600px;
  height: 759px;
  background: #1f1f1f;
  position: relative;
}
.audio-play__btn {
  margin: 8px;
  width: 684px;
  height: 82px;
  background: #2c2c2c;
  border-radius: 4px;
  text-align: center;
  line-height: 82px;
  font-size: 18px;
  font-weight: Normal;
  color: #ffffff;
  margin-bottom: 55px;
}
.audio-play__btn  .play-icon {
  width: 11px;
  height: 14px;
  display: inline-block;
  background: url(../images/audio-play.png?v=20230621172904);
  background-size: 11px 14px;
  margin-right: 10px;
}
.audio-pause__btn {
  margin: 8px;
  width: 584px;
  height: 82px;
  background: #2c2c2c;
  border-radius: 4px;
  text-align: center;
  line-height: 82px;
  font-size: 18px;
  font-weight: Normal;
  color: #ffffff;
  margin-bottom: 55px;
}
.audio-pause__btn  .pause-icon {
  width: 11px;
  height: 14px;
  display: inline-block;
  background: url(../images/audio-pause.png?v=20230621172904);
  background-size: 11px 14px;
  margin-right: 10px;
}
.audio-play__bg {
  margin: 0 197px 19px 197px;
  width: 205px;
  height: 205px;
  background: url(../images/audio-bg.png?v=20230621172904);
  background-size: 205px 205px;
}
.audio-play__bg img {
  width: 117px;
  height: 117px;
  border-radius: 50%;
  margin: 44px;
}
.audio-play__title {
  font-size: 18px;
  font-weight: Normal;
  text-align: left;
  color: #ffffff;
  line-height: 27px;
  margin-left: 213px;
  margin-bottom: 19px;
  background: url(../images/living02.png?v=20230621172904) no-repeat left center;
  background-size: 49px 18px;
  padding-left: 60px;
}
.audio-play__name {
  font-size: 14px;
  font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  font-weight: Normal;
  text-align: left;
  color: #9b9b9b;
  margin-left: 213px;
  vertical-align: middle;
  margin-bottom: 50px;
}
.prism-controlbar {
  display: block !important;
  top: 0px;
  width: 232px !important;
  left: 40px !important;
}
.prism-big-play-btn {
  display: none !important;
}
.prism-info-display {
  height: 0px !important;
}
.audio-play__main .play-box {
  margin: 0px 32px 0px 185px;
  position: relative;
  height: 20px;
}
.prism-controlbar-bg {
  height: 0px !important;
}
/* .duration {
  top: ;
} */
.prism-time-display {
  position: absolute;
  top: -22px;
  right: -54px;
}
.current-time,.time-bound,.prism-play-btn,.prism-fullscreen-btn,.prism-cc-btn,.prism-setting-btn,.prism-volume{
  display: none !important;
}
.prism-player .prism-liveshift-progress .prism-progress-played, .prism-player .prism-progress .prism-progress-played {
  background: #ffb814 !important;
}
.prism-player .prism-liveshift-progress, .prism-player .prism-progress {
  height: 2px !important;
}
.prism-progress-cursor {
  display: block !important;
}
.prism-player .prism-liveshift-progress .prism-progress-cursor, .prism-player .prism-progress .prism-progress-cursor {
  top: -3px !important;
  width: 8px !important;
  height: 8px !important;
}
.prism-info-display {
  width: 232px !important;
  left: 40px !important;
}
.prism-live-display {
  top: -18px !important;
}
.loading-center{
  display: none !important;
}
.play-icon02 {
  width: 11px;
  height: 14px;
  display: inline-block;
  background: url(../images/audio-play.png?v=20230621172904);
  background-size: 11px 14px;
  margin-right: 10px;
  position: absolute;
  top: -4px;
}
.pause-icon02 {
  width: 11px;
  height: 14px;
  display: inline-block;
  background: url(../images/audio-pause.png?v=20230621172904);
  background-size: 11px 14px;
  margin-right: 10px;
  position: absolute;
  top: -4px;
}
.hidden {
  display: none;
}
.share-box {
  font-size: 14px;
  font-family: SourceHanSansCN, SourceHanSansCN-Regular;
  font-weight: 400;
  text-align: left;
  color: #999999;
  position: absolute;
  left: 208px;
  bottom: 65px;
}
.share-to__text {
  margin-right: 20px;
}
.audio-main__right {
  width: 600px;
  height: 759px;
  background: #1f1f1f;
}
.right-mask__top {
  width: 600px;
  height: 20px;
  background: url(../images/mask-top.png?v=20230621172904);
  background-size: 993px 20px;
  position: absolute;
  top: 0px;
  z-index: 1;
}
.right-mask__bottom {
  width: 592px;
  height: 20px;
  background: url(../images/mask-bottom02.png?v=20230621172904);
  background-size: 592px 20px;
  position: absolute;
  bottom: 0px;
  z-index: 1;
}
 .audio-main__right .right-box {
  margin: 8px 8px 8px 0px;
  background: #252525;
}
.time_div {
  width: 592px;
}
.tabtime-item {
  float: left;
  width: 195px;
  height: 82px;
  background: #2c2c2c;
  text-align: center;
  margin-right: 3px;
  padding-top: 15px;
  color: #999999;
}
.tabtime-item:last-child {
  margin-right: 0px;
}
.tabtime-item .week {
  font-size: 12px;
  font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  font-weight: Normal;
  text-align: center;
  font-size: 18px;
}
.tabtime-item .day {
  font-size: 24px;
  font-family: ArialMT, ArialMT-Regular;
  font-weight: 400;
  text-align: center;
  line-height: 28px;
}
.program_list {
  position: relative;
  /* height: 661px; */
}
.time_div .active {
  background: #226aa5;
  color: #ffffff !important;
}
.tabtime-item:hover {
  background: #226aa5;
  color: #ffffff !important;
}
.program_list_ul{
  height: 661px;
  width: 100%;
  /* padding-left: 20px; */
  box-sizing: border-box;
  overflow-y: auto;
}
.program_list_ul li {
  position: relative;
  height: 54px;
  line-height: 54px;
  padding-left: 56px;
}
.program_list_ul li:hover {
  background: #2c2c2c;
}
.program_list_ul li span{
  color: #ffffff;
  font-size: 14px;
  display: inline-block;
  margin-right: 15px;
  width: 62px;
}
.program_list_ul li span:nth-child(2){
  width: 11px;
  height: 11px;
  background: url(../images/live_yuan.png?v=20230621172904) no-repeat;
  background-size: 11px 11px;
  margin-left: 10px;
  margin-right: 34px;
}
.program_list_ul li span img{
  width: 13px;
  height: 14px;
  margin-right: 8px;
}
.program_list_ul .text-span {
  width: 105px;
  white-space: nowrap;
    overflow: hidden;
    height: auto;
    vertical-align: middle;
    text-overflow: ellipsis;
  /*margin-right: 60px;*/
}
.program_list_ul  .zb-name {
  width: 145px;
}
.shuxian{
  width: 1px;
  height: 48px;
  background:linear-gradient(153deg,rgba(255,255,255,0.20) 17%, rgba(255,255,255,0.05));
  position: absolute;
  left: 152px;
  top: 32px;
}
.shuxiantop{
  width: 1px;
  height: 48px;
  /* background:linear-gradient(153deg,rgba(255,255,255,0.20) 17%, rgba(255,255,255,0.05)); */
  background: linear-gradient(153deg,rgba(255,255,255,0.20) 17%, rgba(255,255,255,0.05));
  position: absolute;
  left: 152px;
  top: -21px;
}
.shouqi{
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -7px;
  width: 14px;
  height: 13px;
}
.program_list_ul li .state {
  display: none;
}
.program_list_ul .curn span {
  color:#FFB814;
}
.program_list_ul .curn .state {
  display: inline-block;
  font-size: 14px;
  font-family: SourceHanSansCN, SourceHanSansCN-Normal;
  font-weight: Normal;
  color:#FFB814;
  line-height: 21px;
  margin-right: 0px !important;
  width:88px !important;
}
.audio-program__main {
  background: #ffffff;
}
.audio-program__main .program-bottom {
  padding: 30px 0px 0px 0px;
}
.social-top  {
  font-size: 20px;
  font-family: SourceHanSansCN, SourceHanSansCN-Regular;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 30px;
  margin-right: 40px;
  position: relative;
  margin-top: 8px;
}
.active-social {
  margin-top: 0px;
}
.active-social span:nth-child(1){
  font-size: 28px;
  font-family: SourceHanSansCN, SourceHanSansCN-Medium;
  font-weight: 500;
  text-align: left;
  color: #333333;
  line-height: 42px;
}
.active-social span:nth-child(2){
  width: 100%;
  height: 2px;
  background: #ffb814;
  border-radius: 5px;
  position: absolute;
  top: -12px;
  left: 0;
}
.qx-news__top {
  border-top: 2px solid #f0f0f0;
  padding-top: 10px;
  margin-bottom: 5px;
}
.qx-top__name {
  position: relative;
}
.qx-top__name .qx-name {
  font-size: 28px;
  font-family: SourceHanSansCN, SourceHanSansCN-Medium;
  font-weight: 500;
  text-align: left;
  color: #333333;
  line-height: 42px;
}
.program-bottom__list {
  margin-left: -6px;
  height: 608px;
}
.program-bottom__list li {
  width: 218px;
  /*height: 280px;*/
  height: 200px;
  background: url(../images/bg-06.png?v=20230621172904);
  background-size: 218px 200px;
  margin-right: 17px;
  margin-bottom: 24px;
  /* margin-left: -2px; */
  /* padding: 4px; */
}
.program-bottom__list li:nth-child(6n) {
  margin-right: 0;
}
.list-img__box {
  position: relative;
  /* margin-bottom: 16px; */
}
.list-img__box img {
  width: 200px;
  height: 130px;
  border-radius: 4px;
  margin-left: 8px;
}
.program-bottom__list li:hover {
  width: 248px;
  /*height: 315px;*/
  height: 230px;
  background: url(../images/bg-07.png?v=20230621172904);
  background-size: 248px 230px;
  margin-left: -17px;
  margin-top: -20px;
  margin-right: 0px;
  margin-bottom: 0px;
    /*box-shadow: 1px 0px 20px rgb(108 166 248 / 10%);*/
}
.program-bottom__list li:hover .list-img__box img {
  margin-top: 20px;
  margin-left: 24px;
}
.program-bottom__list li:hover .mask-bottom {
  left: 24px;
}
.program-bottom__list li:hover .program-bottom__name,.program-bottom__list li:hover .program-bottom__ul {
  width: 173px;
  margin-left: 34px;
}
.mask-bottom {
  width: 200px;
  height: 42px;
  background: url(../images/mask-bottom.png?v=20230621172904);
  background-size: 208px 42px;
  display: inline-block;
  position: absolute;
  left: 8px;
  bottom: 4px;
}
.program-bottom__name {
  font-size: 16px;
  font-family: SourceHanSansCN, SourceHanSansCN-Regular;
  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 24px;
  margin: 6px 21px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #d8d8d8;
}
.program-bottom__ul {
  margin: 15px 21px;
  height: 56px;
  overflow: hidden;
}
.program-bottom__ul div {
  background: url(../images/listen-icon.png?v=20230621172904) no-repeat left center;
  background-size: 14px 14px;
  font-size: 14px;
  font-family: SourceHanSansCN, SourceHanSansCN-Regular;
  font-weight: 400;
  text-align: left;
  color: #999999;
  padding-left: 24px;
  margin-bottom: 16px;
}
.program-bottom__ul div:hover {
  background: url(../images/listen-icon02.png?v=20230621172904) no-repeat left center;
  background-size: 14px 14px;
  color: #226AA5;
}
.channel_list_ul {
  /* display: flex; */
   width: 500px; 
  /* background: #333333; */
  overflow-x: auto;
  position: absolute;
  /*left: -148px;*/
  left: 400px;
  top: -40px;
  /* padding: 16px; */
}
.channel_list_ul li {
  float:left;
  width: 148px;
  /* padding: 13px 23px; */
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: rgba(255, 255, 255, .3);
  font-size: 14px;
  border-radius: 8px 0px 0px 8px;
  margin-bottom: 2px;
  /* background: #2c2c2c; */
}
.channel_list_ul .lmqh {
  background: #1f1f1f;
  color: #ffffff;
}
.channel_name {
  width: 132px;
  height: 100%;
  padding: 8px 13px 8px 28px;
  background:  #2c2c2c;
  border-radius: 8px 0px 0px 8px;
  margin-left: 16px;
}
.channel_name img {
  width: 41px;
  height: 18px;
  margin-top: 8px;
}
.channel_name span {
  font-size: 14px;
  line-height: 21px;
  /* margin-top: 12px; */
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.channel_list_ul .lmqh .channel_name {
  background: #1f1f1f !important;
  margin-left: 0px;
  width: 148px;
}
.paly-icon02 {
  width: 5px;
  height: 8px;
  background: url(../images/play-04.png?v=20230621172904) no-repeat;
  display: inline-block;
  background-size: 5px 8px;
  display: none !important;
  margin-right: 10px;
  margin-top: 6px;
}
.lmqh .paly-icon02 {
  display: block !important;
}
.share-to__img a {
  margin-right: 20px !important;
  cursor: pointer;
}
.program_list_ul .curn span:nth-child(2) {
  width: 11px;
  height: 11px;
  background: url(../images/live_yuanclick.png?v=20230621172904) no-repeat;
  background-size: 11px 11px;
}
.program_list li.living{
  background: none;
}
.bread-crumbs{
  background: none;
}
.cur_place_wrap a{
  color: #999;
}
.cur_place_wrap a:last-child{
  color: #999;
}