reader/components/authority/index.less

.authority {
  height: 100%;
  padding: 0rpx 20rpx;
  padding-bottom: 100px;

  .module {
    .topic {
      font-size: 38rpx;
      font-weight: bold;
    }

    .explain {
      margin-top: 10rpx;
      font-size: 24rpx;
    }

    .works {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;

      .work {
        margin: 20rpx 0rpx;

        .cover {
          width: 344rpx;
          height: 194rpx;
          border-radius: 8rpx;
        }

        .title {
          width: 344rpx;
          margin-top: 6rpx;
          font-size: 32rpx;
        }
      }

      .audioBox {
        position: relative;

        .audioPlay {
          position: absolute;
          left: 0px;
          top: 0px;
          bottom: 0px;
          right: 0px;
          margin: auto;
          width: 220rpx;
          height: 174rpx;
          display: flex;
          align-items: center;
          justify-content: center;

          .audioPlayBg {
            width: 150rpx;
            height: 150rpx;
          }

          .audioPlayZhen {
            position: absolute;
            right: 30rpx;
            top: 16rpx;
            width: 32rpx;
            height: 40rpx;
          }

          .cover {
            position: absolute;
            width: 130rpx;
            height: 130rpx;
            border-radius: 50%;
          }
        }
      }
    }
  }
}