video.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .p-videos{
  2. flex-wrap: wrap;
  3. width: 12.00rem;
  4. margin: 0.25rem auto;
  5. }
  6. .p-videos .img-item{
  7. margin-right: 0.14rem;
  8. width: 2.88rem;
  9. transition: 0.5s transform;
  10. cursor: pointer;
  11. margin-bottom: 0.25rem;
  12. border: 1px solid #10848F;
  13. overflow: hidden;
  14. }
  15. .p-videos .img-item:hover{
  16. transform: scale(1.04);
  17. }
  18. .p-videos .img-item:nth-child(4n){
  19. margin-right: 0;
  20. }
  21. .p-videos .img-item .prod-img{
  22. height: 2.00rem;
  23. width: 100%;
  24. object-fit: cover;
  25. }
  26. .p-videos .prod-info{
  27. height: 1.75rem;
  28. padding: 0 0.19rem;
  29. }
  30. .p-videos .prod-info .name{
  31. margin-top: 0.20rem;
  32. font-size: 0.20rem;
  33. line-height: 0.30rem;
  34. }
  35. .p-videos .prod-info .subname{
  36. margin-top: 0.12rem;
  37. font-size: 0.14rem;
  38. line-height: 0.20rem;
  39. font-family: PingFang SC;
  40. font-weight: 500;
  41. color: #999999;
  42. }
  43. .p-videos .img-item .see-btn{
  44. /* margin-top: 0.42rem; */
  45. width: 1.78rem;
  46. height: 0.38rem;
  47. background: #26A4AD;
  48. border-radius: 2px;
  49. line-height: 0.38rem;
  50. text-align: center;
  51. font-size: 0.16rem;
  52. font-family: PingFang SC;
  53. font-weight: 500;
  54. color: #FFFFFF;
  55. margin: 0.30rem auto;
  56. }