.recommend { position: relative; padding-bottom: calc(140rpx + env(safe-area-inset-bottom)) !important; .desktopTips { position: fixed; z-index: 999; right: 0rpx; .triangle { position: absolute; right: 124rpx; top: -26rpx; border: 20rpx solid #F9F9FF; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; } .tipsImg { width: 530rpx; height: 176rpx; } } .scrollBox { width: 100%; } .selectType { padding: 30rpx 15rpx 30rpx 26rpx; display: flex; align-items: center; justify-content: space-between; .type { padding: 14rpx 0rpx; width: 200rpx; box-sizing: border-box; text-align: center; border: 1rpx solid #9f9f9fa4; border-radius: 50rpx; color: #1A1A1A; font-size: 28rpx; } .currentType { color: white; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; background-color: #00C657; border-color: #00C657; font-weight: bold; } .search { font-size: 0rpx; padding: 14rpx 14rpx; text-align: center; border: 1rpx solid #9f9f9fa4; border-radius: 50rpx; .searchImg { width: 26rpx; height: 26rpx; } } } }