抖音c端
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.

pirms 2 gadiem
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. @import "../../app.ttss";
  2. .hotBox{
  3. width:710rpx;
  4. margin: 0 auto ;
  5. }
  6. .hotTitle{
  7. width: 100%;
  8. height: 60rpx;
  9. line-height: 60rpx;
  10. font-size: 30rpx;
  11. display: flex;
  12. justify-content: space-between;
  13. font-family:PingFangSC-Medium;
  14. }
  15. .titleL .titleR{
  16. width: 100rpx;
  17. }
  18. .titleR text{
  19. float: left;
  20. margin-right: 10rpx;
  21. font-family:PingFangSC-Regular!important;
  22. }
  23. .titleR view{
  24. height: 40rpx;
  25. width: 40rpx;
  26. /* margin-top: 10rpx; */
  27. float: left;
  28. }
  29. .titleR image{
  30. height: 28rpx;
  31. width: 28rpx;
  32. }
  33. .sql{
  34. width:12rpx;
  35. height:24rpx;
  36. border-radius:8rpx;
  37. float: left;
  38. margin: 20rpx 10rpx 0 0;
  39. }
  40. .hotCon{
  41. width: 100%;
  42. }
  43. .kanjia, .pintuan{
  44. width: 346rpx;
  45. height: 156rpx;
  46. float: left;
  47. border-radius: 12rpx;
  48. display: flex;
  49. justify-content: space-between;
  50. position: relative;
  51. }
  52. .kanjia{
  53. margin-right: 18rpx;
  54. background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%);
  55. }
  56. .pintuan{
  57. background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
  58. }
  59. .hotCon image{
  60. width: 86rpx;
  61. height: 86rpx;
  62. margin: 24rpx 0 46rpx 16rpx;
  63. }
  64. .hotCon .btn{
  65. width:80rpx;
  66. height:44rpx;
  67. line-height: 44rpx;
  68. background:rgba(255,255,255,1);
  69. border-radius:18rpx;
  70. font-size: 24rpx;
  71. position: absolute;
  72. right: 20rpx;
  73. bottom: 20rpx;
  74. text-align: center;
  75. }
  76. .btnk{
  77. color: #2C8DFF;
  78. }
  79. .btnp{
  80. color: #FD782D;
  81. }
  82. .btnNone{
  83. width:80rpx;
  84. height:44rpx;
  85. line-height: 44rpx;
  86. border-radius:18rpx;
  87. font-size: 24rpx;
  88. position: absolute;
  89. right: 20rpx;
  90. bottom: 20rpx;
  91. text-align: center;
  92. background:rgba(255,255,255,0.5)
  93. }
  94. .kjText,.ptText{
  95. color: #FFFFFF;
  96. margin: 14rpx 10rpx 20rpx 10rpx;
  97. }
  98. .title{
  99. width: 210rpx;
  100. font-size: 30rpx;
  101. overflow: hidden;
  102. text-overflow:ellipsis;
  103. white-space:nowrap;
  104. float: left;
  105. }
  106. .price{
  107. width: 128rpx;
  108. overflow: hidden;
  109. text-overflow:ellipsis;
  110. white-space:nowrap;
  111. font-size: 22rpx;
  112. text-decoration:line-through;
  113. float: left;
  114. }
  115. .expect{
  116. width: 210rpx;
  117. font-size: 22rpx;
  118. float: left;
  119. }
  120. .sale{
  121. width: 140rpx;
  122. font-size: 32rpx;
  123. float: left;
  124. margin-top: -8rpx;
  125. white-space: nowrap;
  126. text-overflow: ellipsis;
  127. overflow: hidden;
  128. }
  129. .sale text{
  130. font-size: 20rpx!important;
  131. }