brandDetail.wxss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  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. }
  54. .cate-item .b{
  55. width: 750rpx;
  56. height: auto;
  57. overflow: hidden;
  58. border-top: 1rpx solid #f4f4f4;
  59. margin-top: 20rpx;
  60. }
  61. .cate-item .b .item{
  62. float: left;
  63. background: #fff;
  64. width: 375rpx;
  65. padding-bottom: 10rpx;
  66. border-bottom: 1rpx solid #f4f4f4;
  67. height: auto;
  68. overflow: hidden;
  69. text-align: center;
  70. height: 444rpx;
  71. position: relative;
  72. }
  73. .cate-item .b .item-b{
  74. border-right: 1rpx solid #f4f4f4;
  75. }
  76. .cate-item .item .img{
  77. margin-top: 10rpx;
  78. width: 302rpx;
  79. height: 302rpx;
  80. }
  81. .cate-item .item .name{
  82. display: block;
  83. padding: 0 20rpx;
  84. text-align: center;
  85. margin: 11.5rpx 0 11.5rpx 0;
  86. font-size: 30rpx;
  87. color: #333;
  88. display: -webkit-box;
  89. overflow: hidden;
  90. -webkit-box-orient: vertical;
  91. -webkit-line-clamp: 2;
  92. line-height: 34rpx;
  93. }
  94. .loadmore {
  95. height: 100rpx;
  96. width: 100%;
  97. line-height: 80rpx;
  98. text-align: center;
  99. margin-top: 0rpx;
  100. }
  101. .loadmore text {
  102. color: #999;
  103. }
  104. .cate-item .item .price{
  105. display: block;
  106. width: 365.625rpx;
  107. height: 30rpx;
  108. text-align: center;
  109. font-size: 30rpx;
  110. color: #ED5D18;
  111. }