reader/pages/index/index.wxss

.recommend {
  position: relative;
  padding-top: 55rpx;
  padding-bottom: calc(140rpx + env(safe-area-inset-bottom)) !important;
}
.recommend .firstClassify {
  margin: 55rpx 0rpx 35rpx;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  z-index: 2;
}
.recommend .firstClassify .icon {
  margin-bottom: 12rpx;
  width: 187rpx;
  height: 164rpx;
}
.recommend .desktopTips {
  position: fixed;
  z-index: 999;
  right: 0rpx;
}
.recommend .desktopTips .triangle {
  position: absolute;
  right: 124rpx;
  top: -26rpx;
  border: 20rpx solid #F9F9FF;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}
.recommend .desktopTips .tipsImg {
  width: 530rpx;
  height: 176rpx;
}