page { background-color: rgba(246, 246, 246, 1); } .page-tip { font-size: 28rpx; color: rgba(255, 163, 112, 1); padding: 18rpx; text-align: center; line-height: 44rpx; background-color: rgba(255, 247, 232, 1); } .page { padding: 32rpx 40rpx 80rpx; .banner { background-color: rgba(28, 107, 255, 1); border: 1px solid rgba(255, 255, 255, 1); border-radius: 24rpx 24rpx 34rpx 34rpx; .b-header { padding: 24rpx 32rpx; display: flex; align-items: center; gap: 36rpx; .left { flex-shrink: 0; .name { font-size: 32rpx; color: rgba(255, 255, 255, 1); line-height: 44rpx; } .content { margin-top: 8rpx; font-size: 24rpx; color: rgba(255, 255, 255, 0.5); } } .wrap { flex: 1; flex-shrink: 0; padding: 20rpx 32rpx; background-color: #fff; border-radius: 24rpx; display: flex; align-items: center; .input { font-size: 32rpx; color: rgba(1, 1, 5, 1); } .input-place { color: rgba(207, 209, 213, 1); } .sub { flex-shrink: 0; font-size: 32rpx; color: rgba(1, 1, 5, 1); } } } .b-body { padding: 32rpx 0; display: flex; background-color: #fff; border-radius: 24rpx; .item { flex: 1; padding: 0 48rpx; .name { font-size: 32rpx; color: rgba(161, 164, 172, 1); } .content { margin-top: 16rpx; display: flex; justify-content: space-between; align-items: baseline; .value { font-size: 44rpx; color: rgba(1, 1, 5, 1); font-weight: bold; } .sub { font-size: 32rpx; color: rgba(1, 1, 5, 1); } } } .line { flex-shrink: 0; border-right: 1px dashed rgba(247, 247, 250, 1); } } } .illustrate { margin-top: 32rpx; width: 670rpx; height: 964rpx; } }