.warp {

  padding-top: 1.10rem;

}



.video-box {

  width: 6.90rem;

  margin: .30rem auto;

  display: flex;

  flex-wrap: wrap;

}



.video-box .video-item {

  width: calc(50% - .10rem);

  margin-right: .20rem;

  margin-bottom: .20rem;

}



.video-box .video-item:nth-child(2n) {

  margin-right: 0;

}



.video-box .video-item img {

  width: 100%;

  height: 5.30rem;

  border-radius: .14rem;

  object-fit: cover;

}



.video-box .video-item p {

  font-weight: bold;

  margin-top: .30rem;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}



/* video播放器 */

.video-play {

  width: 7.50rem;

  height: 100vh;

  position: fixed;

  z-index: 999;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  /* background-color: #000000; */

  display: flex;

  justify-content: center;

  align-items: center;

  color: #fff;

  display: none;

}



.video-play-show {

  display: block;

}



.video-play .back {

  position: absolute;

  top: .30rem;

  left: .20rem;

  height: .50rem;

  padding: 0 .20rem;

  border-radius: .50rem;

  color: #fff;

  background-color: #00000050;

  display: flex;

  justify-content: center;

  align-items: center;

}



.video-play .back img {

  width: .30rem;

  height: .30rem;

  object-fit: fill;

}



.video-play video {

  width: 100%;

  height: 100%;

  background-color: #000000;

  position: absolute;

  top: 0;

  left: 0;

}