jhwxapp/miniprogram/pageage/xiangmushipin/xiangmushipin.wxss

/* pages/xiangmushipin/xiangmushipin.wxss */

.video_num{
  padding:0 30rpx;
  height: 120rpx;
}
.video_icon {
  font-size: 28rpx;
  text-align: center;
  padding: 30rpx 0;
}
.video_icon image{
  width: 40rpx;
  height: 40rpx;
  position: relative;
  top: 10rpx;
}
.video_nav_max{
  height: 80rpx;
  padding: 0 30rpx;
}
.video_nav{
  float:left;
  height: 80rpx;
  text-align: center;
  line-height: 80rpx;
  width: 20%;
  background: #26355a;
  font-size: 28rpx;
}
.video_nav_max .video_nav:first-child{
  border-radius: 10rpx 0 0 10rpx;
}
.video_nav_max .video_nav:last-child{
  border-radius:0 10rpx 10rpx 0;
}
.video_nav.active{
  background:#43539c ;
}
.video_work_area{
  margin-top: 20rpx;
  padding:10rpx 30rpx;
}
.video_work_area_title{
  height: 40rpx;
  line-height: 40rpx;
  padding-left: 40rpx;
  font-size: 28rpx;
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/menu/CORE_52887EE6A33042408E11C2174974ABA1.png") no-repeat left/35rpx;
}
.video_work_area_content{
  padding: 10rpx;
}
.video_work_area_content live-player{
  background: #666;
  height: 200rpx;
  width: 100%;
  border-radius: 10rpx;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.video_id{
  height: 40rpx;
  text-align: center;
  font-size: 28rpx;
}
.icon_img{
  width: 30rpx;
  height: 30rpx;
  position: relative;
  float: right;
  margin-top: -50rpx;
  right: 10rpx;
}
.img_state{
  height: 200rpx;
  width: 100%;
}