list.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. @charset "UTF-8";
  2. /*单行省略号*/
  3. /*多行省略号*/
  4. /**清除浮动**/
  5. /**fit img**/
  6. /*主色调*/
  7. .list-swiper .swiper-pagination {
  8. text-align: right;
  9. padding-right: 0.3rem;
  10. }
  11. .list-swiper .swiper-pagination .swiper-pagination-bullet {
  12. background-color: #F37020;
  13. }
  14. .list-swiper .swipet-item {
  15. position: relative;
  16. display: block;
  17. height: 5rem;
  18. }
  19. .list-swiper .swipet-item > img {
  20. width: 100%;
  21. height: 100%;
  22. -o-object-fit: cover;
  23. object-fit: cover;
  24. }
  25. .list-swiper .swipet-item .info {
  26. position: absolute;
  27. bottom: 0;
  28. left: 0;
  29. width: 100%;
  30. background-color: #333333;
  31. background-color: rgba(51, 51, 51, 0.8);
  32. padding: 0.3rem;
  33. }
  34. .list-swiper .swipet-item .tit {
  35. color: #fff;
  36. overflow: hidden;
  37. text-overflow: ellipsis;
  38. white-space: nowrap;
  39. word-wrap: normal;
  40. }
  41. .list-swiper .swipet-item .date {
  42. color: #999;
  43. margin-top: 0.2rem;
  44. }
  45. .list-box {
  46. background-color: #fff;
  47. padding: 0.6rem 0.3rem 0.8rem;
  48. }
  49. .list-box .img {
  50. width: 100%;
  51. }
  52. .list-box .img img {
  53. -webkit-transition: all 0.8s ease;
  54. transition: all 0.8s ease;
  55. width: 100%;
  56. height: 100%;
  57. -o-object-fit: cover;
  58. object-fit: cover;
  59. }
  60. .list-box .info {
  61. background-color: #f2f2f2;
  62. padding: 0.4rem 0.3rem;
  63. }
  64. .list-box .des {
  65. overflow: hidden;
  66. text-overflow: ellipsis;
  67. display: -webkit-box;
  68. -webkit-box-orient: vertical;
  69. -webkit-line-clamp: 2;
  70. line-height: 0.46rem;
  71. color: #999;
  72. margin-top: 0.16rem;
  73. }
  74. .list-box .other {
  75. color: #999;
  76. margin-bottom: 0.2rem;
  77. }
  78. .list-box li ~ li {
  79. margin-top: 0.3rem;
  80. }
  81. .list-box .list {
  82. padding-bottom: 0.3rem;
  83. }
  84. /*# sourceMappingURL=maps/list.css.map */