抖音c端
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

247 wiersze
4.7 KiB

  1. .optimizationBox {
  2. /* overflow: hidden; */
  3. margin-top: 20rpx;
  4. margin-bottom: 100rpx;
  5. }
  6. .titleImg {
  7. width: 96%;
  8. height: 80rpx;
  9. margin: 0rpx auto;
  10. background-image: url("https://formall.oss-accelerate.aliyuncs.com/cimg/v20211214/home_ggw_yxhw.png");
  11. background-size: 100% 100%;
  12. background-repeat: no-repeat;
  13. }
  14. .textl {
  15. font-size: 34rpx;
  16. font-family: OPPOSans;
  17. font-weight: bold;
  18. color: #dfbe99;
  19. margin: 20rpx;
  20. }
  21. .textr {
  22. font-size: 30rpx;
  23. font-family: OPPOSans;
  24. font-weight: 300;
  25. color: #91897e;
  26. margin: 20rpx;
  27. }
  28. .f {
  29. float: left;
  30. }
  31. .r {
  32. float: right;
  33. }
  34. .classifyBox-go-box{
  35. background-color: #fff;
  36. }
  37. .classifyBox {
  38. width: 100%;
  39. border-radius: 20rpx 20rpx 0 0;
  40. background-color: #fff;
  41. overflow: hidden;
  42. display: -webkit-box;
  43. overflow-x: scroll;
  44. -webkit-overflow-scrolling: touch;
  45. /* margin: 10rpx 0; *//* background: linear-gradient(0deg, #F5F5F5, #fff); */
  46. float: left;
  47. }
  48. .goLsit{
  49. width: 20%;
  50. float: left;
  51. font-size: 28rpx;
  52. color: #454340;
  53. margin: 20rpx 0 10rpx 0;
  54. }
  55. .classifyBox::-webkit-scrollbar {
  56. display: none;
  57. }
  58. .rup{
  59. width: 13rpx;
  60. height: 20rpx;
  61. margin: 2rpx 0 0 6rpx;
  62. }
  63. .itemBox {
  64. width: 100rpx;
  65. height: 100rpx;
  66. margin: 0 20rpx;
  67. }
  68. .className {
  69. font-size: 28rpx;
  70. font-family: OPPOSans;
  71. font-weight: 500;
  72. color: #454340;
  73. text-align: center;
  74. margin: 20rpx auto 10rpx auto;
  75. }
  76. .className_a {
  77. font-size: 30rpx;
  78. font-family: OPPOSans;
  79. font-weight: 800;
  80. color: #c99f67;
  81. text-align: center;
  82. background: linear-gradient(180deg, #cc9a60 0%, #dfbf8e 100%);
  83. -webkit-background-clip: text;
  84. -webkit-text-fill-color: transparent;
  85. margin: 20rpx auto 10rpx auto;
  86. }
  87. .xian{
  88. width: 22rpx;
  89. height: 5rpx;
  90. background: linear-gradient(180deg, #D5A56E, #E9D0AA);
  91. border-radius: 3px;
  92. margin: 0 auto;
  93. }
  94. .contBox{
  95. background: linear-gradient(0deg, #F5F5F5, rgba(255, 255, 255, 0.5));
  96. /* height: 350rpx; */
  97. }
  98. .contLsitBox{
  99. width: 96%;
  100. margin: 0 auto;
  101. display: flex;
  102. overflow: hidden;
  103. justify-content: space-between;
  104. flex-wrap: wrap;
  105. }
  106. .item{
  107. width: 49%;
  108. background-color: #fff;
  109. border-radius: 20rpx;
  110. margin: 12rpx 0;
  111. position: relative;
  112. }
  113. .itemImg{
  114. width: 100%;
  115. height: 350rpx;
  116. border-radius: 20rpx;
  117. /* background-color: aquamarine; */
  118. }
  119. .itemImg image{
  120. width: 100%;
  121. height: 100%;
  122. border-radius: 20rpx 20rpx 0 0;
  123. }
  124. .titleName{
  125. color: #402e1e;
  126. font-size: 30rpx;
  127. font-family: "PingFangSC-Regular";
  128. font-weight: 400;
  129. width: 100%;
  130. font-size: 28rpx;
  131. width:90%;
  132. height: 80rpx;
  133. font-size: 28rpx;
  134. /* font-family: OPPOSans; */
  135. /* font-weight: 500; */
  136. /* color: #333333; */
  137. margin: 10rpx auto 0 auto;
  138. overflow: hidden;
  139. text-overflow: ellipsis;
  140. display: -webkit-box;
  141. -webkit-line-clamp: 2;
  142. -webkit-box-orient: vertical;
  143. white-space:normal;
  144. }
  145. .priceBox{
  146. width: 90%;
  147. overflow: hidden;
  148. margin: 10rpx auto;
  149. }
  150. .f{
  151. float: left;
  152. }
  153. .r{
  154. float:right;
  155. }
  156. .sellingBox{
  157. overflow: hidden
  158. }
  159. .fuhao{
  160. color: #DF2D2D;
  161. font-size: 24rpx;
  162. float: left;
  163. font-family: OPPOSans;
  164. /* font-weight: bold; */
  165. margin-top: 10rpx
  166. }
  167. .fuhaoX{
  168. color: #d5af67;
  169. font-family: "PingFangSC-Medium";
  170. font-size: 34rpx;
  171. font-weight: 400;
  172. float: left;
  173. margin-top: 5rpx
  174. }
  175. .btn{
  176. width: 136rpx;
  177. height: 52rpx;
  178. border-radius: 26rpx;
  179. line-height: 52rpx;
  180. background: linear-gradient(90deg, #E3BA79, #BC8D3E);
  181. text-align: center;
  182. color: #feffff;
  183. font-family: "PingFangSC-Regular";
  184. font-size: 28rpx;
  185. font-weight: 400;
  186. }
  187. .int{
  188. float: left;
  189. font-size: 36rpx;
  190. font-family: OPPOSans;
  191. font-weight: bold;
  192. color: #DF2D2D;
  193. }
  194. .originalBox{
  195. overflow: hidden
  196. }
  197. .origina{
  198. text-align: right;
  199. font-size: 24rpx;
  200. font-family: OPPOSans;
  201. font-weight: 400;
  202. text-decoration: line-through;
  203. color: #999999;
  204. margin-top: 10rpx;
  205. margin-right: 10rpx;
  206. }
  207. .priceNum{
  208. text-align: right;
  209. font-size: 24rpx;
  210. font-family: OPPOSans;
  211. font-weight: 400;
  212. color: #999999;
  213. margin-top: 10rpx;
  214. /* margin-right: 10rpx; */
  215. }
  216. .sellout{
  217. position: absolute;
  218. top: 0;
  219. left: 0;
  220. background-color: rgba(0, 0, 0, 0.5);
  221. width: 100%;
  222. height: 100%;
  223. border-radius: 20rpx;
  224. }
  225. .selloutImg{
  226. width: 195rpx !important;
  227. height: 154rpx !important;
  228. margin: 50% auto;
  229. display: block
  230. }