index.acss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .ab-get-card-content {
  2. background-image: linear-gradient(#1677ff, #F1F2F4);
  3. padding: 10rpx 60rpx 40rpx;
  4. }
  5. .ab-get-card-content .card-position {
  6. display: flex;
  7. justify-content: space-between;
  8. align-items: center;
  9. }
  10. .ab-get-card-content .card-position .card-flex {
  11. display: flex;
  12. justify-content: flex-start;
  13. align-items: center;
  14. }
  15. .ab-get-card-content .card-position .card-flex .pub-icon {
  16. width: 25rpx;
  17. height: 35rpx;
  18. margin-right: 12rpx;
  19. }
  20. .ab-get-card-content .card-position .card-flex .card-icon {
  21. width: 100%;
  22. height: 100%;
  23. background-image: url('https://gw.alipayobjects.com/mdn/rms_091500/afts/img/A*_zpOTYClPccAAAAAAAAAAAAAARQnAQ');
  24. background-size: 100% 100%;
  25. }
  26. .ab-get-card-content .card-position .card-flex .card-title {
  27. color: #fff;
  28. font-size: 30rpx;
  29. }
  30. .ab-get-card-content .card-position .card-title2 {
  31. color: #fff;
  32. font-size: 30rpx;
  33. }
  34. .ab-get-card-content .card-image {
  35. margin-top: 50rpx;
  36. padding: 50rpx 30rpx 30rpx 30rpx;
  37. border-radius: 20rpx;
  38. }
  39. .ab-get-card-content .card-image .card-info .card-info-title {
  40. color: #fff;
  41. font-size: 40rpx;
  42. }
  43. .ab-get-card-content .card-image .card-info .card-info-title2 {
  44. color: #fff;
  45. font-size: 30rpx;
  46. margin-top: 20rpx;
  47. }
  48. .ab-get-card-content .card-image .get-cards {
  49. color: #fff;
  50. font-size: 30rpx;
  51. background-color: orange;
  52. padding: 25rpx 0;
  53. text-align: center;
  54. border-radius: 50rpx;
  55. margin: 90rpx 60rpx auto 60rpx;
  56. }
  57. .ab-get-card-content .card-image .card-number {
  58. text-align: center;
  59. margin-top: 70rpx;
  60. color: #fff;
  61. font-size: 34rpx;
  62. overflow: hidden;
  63. text-overflow: ellipsis;
  64. white-space: nowrap;
  65. }