styles.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. body{
  2. width: 100vw;
  3. overflow-x: hidden;
  4. }
  5. /* 默认鼠标指针样式 */
  6. body {
  7. cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"><circle cx="5" cy="5" r="5" fill="darkgrey"/></svg>') 5 5, auto;
  8. }
  9. /* 鼠标悬停在内容上时的样式 */
  10. img:hover {
  11. cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><circle cx="10" cy="10" r="10" fill="rgba(0,0,0,0.2)"/></svg>') 10 10, auto;
  12. }
  13. a:hover {
  14. cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><circle cx="10" cy="10" r="10" fill="rgba(255,255,255,0.2)"/></svg>') 10 10, auto;
  15. }
  16. @media (min-width: 1400px) {
  17. .ahout-hr {
  18. margin: 5rem 0;
  19. }
  20. }
  21. @media (min-width: 992px) {
  22. .ahout-hr {
  23. margin: 3rem 0;
  24. }
  25. }
  26. .auto-img {
  27. height: 100%;
  28. width: 100%;
  29. object-fit: cover;
  30. }
  31. .link-default {
  32. text-decoration: none;
  33. color: #888888;
  34. }
  35. .share-weibo-btn:focus, .share-weibo-btn:hover {
  36. background-color: #ffcc49!important;
  37. }
  38. .share-wechat-btn:focus, .share-wechat-btn:hover {
  39. background-color: #4ed242!important;
  40. }
  41. .share-qq-btn:focus, .share-qq-btn:hover {
  42. background-color: #e64f61!important;
  43. }
  44. /* .service .row {
  45. margin-top: 1rem;
  46. } */