body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

.bossgoo_video_keyword1{
  margin: 30px 0;
}


.bossgoo_video_keyword1 .wrap{
  max-width: 1700px;
  margin-top:100px;
}




.bossgoo_video_keyword1 .video-info .btnBox button .iconfont{
  display: inline-block;
}

.bossgoo_video_keyword1 .main-content {
  display: flex;
  margin-top: 20px;
}
.bossgoo_video_keyword1 .video-list {
  width: calc(100% - 370px);
  margin-right: 20px;
}
.bossgoo_video_keyword1 .video-item {
  margin-bottom: 50px;
  width: 100%;
}

.bossgoo_video_keyword1 .videobox{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.6%;
}

.bossgoo_video_keyword1 .videobox video{
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 width: 100%;
 height: 100%;
 object-fit: contain;
 border-radius: 16px;
}

.bossgoo_video_keyword1 .video-title {
  font-size: 18px;
  margin-top: 10px;
}
.bossgoo_video_keyword1 .video-meta {
  font-size: 12px;
  color: #666;
  margin-top: 5px;
}
.bossgoo_video_keyword1 .popular-videos {
  width: 350px;
  flex-shrink: 0;
}

.bossgoo_video_keyword1 .popular-videos h3{
  color: #000;
  margin-bottom: 10px;
}
.bossgoo_video_keyword1 .popular-videos ul {
  list-style: none;
  padding: 0;
}
.bossgoo_video_keyword1 .popular-videos li {
  margin-bottom: 5px;
}
.bossgoo_video_keyword1 .popular-videos a {
  text-decoration: none;
  color: #333;
}

.bossgoo_video_keyword1 .videoTitle{
  font-family: 'ArialMT';
	font-size: 20px;
  color: #000000;
}

.bossgoo_video_keyword1 .videoTitle .num{
  font-size: 14px;
  color: #999;
}

.bossgoo_video_keyword1 .video-info .infoTitle{
  display: flex;
  align-items: center;
  margin-top: 10px;

}


.bossgoo_video_keyword1 .video-info .infoTitle h2{
  font-weight: bold;
  color: #000;
}
.bossgoo_video_keyword1 .video-info .btnBox{
  flex-shrink: 0;
  display: flex;
  margin-left: 20px;
}

.bossgoo_video_keyword1 .video-info .categories{
  margin-top: 15px;
  display: flex;
  align-items: center;
 
}

.bossgoo_video_keyword1 .video-info .categories .name{
  color: #333;
}

.bossgoo_video_keyword1 .video-info .categories p{
  line-height: unset;
}

.bossgoo_video_keyword1 .video-info .categories a{
  text-decoration: underline;
  color: #333;
}

.bossgoo_video_keyword1 .video-info .categories .share>a{
  text-decoration: none;
}

.bossgoo_video_keyword1 .video-info .btnBox button{
  height: 44px;
  border-radius: 22px;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  border: unset;
  color: #fff;
}
.bossgoo_video_keyword1 .video-info .btnBox button .iconfont { 
  font-size: 26px;
  color: #ffffff;
  margin-right: 8px;
}

.bossgoo_video_keyword1 .video-info .btnBox .leave{
  background-color: #ff9000;
  margin-right: 10px;
  cursor: pointer;
}

.bossgoo_video_keyword1 .video-info .btnBox .now{
  background-color: #3abf27;
  cursor: pointer;
}

.bossgoo_video_keyword1   .video-stats{
  display: flex;
  align-items: center;
  margin-left: 30px;
}

.bossgoo_video_keyword1   .video-stats .iconfont{
  font-size: 20px;
  margin-right: 5px;
}

.bossgoo_video_keyword1   .video-stats .iconbox{
  margin-right: 10px;
  display: flex;
  align-items: center;
}

.bossgoo_video_keyword1   .video-stats {
  font-size: 14px;
}

.bossgoo_video_keyword1 .popular-videos ul{
  display: flex;
  flex-wrap: wrap;
}

.bossgoo_video_keyword1 .popular-videos ul li{
  background-color: #e5e5e5;
;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 14px;
}

.bossgoo_video_keyword1 .popular-videos ul li a{
  display: block;
  width: 100%;
  height: 100%;
  color: #333333;
  padding: 5px 7px
}

.bossgoo_video_keyword1 .popular-videos ul li.active{
  background-color: #ffe9cc;

}

.bossgoo_video_keyword1 .popular-videos ul li.active a{
  color: #ff8d55;
  
}

.bossgoo_video_keyword1 .btnBox.phone{
  display: none !important;
}



@media only screen and (max-width:1040px) {
  .bossgoo_video_keyword1 .wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.bossgoo_video_keyword1 .btnBox.phone{
  display: flex !important;
}

.bossgoo_video_keyword1 .main-content{
  flex-direction: column;
}
.bossgoo_video_keyword1 .video-list{
  width: 100%;
}

.bossgoo_video_keyword1 .popular-videos{
  width: 100%;
}

.bossgoo_video_keyword1 .video-info .btnBox{
  display: none;
}

.bossgoo_video_keyword1 .video-info .categories{
  flex-wrap: wrap;
}



.bossgoo_video_keyword1 .video-info .btnBox{
  margin-left: 0;
  width: 100%;
}

.bossgoo_video_keyword1 .video-info{
  padding: 0 .2rem;
}

.bossgoo_video_keyword1 .videoTitle{
  padding: 0 .2rem;
}

.bossgoo_video_keyword1 .video-info .btnBox{
  margin-top: .4rem;
}

.bossgoo_video_keyword1 .popular-videos{
  padding: 0 .2rem;
}

.bossgoo_video_keyword1 .video-info .btnBox button{
  width: 50%;
  justify-content: center;
  height: .74rem;
  border-radius: .37rem;
}

}

@media only screen and (max-width:767px) {
  .bossgoo_video_keyword1 .video-stats{
    margin-left: 0;
  }
  .bossgoo_video_keyword1{
    margin: .3rem 0;
  }
  .bossgoo_video_keyword1 .video-info{
    padding: 0 .1rem;
  }

  .bossgoo_video_keyword1 .videoTitle{
    padding: 0 .1rem;
    font-size: .3rem;
  }

  .bossgoo_video_keyword1 .videoTitle span{
    font-size: .26rem;
  }

  .bossgoo_video_keyword1 .main-content{
    margin-top: .2rem;
  }

  .bossgoo_video_keyword1 .video-info .infoTitle h2{
    font-size: .28rem;
  }
  .bossgoo_video_keyword1 .video-info .categories{
    margin-top: .2rem;
  }

  
  .bossgoo_video_keyword1 .video-info .btnBox{

    margin-top: .2rem;
  }

  .bossgoo_video_keyword1 .video-info .btnBox button{
     width: 50%;
     justify-content: center;
     height: .74rem;
     border-radius: .37rem;
  }

  .bossgoo_video_keyword1 .video-info .btnBox button .iconfont{
    margin-right: 5px;
    font-size: .40rem;
  }

  .bossgoo_video_keyword1 .video-item{
    margin-bottom: .5rem;
  }

  .bossgoo_video_keyword1 .popular-videos{
    padding: 0 .1rem;
  }

}