.buy.data-v-2cb4e33c { width: 100%; height: 100%; } .buy .title.data-v-2cb4e33c { display: flex; align-items: center; padding: 20rpx 0 20rpx 50rpx; background-color: #ffffff; } .buy .title > image.data-v-2cb4e33c { width: 32rpx; height: 32rpx; margin-right: 6rpx; } .buy .title > text.data-v-2cb4e33c { font-size: 28rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #666666; line-height: 40rpx; } .buy .title .num.data-v-2cb4e33c { color: #ff4141; } .buy .number.data-v-2cb4e33c { width: 100%; background-color: #ffffff; margin-top: 18rpx; display: flex; flex-direction: column; align-items: center; } .buy .number .list.data-v-2cb4e33c { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 38rpx 40rpx 0rpx 40rpx; } .buy .number .list .item.data-v-2cb4e33c { width: 194rpx; height: 194rpx; background: #ffffff; box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(0, 0, 0, 0.1); border-radius: 20rpx; margin-bottom: 44rpx; display: flex; } .buy .number .list .item .card.data-v-2cb4e33c { width: 194rpx; height: 194rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; } .buy .number .list .item .card .top.data-v-2cb4e33c { display: flex; align-items: center; } .buy .number .list .item .card .top > text.data-v-2cb4e33c { font-size: 32rpx; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #666666; line-height: 44rpx; margin-right: 12rpx; } .buy .number .list .item .card .top > image.data-v-2cb4e33c { width: 30rpx; height: 30rpx; } .buy .number .list .item .card .money.data-v-2cb4e33c { font-size: 24rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #999999; line-height: 34rpx; margin-top: 12rpx; } .buy .number .list .item .recommend.data-v-2cb4e33c { width: 112rpx; height: 36rpx; background: #f3f2ea; border-radius: 8rpx 0rpx 8rpx 0rpx; position: absolute; text-align: center; margin-top: -18rpx; } .buy .number .list .item .recommend > text.data-v-2cb4e33c { font-size: 20rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #666666; line-height: 36rpx; } .buy .number .list .real.data-v-2cb4e33c { border: 2rpx solid #f88700; background-color: rgba(248, 135, 0, 0.1); } .buy .number .list.data-v-2cb4e33c:after { content: ""; width: 194rpx; } .buy .number .sure.data-v-2cb4e33c { width: 582rpx; height: 80rpx; background: #ff6a5f; border-radius: 40rpx; text-align: center; } .buy .number .sure > text.data-v-2cb4e33c { font-size: 28rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 600; color: #ffffff; line-height: 80rpx; } .buy .tip.data-v-2cb4e33c { background: #ffffff; padding: 40rpx; padding-top: 0; } .buy .tip .titl.data-v-2cb4e33c { font-size: 28rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 600; color: #666666; line-height: 40rpx; margin-bottom: 6rpx; } .buy .tip > view > text.data-v-2cb4e33c { font-size: 22rpx; font-family: PingFangSC-Regular, PingFang SC; color: #999999; line-height: 32rpx; } .buy .tip > view:nth-child(2) > text.data-v-2cb4e33c:nth-child(2) { color: #333333; } .buy .tip > view:nth-child(5) > text.data-v-2cb4e33c:nth-child(2) { color: #ff6a5f; font-weight: 600; border-bottom: 2rpx solid #ff6a5f; }