.top-content {
  background: url("../../img/live/banner_bg.png") center center no-repeat;
  background-size: 100% 100%;
}
body .top-content .desc>img {
  width: 44.625rem;
}
.live_programme  .avtive{
  color: #227CFF !important;
}
.live_platform{
  background: url("../../img/live/bg2.png") no-repeat;
  background-size: cover;
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.live_platform>h1,
.live_platform>p{
  color: #fff !important;
}
.live_platform_content{
  margin-top: 3.75rem;
  display: flex;
  justify-content: space-between;
}
.live_platform_content_item_active,
.live_platform_content_item_normal{
  height: 30rem;
  cursor: pointer;
  overflow: hidden;
}

.live_platform_content_item_active.live1{
  background: url("../../img/live/app@2x.png") no-repeat;
  background-size: cover;
}
.live_platform_content_item_active.live2{
  background: url("../../img/live/h5@2x.png") no-repeat;
  background-size: cover;
}
.live_platform_content_item_active.live3{
  background: url("../../img/live/miniapp@2x.png") no-repeat;
  background-size: cover;
}
.live_platform_content_item_active.live4{
  background: url("../../img/live/pc@2x.png") no-repeat;
  background-size: cover;
}
.live_platform_content_item_active{
  width: 36.9375rem;
  animation: collapse2 .6s;

}
.live_platform_content_item_normal{
  width: 11.4375rem;
  position: relative;
  animation: collapse1 .6s;
  border-radius: 1.25rem;
}
@keyframes collapse2 {
  0% {
     width: 11.4375rem ;
  }
  100% {
    width: 36.9375rem;
  }
}
@keyframes collapse1 {
  0% {
     width:36.9375rem;
  }
  100% {
    width:11.4375rem ;
  }
}
.live_platform_content_item_active .live_titl{
  font-size: 28px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  text-align: center;
  height:  5.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.live_platform_content_item_normal .live_titl{
  font-size: 1.75rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 2.5rem;
  padding-top: 1.6875rem;
  margin-left: 1.25rem;
  margin-bottom: 1.6875rem;
}
.live_platform_content_item_active img{
  height:  calc((100% - 5.875rem));
  display: block;
  margin: 0 auto;
}
.live_platform_content_item_normal  .mask{
  background: linear-gradient(90deg, rgba(34,124,255,0) 0%, #227CFF 100%);
  border-radius: 1.25rem;
  opacity: 0.8;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.live_platform_content_item_normal  img{
  margin-left: 3.9375rem;
  height:  calc((100% - 5.875rem));
}