.main{ padding: 0 48rpx; } .main .title{ text-align: center; margin-top: 80rpx; color: #000; font-size: 32rpx; line-height: 48rpx; } .main .title2{ text-align: center; margin-top: 32rpx; color: #7D87A6; font-size: 28rpx; line-height: 48rpx; } .mnemonic{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 114rpx; } .mnemonicBlock{ width: 212rpx; display: flex; align-items: center; justify-content: center; height: 80rpx; margin-bottom: 10rpx; background-color: #E0E5F2; border-radius: 10rpx; text-align: center; position: relative; color: #000000; } .mnemonicBlock .number{ position: absolute; right: 14rpx; font-size: 24rpx; bottom: 10rpx; color: #7D87A6; }