reader/pages/works/index.wxss

.worksBox {
  padding-top: 55rpx;
  padding-bottom: calc(140rpx + env(safe-area-inset-bottom)) !important;
}
.worksBox .itemize {
  margin: 0 auto 56rpx;
  width: 700rpx;
  height: 250rpx;
  background: #FFFFFF;
  box-shadow: 0rpx 2rpx 14rpx 0rpx rgba(0, 0, 0, 0.07);
  border-radius: 30rpx;
  padding: 0 52rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.worksBox .itemize .box .img {
  width: 111rpx;
  height: 131rpx;
}
.worksBox .itemize .box .count {
  font-size: 20rpx;
  text-align: center;
  color: #A39C9C;
}
.worksBox .logo {
  margin: 26rpx 30rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36rpx;
  color: #000000;
  /*     .icon {
            width: 50rpx;
            height: 50rpx;
            margin-right: 12rpx;
        } */
}
.worksBox .worksList {
  margin: 0 auto;
  width: 750rpx;
}
#share {
  top: 0;
  left: 0;
  background-color: skyblue;
}