brand.wxss 823 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .brand-list .item {
  2. display: block;
  3. width: 750rpx;
  4. height: 416rpx;
  5. position: relative;
  6. margin-bottom: 4rpx;
  7. }
  8. .brand-list .item .img-bg {
  9. position: absolute;
  10. left: 0;
  11. top: 0;
  12. z-index: 0;
  13. width: 750rpx;
  14. height: 417rpx;
  15. overflow: hidden;
  16. }
  17. .brand-list .item .img-bg image {
  18. width: 750rpx;
  19. height: 416rpx;
  20. }
  21. .brand-list .item .txt-box {
  22. position: absolute;
  23. left: 0;
  24. top: 0;
  25. display: table;
  26. z-index: 0;
  27. width: 750rpx;
  28. height: 417rpx;
  29. }
  30. .brand-list .item .line {
  31. display: table-cell;
  32. vertical-align: middle;
  33. text-align: center;
  34. height: 63rpx;
  35. line-height: 63rpx;
  36. }
  37. .brand-list .item .line text {
  38. font-size: 35rpx;
  39. font-weight: 700;
  40. text-shadow: 1rpx 1rpx rgba(0, 0, 0, 0.32);
  41. color: #fff;
  42. }
  43. .brand-list .item .line .s {
  44. padding: 0 10rpx;
  45. font-size: 40rpx;
  46. }