.content {
  padding-bottom: 30rpx;
  box-sizing: border-box;

  .content-video {
    width: 100%;
    height: 500rpx;
  }


  .header {
    margin-bottom: 10px;
    border-radius: 0 0 40rpx 40rpx;
    padding: 30rpx 30rpx;
    background: #fff;
    margin-bottom: 30px;
  }
}

.catalogue {
  background: #fff;
  border-radius: 40rpx;
  padding: 0 24rpx 24rpx;
  margin-top: 30rpx;

  .short_desc {
    color: #606563;
    line-height: 1.75;
    word-break: break-word;
  }

  .hours {
    position: relative;
    min-height: 440rpx;
  }
}

.hor {
  padding: 20rpx 0;
  display: flex;
  color: #323635;

  .image {
    width: 40rpx;
    height: 40rpx;
    margin-top: 8rpx;
  }


  .title {
    flex: 1;
    width: 710rpx;
    padding: 0 0 30rpx 20rpx;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    border-bottom: 1px solid #F5F8F7;

    .text {
      width: 600rpx;
      word-wrap: break-word;
    }

    .lock {
      width: 30rpx;
      height: 30rpx;
      margin-left: 10rpx;
      margin-top: 10rpx;
    }

  }
}

.complete {
  color: #45D4A8;
}

.Videobutton {
  display: flex;
  background: #fff;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: env(safe-area-inset-bottom);
  box-sizing: border-box;
  padding: 10px 20px;
}

.more {
  height: 50vh;
  padding: 20px 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  .image {
    width: 100px;
    height: 100px;
    display: block;
    margin: auto;
  }
}

.filter-saturate {
  filter: saturate(0);
}

