.card2 { width: 92%; text-align: center; margin: auto; background-color: #fff; height: 200rpx; padding-bottom: 10rpx; border-radius: 15px 15px 0 0; display: flex; } .inputContent { width: 95%; margin: 0 auto; height: 60rpx; background-color: #f4f4f4; border-radius: 5%; display: flex; /* justify-content: space-around; */ align-items: center; border-radius: 60rpx; position: relative; } .inputContent input { font-size: 28rpx; margin-left: 10rpx; } .inputContent button { width: 120rpx; height: 40rpx; border-radius: 60rpx; font-size: 24rpx; color: white; line-height: 40rpx; background-color: orange; margin-left: 0 !important; margin-right: -30rpx !important; position: absolute; right: 40rpx; top: 10rpx; } .history_text { padding: 4% 0; display: flex; flex-wrap: wrap; margin-left: 28rpx; } .history_text > text { background-color: #f7f7f7; color: #a9a9a9; padding: 1% 3%; margin: 2%; border-radius: 40rpx; font-size: 30rpx; } .if { width: 220rpx; height: 30rpx; background-color: #a9a9a9; position: absolute; bottom: 6rpx; color: #fff; font-size: 22rpx; background: rgba(0,0,0,0.5); }