.media-library {
    width: 6.4rem;
    touch-action: none;
}

.media-library h2 {
    font-size: .22rem;
    margin: 10px 25px 10px 20px;
    margin: .1rem .25rem .1rem .2rem
}
.m-video-box {
  background: #ffffff;
  padding: 0.13rem 0.33rem;
}
.m-video-box li   li {
  margin-top: 0.53rem;
}
.m-video-box li h4{
  font-size: 0.2rem;
  line-height: 0.28rem;
  font-weight: normal;
  color: #4c4948;
  margin: 0.13rem 0 0;
}
.m-video-img-box {
  position: relative;
  height: 3.13rem;
  background-color: #ccc;
  border-radius: 2px;
  overflow: hidden;
}
.m-video-img-box img {
  display: block;
  width: 100%;
  height: 100%;
}
.m-video-img-box span {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  margin: -0.3rem 0 0 -0.3rem;
  top: 50%;
  left: 50%;
  background:  0 0 no-repeat;
  background-size: 100%;
}
.m-video-img-box p {
  position: absolute;
  top: 0.13rem;
  left: 0.13rem;
  width: 1.2rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  background: #f05a23;
  border-radius: 2px;
  font-size: 0.2rem;
  color: #ffffff;
}
.m-video-loading {
  box-sizing: border-box;
  height: 0.67rem;
  border: 1px solid rgb(240,79,35);
  border: 1px solid rgba(240,79,35,0.2);
  border-radius: 0.34rem;
  line-height: 0.67rem;
  font-size: 0.2rem;
  text-align: center;
  color: #f05a23;
  margin-top: 0.27rem;
}