productDetail.css 986 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. @charset "UTF-8";
  2. /*主色调*/
  3. /*文字文本*/
  4. /*单行省略号*/
  5. /*多行省略号*/
  6. /*箭头*/
  7. /**a标签hoverboder效果**/
  8. /**使用vw适配**/
  9. .product-nav {
  10. text-align: center;
  11. margin: 20px 0;
  12. }
  13. @media (min-width: 768px) {
  14. .product-nav {
  15. margin: 40px 0;
  16. }
  17. }
  18. @media (min-width: 1200px) {
  19. .product-nav {
  20. margin: 60px 0;
  21. }
  22. }
  23. .product-nav span {
  24. display: inline-block;
  25. margin: 6px 0;
  26. }
  27. @media (min-width: 768px) {
  28. .product-nav span {
  29. margin: 10px 0;
  30. }
  31. }
  32. .product-nav span a {
  33. padding: 0 10px;
  34. color: #111;
  35. font-size: 14px;
  36. }
  37. @media (min-width: 768px) {
  38. .product-nav span a {
  39. padding: 0 20px;
  40. font-size: 18px;
  41. }
  42. }
  43. @media (min-width: 1200px) {
  44. .product-nav span a {
  45. padding: 0 24px;
  46. font-size: 22px;
  47. }
  48. }
  49. .product-nav span a:hover {
  50. color: #ed4747;
  51. }
  52. .product-nav span ~ span {
  53. border-left: 1px solid #e0e0e0;
  54. }
  55. .product-con .panels {
  56. padding: 60px 0;
  57. }
  58. .product-con .panels img {
  59. text-align: center;
  60. }