.ab-get-card-content { background-image: linear-gradient(#1677ff, #F1F2F4); padding: 10rpx 60rpx 40rpx; } .ab-get-card-content .card-position { display: flex; justify-content: space-between; align-items: center; } .ab-get-card-content .card-position .card-flex { display: flex; justify-content: flex-start; align-items: center; } .ab-get-card-content .card-position .card-flex .pub-icon { width: 25rpx; height: 35rpx; margin-right: 12rpx; } .ab-get-card-content .card-position .card-flex .card-icon { width: 100%; height: 100%; background-image: url('https://gw.alipayobjects.com/mdn/rms_091500/afts/img/A*_zpOTYClPccAAAAAAAAAAAAAARQnAQ'); background-size: 100% 100%; } .ab-get-card-content .card-position .card-flex .card-title { color: #fff; font-size: 30rpx; } .ab-get-card-content .card-position .card-title2 { color: #fff; font-size: 30rpx; } .ab-get-card-content .card-image { margin-top: 50rpx; padding: 50rpx 30rpx 30rpx 30rpx; border-radius: 20rpx; } .ab-get-card-content .card-image .card-info .card-info-title { color: #fff; font-size: 40rpx; } .ab-get-card-content .card-image .card-info .card-info-title2 { color: #fff; font-size: 30rpx; margin-top: 20rpx; } .ab-get-card-content .card-image .get-cards { color: #fff; font-size: 30rpx; background-color: orange; padding: 25rpx 0; text-align: center; border-radius: 50rpx; margin: 90rpx 60rpx auto 60rpx; } .ab-get-card-content .card-image .card-number { text-align: center; margin-top: 70rpx; color: #fff; font-size: 34rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }