zc_saas_h5/pages3/static/polyv-sdk/components/playback/playback.wxss

@charset "UTF-8";
.chapter-container {
  background: #44434f;
}

.chapter-li {
  height: 186rpx;
}

.chapter-li .cover-icon {
  position: absolute;
  top: 50%;
  left: 50%;
}

.chapter-li .back-pause {
  margin-top: -40rpx;
  margin-left: -40rpx;
  width: 80rpx;
  height: 80rpx;
}

.chapter-li .back-playing {
  margin-top: -30rpx;
  margin-left: -30rpx;
  width: 60rpx;
  height: 60rpx;
}

.chapter-li .playback-image {
  position: relative;
  float: left;
  margin: 22rpx 0 0 20rpx;
}

.chapter-li .playback-first-image {
  width: 192rpx;
  height: 144rpx;
}

.chapter-li .playback-list-msg {
  position: relative;
  margin-left: 240rpx;
  border-bottom: 1px solid #4D4B59;
  height: 100%;
  padding: 20rpx 40rpx 20rpx 24rpx;
  box-sizing: border-box;
}

.chapter-li .list-title {
  display: block;
  height: 88rpx;
  line-height: 1.5;
  display: block;
  overflow: hidden;
  font-size: 16px;
}

.chapter-li .harpter-text {
  font-size: 28rpx;
  overflow: hidden;
}

.chapter-li .list-time {
  position: absolute;
  left: 64rpx;
  bottom: 20rpx;
  font-size: 26rpx;
}

.chapter-li .list-duration-icon {
  position: absolute;
  left: 24rpx;
  bottom: 24rpx;
  width: 28rpx;
  height: 28rpx;
}

.chapter-li .title-color {
  color: #fff;
}

.chapter-color {
  color: #42A5F5;
}

/**
白天皮肤
 */
.plv-mp-skin__white {
  background: #f5f9fa;
}

.plv-mp-skin__white .chapter-li .title-color {
  color: #212121;
}

.plv-mp-skin__white .playback-list-msg {
  border-bottom: 0;
}