// .videoWrap {
//     width: 100%;
//     height: 100%;

//     :global {
//         .plyr--video {
//             width: 100%;
//             height: 100%;
//         }

//         .plyr__time {
//             display: block !important;
//         }
//         .plyr__video-wrapper{
//             pointer-events: none;
//         }
//     }
// }

// :global(.bottomFixed).controls {
//     width: 100%;
//     background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
//     padding: 0 !important;
//     flex-direction: column;
//     transition: all 0.5s;

//     .time {
//         display: flex;
//         justify-content: space-between;
//         width: 100%;
//         color: #fff;
//         font-size: 10px;
//         padding: 4px 20px;

//         :global {
//             .plyr__time+.plyr__time:before {
//                 content: '';
//             }
//         }
//     }

//     .slider {
//         width: 100%;
//         padding: 0 20px;

//         :global {
//             .van-slider__button {
//                 background: var(--van-primary);
//             }

//             .van-loading {
//                 width: 100%;
//                 height: 100%;
//             }
//         }
//     }

//     .actions {
//         display: flex;
//         justify-content: space-between;
//         width: 100%;
//         color: #fff;
//         font-size: 12px;
//         padding: 0 20px;
//         align-items: center;

//         .actionWrap {
//             display: flex;
//         }

//         .actionBtn {
//             display: flex;
//             width: 38px;
//             height: 38px;
//             padding: 4px 0;
//             background: transparent;
//         }

//         .actionBtn>img {
//             width: 100%;
//             height: 100%;
//         }

//         :global {
//             .van-loading__circular {
//                 width: 100%;
//                 height: 100%;
//             }
//         }

//         .playIcon {
//             display: none;
//         }

//         .btnPlay img:nth-child(2) {
//             display: block;
//         }

//         .btnPause img:nth-child(3) {
//             display: block;
//         }

//         .btnPlay,
//         .btnPause {
//             :global {
//                 .van-loading {
//                     display: none;
//                 }
//             }
//         }
//         .loopBtn{
//             :global{
//                 .loop{
//                     display: block;
//                 }
//                 .loopActive{
//                     display: none;
//                 }
//             }
//         }
//         .loopBtn.active{
//             :global{
//                 .loop{
//                     display: none;
//                 }
//                 .loopActive{
//                     display: block;
//                 }
//             }
//         }

//     }
// }

.videoWrap {
  position: relative;
  width: 100%;
  height: 100%;

  .videoSection {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
  }
}

.content {
  position: relative;
  height: 100%;
}

.contentWrap {
  height: 100%;

  video {
    width: 100%;
    height: 100%;
  }
}

.controls {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 80px;
  background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.5s;
  width: 100%;
  z-index: 9;

  &.hide {
    transform: translateY(100%);
  }

  .time {
    display: flex;
    justify-content: space-between;
    // width: 100%;
    color: #fff;
    font-size: 10px;
    padding: 4px 20px;
  }

  .slider {
    // width: 100%;
    padding: 0 20px;
    --van-slider-button-width: 13px !important;
    --van-slider-button-height: 13px !important;
    --van-slider-active-background-color: #ff7c97 !important;

    :global {
      .n-slider {
        --n-handle-size: 13px !important;
        --n-fill-color: var(--van-primary-color) !important;
        --n-fill-color-hover: var(--van-primary-color) !important;
      }

      .van-loading {
        width: 100%;
        height: 100%;
      }
    }
  }

  .actionSection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px 8px 15px;

    .name {
      font-size: 14px;
      font-weight: 500;
      color: #ffffff;
    }
  }

  .actions {
    display: flex;
    // width: 100%;
    color: #fff;
    font-size: 12px;

    align-items: center;

    .actionWrap {
      display: flex;
    }

    .actionBtn {
      display: flex;
      width: 30px;
      height: 30px;
      padding: 4px 0;
      background: transparent;

      & + .actionBtn {
        margin-left: 18px;
      }
    }

    .actionBtn > img {
      width: 100%;
      height: 100%;
    }

    :global {
      .van-loading__circular {
        width: 100%;
        height: 100%;
      }
    }

    .playIcon {
      display: none;
    }

    .btnPlay img:nth-child(2) {
      display: block;
    }

    .btnPause img:nth-child(3) {
      display: block;
    }

    .btnPlay,
    .btnPause {
      :global {
        .van-loading {
          display: none;
        }
      }
    }

    .loopBtn {
      :global {
        .loop {
          display: block;
        }

        .loopActive {
          display: none;
        }
      }
    }

    .loopBtn.active {
      :global {
        .loop {
          display: none;
        }

        .loopActive {
          display: block;
        }
      }
    }
  }
}

.sliderPopup {
  position: absolute;
  z-index: 9999;
  left: 104px;
  bottom: 46px;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 180px;
  width: 45px;
  padding: 10px 0 15px;
  background: url('data:image/png;base64,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')
    no-repeat top center;
  background-size: contain;
  --van-slider-active-background-color: #ff7c97 !important;

  .iconAdd,
  .iconCut {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,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)
      no-repeat center;
    background-size: contain;
    flex-shrink: 0;

    &.disabled {
      opacity: 0.7;
    }
  }

  .iconCut {
    background: url(data:image/png;base64,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)
      no-repeat center;
    background-size: contain;
  }

  .sliderPoint {
    padding: 1px 0;
    background: #ffffff;
    box-shadow: 0px 2px 4px 0px rgba(102, 102, 102, 0.77);
    border-radius: 10px;
    font-weight: 500;
    font-size: 14px;
    color: #fe2451;
    min-width: 35px;
    text-align: center;
    vertical-align: text-bottom;

    span {
      font-size: 12px;
    }
  }

  :global {
    .van-slider {
      margin: 14px 0;
    }
  }
}
