通用评论 vedio

index.css 899B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .showMore {
  2. color: #4a90e2;
  3. text-align: center;
  4. width: 100px;
  5. background-color: #f8f8f8;
  6. cursor: pointer;
  7. padding: 10px;
  8. margin: 0 auto;
  9. transition: all 0.3s;
  10. }
  11. .showMore:hover {
  12. background-color: #f5f5f5;
  13. color: #1890ff;
  14. }
  15. .moreBox {
  16. text-align: center;
  17. width: 90%;
  18. margin-left: 40px;
  19. height: 40px;
  20. display: inline-block;
  21. }
  22. @media screen and (max-width: 616px) and (min-width: 449px) {
  23. .moreBox {
  24. text-align: center;
  25. width: 85%;
  26. margin-left: 40px;
  27. height: 40px;
  28. display: inline-block;
  29. }
  30. }
  31. @media screen and (max-width: 449px) and (min-width: 365px) {
  32. .moreBox {
  33. text-align: center;
  34. width: 80%;
  35. margin-left: 40px;
  36. height: 40px;
  37. display: inline-block;
  38. }
  39. }
  40. @media screen and (max-width: 365px) {
  41. .moreBox {
  42. text-align: center;
  43. width: 75%;
  44. margin-left: 40px;
  45. height: 40px;
  46. display: inline-block;
  47. }
  48. }