.share a {
  display: block !important;
  width: 42px !important;
  height: 42px !important;
  margin-bottom: 20px !important;
  line-height: 42px !important;
  font-size: 30px !important;
}

.broadcast {
  position: relative;
  width: 1170px;
  margin: 0px auto;
  display: flex;
  padding-top: 15px;
}

.broadcast-left {
  flex: 1;
}

.broadcast-left-title {
  margin-bottom: 20px;
  font-size: 36px;
  color: #000;
  line-height: 50px;
}

.broadcast-left-date {
  color: #999;
  font-size: 14px;
  position: relative;
}
.broadcast-collect {
  position: absolute;
  right:0;
  top:50%;
  transform: translateY(-50%);
  background: #BD3530;
  color:white;
  padding: 4px;
  border-radius: 5px;
  cursor: pointer;
}
.broadcast-collect.broadcast-collect-yes{
  background: #535353;
  display: none;
}

.broadcast-left-video {
  margin-top: 40px;
  position: relative;
  border: 1px solid #eee;
  background-color: #110C22;
}

.broadcast-left-video-box {
  position: relative;
}

.broadcast-left-video .video-play-btn {
  width: 76px;
  height: 76px;
  cursor: pointer;
}

.broadcast-left-video .video-play-btn img {
  width: 30px;
}
.broadcast-play-box {
  width: 100%;
  height: 488px;
}
.broadcast-play-box video,.broadcast-play-box img {
  width: 100%;
  height: 100%;
}
.broadcast-play-box img {
  display: none;
}

.broadcast-left-video-btn-group {
  position: absolute;
  right: 20px;
  top: 20px;
  display: flex;
  flex-direction: column;
  z-index: 10;
}

.broadcast-left-video-btn-group button {
  outline: none;
  margin-bottom: 10px;
  width: 94px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  border: none;
  color: #fff;
  display: none;
}

.broadcast-left-video-btn-group .broadcast-left-video-btn_1 {
  background-color: #F08733;
}

.broadcast-left-video-btn-group .broadcast-left-video-btn_2 {
  background-color: #DF362F;
}

.broadcast-left-video-btn-group .broadcast-left-video-btn_3 {
  background-color: #000;
}

.broadcast-left-video-btn-group .broadcast-left-video-btn_4 {
  background-color: #000;
  /* cursor: pointer; */
}

.broadcast-left-video-chips {
  display: none;
  justify-content: space-between;
  align-items: center;
  padding: 0 25px;
  height: 54px;
  line-height: 54px;
  background-color: #333;
}

.broadcast-left-video-chips-info {
  flex: 1;
  color: #fff;
}

.broadcast-left-video-chips-info span:first-child {
  margin-right: 26px;
}
.broadcast-start-time {
  display: none;
}

.broadcast-left-video-chips button {
  outline: none;
  border: none;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  border-radius: 5px;
  font-size: 16px;
  color: #fff;
}

.broadcast-left-video-chips-appointment-btn,.broadcast-left-video-chips-has-appointment-btn  {
  cursor: pointer;
  display: none;
}
.broadcast-left-video-chips-appointment-btn {
  background-color: #BD3530;
  display: block;
}
.broadcast-left-video-chips-has-appointment-btn {
  background-color: #535353;
}

.broadcast-left-image-live {
  position: relative;
  margin-top: 40px;
}

.broadcast-left-image-live > img {
  display: block;
  width: 100%;
  height: 265px;
}

.broadcast-left-image-chips {
  background-color: #f6f6f6;
}

.broadcast-left-image-chips .broadcast-left-video-chips-info {
  color: #333;
}
.topVideo-dimensions.vjs-fluid:not(.vjs-audio-only-mode){
  padding-top:0 !important;
}
.broadcast-left-image-chips .broadcast-left-video-chips-appointment-btn {
  background-color: #DF362F;
}

.broadcast-left-live-line ul {
  position: absolute;
  bottom: 40px;
  right: -45px;
  /* display: none; */
  width: 134px;
  background-color: #000;
  border-radius: 4px;
  color: #fff;
}

.broadcast-left-live-line ul li {
  padding: 12px;
  text-align: center;
  cursor: pointer;
}

.broadcast-left-live-line ul li.active {
  color: #DF362F;
}

.broadcast-left-live-line {
  position: relative;
  /* margin-left: auto; */
  padding: 0 10px;
}

.broadcast-left-live-line-current {
  color: #fff;
  cursor: pointer;
  line-height:30px;
  user-select: none;
}

.broadcast-left-people {
  padding: 0 25px;
  margin: 40px 0;
  color: #999;
  line-height: 30px;
}

.broadcast-left-people span {
  margin-right: 40px;
  white-space: nowrap;
}

.broadcast-left-live-item {
  display: flex;
  padding: 32px 24px 0;
}

.broadcast-left-live-item-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 20px;
  display: none;
}
.broadcast-left-live-item:last-child .broadcast-left-live-item-content {
  border-bottom: none;
}

.broadcast-left-live-item-content {
  flex: 1;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
}
.broadcast-left-live-item_title {
  margin-top: 5px;
  margin-bottom: 20px;
  font-weight: 400;
  color: #999;
  font-size: 14px;
}

.broadcast-left-live-item_title span:first-child {
  font-size: 20px;
  margin-right: 18px;
  color: #333;
}

.broadcast-left-live-item-file {
  flex-wrap: wrap;
}
.broadcast-left-live-item-file .lookZy{width: 30%;box-sizing: content-box;padding-right: 1%;}
.broadcast-left-live-item-file a > img, .broadcast-left-live-item-file .broadcast-left-live-item-file-video, .broadcast-left-live-item-file-video a > video {
  display: block;
  /* width: 184px; */
  /*height: 138px;*/
  margin-right: 12px;
  margin-bottom: 5px;
  border: 1px solid #e8e8e8;
  max-width: 100%;
}
.lookZy.size-1{width: 90%;}
.lookZy.size-2{width: 45%;}
.lookZy.size-3{width: 30%;}
.broadcast-left-live-item-file-video {
  position: relative;
}

.video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-color: rgba(0,0,0,.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.video-play-btn-bg {
  background: url('../images/play.png') no-repeat;
  background-size:20px 20px;
  background-position: center;
  background-color: rgba(0,0,0,.8);
}

.video-play-btn > img {
  width: 20px;
}

.broadcast-left-live-item-txt {
  margin-top: 20px;
  font-size: 20px;
  color: #333;
  line-height: 36px;
  text-align: justify;
  white-space: break-spaces;
  line-break: anywhere;
}

.broadcast-left-introduce {
  display: none;
  padding: 20px 27px;
}

.broadcast-left-introduce p {
  margin-bottom: 40px;
  line-height: 44px;
  font-size: 24px;
  color: #333;
}

.broadcast-right {
  width: 325px;
  margin-left: 50px;
}

.broadcast-right-header {
  margin-bottom: 20px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  background-color: #fafafa;
}

.broadcast-right-header-txt {
  margin-left: 10px;
  font-size: 24px;
}

.broadcast-right-comment {
  margin-bottom: 30px;
  max-height: 800px;
  min-height: 200px;
  padding-top: 20px;
  border: 1px solid #fafafa;
  position: relative;
}
.broadcast-right-comment-container {
  overflow-y: auto;
  max-height: 720px;
  padding-bottom: 80px;
}
/* WebKit 浏览器样式 */
.broadcast-right-comment-container::-webkit-scrollbar {
  width: 5px;
background: white;
border-radius: 3px;
}
/* 滚动条滑块样式 */
.broadcast-right-comment-container::-webkit-scrollbar-thumb {
  background: #EFEFEF;
  border-radius: 3px;
}

/* 鼠标悬停时滚动条滑块样式 */
.broadcast-right-comment-container::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.broadcast-right-comment-container .broadcast-right-comment-item{
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
  /*box-shadow: 0px 5px 5px -2px #ece3ed;*/
}

.broadcast-right-comment-item + .broadcast-right-comment-item {
  margin-top: 28px;
}
.broadcast-right-comment-item:hover .broadcast-right-comment-item-reply-btn{
  display: block;
}

.broadcast-right-comment-item-info {
  display: flex;
  align-items: center;
  padding: 0 20px;
}

.broadcast-right-comment-item-info img {
  width: 40px;
  height: 40px;
  margin-right: 20px;
  border-radius: 50%;
}

.broadcast-right-comment-item-info span {
  font-size: 20px;
}

.broadcast-right-comment-item-content {
  margin: 10px 0;
  font-size: 20px;
  line-height: 34px;
  padding: 0 20px;

  text-align: justify;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.broadcast-right-comment-item-date {
  padding: 0 20px;
  color: #999;
  font-size: 14px;
}

.broadcast-right-comment-item-reply {
  margin-top: 20px;
}

.broadcast-right-comment-item-reply-content, .broadcast-right-comment-item-reply-content-reply {
  margin: 10px 0 10px 20px;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 26px;
  color: #999;
  border-left: 2px solid #efefef;
  text-align: justify;
}
.broadcast-right-comment-item-reply-content {
  display: none;
}

.broadcast-right-comment-item-reply-btn {
  color: #DF362F;
  font-size: 14px;
  cursor: pointer;
  display: none;
}
.broadcast-right-comment-item-input-container {
  position:absolute;
  bottom:0;
  width: 100%;
}
.broadcast-right-comment-item-input {
  padding: 7px;
  /* margin-top: 28px; */
  background-color: #f6f6f6;
}

.broadcast-right-comment-item-input input {
  padding: 1px 10px;
  height: 33px;
  line-height: 33px;
  background-color: #ffffff;
  border: none;
}

.broadcast-right-comment-item-input input::placeholder {
  color: #999;
}

.broadcast-right-comment-item-input input:focus-visible {
  border: none;
  outline: none;
}

.broadcast-right-comment-item-send-btn {
  width: 68px;
  height: 36px;
  line-height: 36px;
  margin-left: 10px;
  text-align: center;
  letter-spacing: 2px;
  border-radius: 5px;
  color: #fff;
  background-color: #DF362F;
  font-size: 16px;
  cursor: pointer;
}

.broadcast-right-publish-comment {
  position: relative;
  padding: 7px;
  background-color: #f6f6f6;
  display: none;
}

.broadcast-right-publish-comment-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
}

.broadcast-right-gift {
  margin-bottom: 15px;
  margin-left: -30px;
  cursor: pointer;
  display: none;
}

.broadcast-right-gift-open {
  position: relative;
  display: none;
}

.broadcast-right-gift-box {
  padding: 15px;
  width: 430px;
  position: absolute;
  right: 375px;
  top: 0;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 18px rgba(0,0,0,.3);
  z-index: 10;
}
.broadcast-right-gift-image {
  display: flex;
  margin-top: 15px;
  flex-wrap: wrap;
  max-height: 124px;
  overflow-y: auto;
}
.broadcast-right-gift-image::-webkit-scrollbar {
  display: none !important;
}
.broadcast-right-gift-image-item {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 57px;
}
.broadcast-right-gift-image-wrap {
  width: 57px;
  height: 57px;
  border: 1px solid #eee;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.broadcast-right-gift-image-item .gift-jf {
  width: 57px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #eee;
  box-sizing: border-box;
  border-top: none;
  text-align: center;
  font-size: 14px;
}
.broadcast-right-gift-image-item:not(:nth-child(7n + 1)){
  margin-left: 5px;
}

.broadcast-right-gift-image-item img {
  max-width: 100%;
  max-height: 100%;
}

.gift-remind-text {
  display: none;
  position: fixed;
  z-index: 100;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0,0,0,.7);
  padding: 12px 30px;
  color: #fff;
  border-radius: 5px;
}

.share {
  position: absolute;
  top: 16px;
  left: -100px;
}

.share h3 {
  margin-bottom: 32px;
  color: #999;
  text-align: center;
  font-size: 14px;
}

.share-img-box {
  margin-bottom: 14px;
}

.share-img-box .share-img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}

.share-img-box-wechat {
  position: relative;
}

.share-img-box-wechat:hover .share-wechat-code{
  display: inline-block;
}

.share-wechat-code {
  position: absolute;
  display: none;
  width: 100px;
  height: 100px;
}
.common-tabs span {
  display: none;
}
.common-tabs span a{color: #333;}
/* 视频播放器的样式 */
.video-box {
  height: 100%;
  /* display: none; */
}
#topVideo {
  width: 100%;
  height: 100%;
}
.vjs-big-play-button {
  display: none !important;
}
.video-js .vjs-play-progress {
  background: #DF362F !important;
}
.vjs-default-skin .vjs-volume-level {
  background: #DF362F !important;
}
.video-js .vjs-play-control {
  margin-right: auto !important;
}
.video-js .vjs-control-bar {
  background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%) !important;
}
.vjs-slider-vertical .vjs-volume-level:before {
  left: -.45em !important;
}
.preview_box {
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  padding: 40px 20px;
  background: rgba(0,0,0,0.7);
  border-radius: 10px;
  z-index: 100;
  display: none;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(15px);
}
.preview_img_box{width: 100%;text-align: center;max-height: 820px;overflow-y: auto;}
.preview_img_box img, .preview_img_box video {
  max-width: 80%;
  /*max-height: inherit;*/
}
.preview_close {
  font-size: 20px;
  position: absolute;
  top: 5px;
  right: 20px;
  cursor: pointer;
}
/*直播导航*/
.qzwnav {
  height: 43px;
  line-height: 43px;
  text-align: center;
  background: #ca0915;
  font-size: 14px;
}
.qzwnav a {
  display: inline-block;
  margin: 0 10px;
  color: #fff;
}
/*手机版顶部*/
.wap-hd{display: none;}
.wap-hd .hd-nav{
  padding: 15px 5% 0 5%;
}
.wap-hd .hd-logo{
  width: 40%;
  margin-bottom: 20px;
}
.wap-hd .hd-home{
  display: block;
  width: 5%;
  padding-top: 2px;
  margin-bottom: 20px;
  margin-right: 0;
}
.wap-hd .hd-nav img{width: 100%;}
/*我要直播*/
.wyzb{
  font-size: 12px;line-height: 30px;text-align: center;
}
.wyzb a{
  text-decoration: underline;
}
.bg-red-white{
  background: #df3031;color: #fff;
}
.bg-red-white a{color: #fff;}
.bg-white-red{
  background: #fff;color: #f00;
}
.bg-white-red a{color: #f00;}
/*直播头图*/
.top{
  height: auto;
  box-sizing: content-box;
  width: 100%;
  text-align: center;
}
.top .hd-img1,.top .hd-img2{max-width: 100%}
.top .hd-img2{display: none;}
/*直播简介*/
.main{ width: 1170px;margin: 0 auto;position: relative; margin-top: 10px;}
.daoy{
  background: url('../images/daoy.gif') no-repeat 20px 0 #eeefef;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 30px;
  font-size: 16px;
  color: #444;
  padding: 25px 30px 30px 80px;
  text-indent: 2em;
}
.broadcast-read{background: url('../images/qb1.gif') no-repeat;padding-left: 1.5rem;}
.broadcast-discuss{display: none;}
.footer-zbqz{
    padding: 1em 2em;margin-top: 2em;line-height: 1.5em;text-align: center;font-size: .8em;color: #000;background: #f8f8f8;
}
.footer-zbqz .ftit a{color: #000;}
@media only screen and (max-width:1024px){
  .main{width: 100%;}
  .broadcast{width:100%; }
  .broadcast-right{width: 30%;}
}
@media only screen and (max-width:768px){
  .qzwnav{background-color: unset;line-height: normal;height: auto;}
  .qzwnav>a{display: none;}
  .wap-hd{display: block;}
  .top .hd-img1{display: none;}
  .top .hd-img2{display: block;}

  .main{margin-top: 0;}

  .broadcast{flex-direction: column; }
  .broadcast-left,.broadcast-right{align-items: center;}
  .broadcast-left-date{background-color: #fafafa; padding: 10px;}
  .broadcast-discuss{display: block;margin-left: 1em;color: #f08733;}
  .broadcast-left-title{display: none;}
  .broadcast-left-date .wyzb{display: none;}
  .broadcast-right{width: auto;margin-left: unset;display: none;}

  .daoy{background-image: none;padding: 15px;font-size: 1.125rem;background-color: #fff;}

  .broadcast-left-live-item-file .lookZy{width: 100%; padding: 0;}
  .preview_box{padding: 0;}
  .preview_img_box img, .preview_img_box video{max-width: 98%;}

  .footer-zbqz .ftit{display: block;}

}