帮你贷的小程序

card.wxss 1.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .card-swiper-container{
  2. width: 100%;
  3. height: 360rpx;
  4. background: #fff;
  5. }
  6. .card-swiper-container .swiper-title, .card-list .card-list-title{
  7. background: #fff;
  8. text-indent: 32rpx;
  9. font-size: 16px;
  10. line-height: 100rpx;
  11. border-top: 1rpx solid #e5e5e5;
  12. }
  13. .card-swiper-container .swiper{
  14. height: 260rpx;
  15. }
  16. .card-swiper-container .item{
  17. display: flex;
  18. box-sizing: border-box;
  19. width: 100%;
  20. padding: 0 6px;
  21. height: auto !important;
  22. align-items: center;
  23. justify-content: center;
  24. }
  25. .card-swiper-container .item-imglist{
  26. position: relative;
  27. display: inline-block;
  28. flex: 1;
  29. width: 33%;
  30. text-align: center;
  31. }
  32. .card-swiper-container .slide-image{
  33. width: 200rpx;
  34. height: 124rpx;
  35. border: #e5e5e5 solid 1rpx;
  36. border-radius: 6px;
  37. }
  38. .card-swiper-container .title{
  39. /*width: 200rpx;*/
  40. font-size: 16px;
  41. line-height: 18px;
  42. }
  43. .card-swiper-container .desc{
  44. /*width: 200rpx;*/
  45. font-size: 12px;
  46. color: #777;
  47. line-height: 12px;
  48. margin-top: 3px;
  49. }
  50. .card .split{
  51. width: 100%;
  52. height: 8px;
  53. background: #F3F3F3;
  54. }
  55. .item-imglist .contact-btn{
  56. position: absolute;
  57. top: 0;
  58. left: 0;
  59. width: 100%;
  60. height: 100%;
  61. background: transparent;
  62. }
  63. .item-imglist .contact-btn::after{
  64. border: 0 none;
  65. }