.wrap {
  width: 100%;
  margin-top: .48rem;
  position: relative;

}


.part {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #FFFFFF
}








.part1{
  width: 100%;

}
.part1 img{
  width: 100%;
}
.part2{
  padding: .58rem .16rem;
  background-color: #101112;
}
.part2 h1{
  color: #FFFFFF;
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 20px;
  padding-left: 0;
}
.part2 .blue{
  width: .67rem;
  height: .02rem;
  margin-top: .16rem;
  background-color: #357FFE;
}
.part2 h2{
  color: #FFFFFF;
  font-style: normal;
  font-weight: 900;
  font-size: 24px;
  line-height: 32px;
  margin-top: .19rem;
}
.part2 p{
  color: #FFFFFF;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  margin-top: .16rem;
}


.part2 .imgs { 
   width: 3.43rem;
   height: 2.48rem;
   margin: .16rem auto 0;
}

.part3 {  
  padding-bottom: .42rem;   
}

.part3 .title { margin: .24rem 0 0.34rem .16rem; padding: 0;  }
.part3 .blue{
  width: .67rem;
  height: .02rem;
  margin-left: .16rem;
  background-color: #357FFE;
}
.part3 .synopsis { margin: 0.16rem auto 0.16rem; }

.part3 .list_box { 
   width: 3.43rem;
   height: 2.69rem;
   margin: 0 auto .16rem;
}
.part3 .list_imgs { width: 3.43rem;height: 1.93rem;display: block;}

.part3 .txt_box { 
  width: 100%; 
  height: 0.76rem;
  background: rgba(17, 27, 45, 0.8);
  backdrop-filter: blur(.25rem); 
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.part3 .txt_box .title { 
   margin: 0.16rem 0 0.08rem 0.16rem;
   color: #FFFFFF;
   line-height: .24rem;
   font-size: .24rem;
}
.part3 .txt_box  .synopsis {
   margin: 0;
   color: #FFFFFF;
   font-size: .16rem;
   line-height: .16rem;
   margin-left: .16rem;
}