brandDetail.wxss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. page{
  2. background: #f4f4f4;
  3. }
  4. .brand-info .name{
  5. width: 100%;
  6. height: 290rpx;
  7. position: relative;
  8. }
  9. .brand-info .img{
  10. position: absolute;
  11. top:0;
  12. left:0;
  13. width: 100%;
  14. height: 290rpx;
  15. }
  16. .brand-info .info-box{
  17. position: absolute;
  18. top:0;
  19. left:0;
  20. width: 100%;
  21. height: 290rpx;
  22. text-align: center;
  23. display: flex;
  24. justify-content: center;
  25. align-items: center;
  26. }
  27. .brand-info .info{
  28. display: block;
  29. }
  30. .brand-info .txt{
  31. display: block;
  32. height: 37.5rpx;
  33. font-size: 37.5rpx;
  34. color: #fff;
  35. }
  36. .brand-info .line{
  37. margin: 0 auto;
  38. margin-top: 16rpx;
  39. display: block;
  40. height: 2rpx;
  41. width: 145rpx;
  42. background: #fff;
  43. }
  44. .brand-info .desc{
  45. background: #fff;
  46. width: 100%;
  47. height: auto;
  48. overflow: hidden;
  49. padding: 41.5rpx 31.25rpx;
  50. font-size: 30rpx;
  51. color: #666;
  52. line-height: 41.5rpx;
  53. text-align: center;
  54. }
  55. .cate-item .b{
  56. width: 750rpx;
  57. height: auto;
  58. overflow: hidden;
  59. border-top: 1rpx solid #f4f4f4;
  60. margin-top: 20rpx;
  61. }
  62. .cate-item .b .item{
  63. float: left;
  64. background: #fff;
  65. width: 375rpx;
  66. padding-bottom: 33.333rpx;
  67. border-bottom: 1rpx solid #f4f4f4;
  68. height: auto;
  69. overflow: hidden;
  70. text-align: center;
  71. }
  72. .cate-item .b .item-b{
  73. border-right: 1rpx solid #f4f4f4;
  74. }
  75. .cate-item .item .img{
  76. margin-top: 10rpx;
  77. width: 302rpx;
  78. height: 302rpx;
  79. }
  80. .cate-item .item .name{
  81. display: block;
  82. width: 365.625rpx;
  83. height: 35rpx;
  84. padding: 0 20rpx;
  85. overflow: hidden;
  86. margin: 11.5rpx 0 22rpx 0;
  87. text-align: center;
  88. font-size: 30rpx;
  89. color: #333;
  90. }
  91. .cate-item .item .price{
  92. display: block;
  93. width: 365.625rpx;
  94. height: 30rpx;
  95. text-align: center;
  96. font-size: 30rpx;
  97. color: #b4282d;
  98. }