1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- body{
- width: 100vw;
- overflow-x: hidden;
- }
- /* 默认鼠标指针样式 */
- body {
- 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;
- }
- /* 鼠标悬停在内容上时的样式 */
- img:hover {
- 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;
- }
- a:hover {
- 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;
- }
- @media (min-width: 1400px) {
- .ahout-hr {
- margin: 5rem 0;
- }
- }
- @media (min-width: 992px) {
- .ahout-hr {
- margin: 3rem 0;
- }
- }
- .auto-img {
- height: 100%;
- width: 100%;
- object-fit: cover;
- }
- .link-default {
- text-decoration: none;
- color: #888888;
- }
- .share-weibo-btn:focus, .share-weibo-btn:hover {
- background-color: #ffcc49!important;
- }
- .share-wechat-btn:focus, .share-wechat-btn:hover {
- background-color: #4ed242!important;
- }
- .share-qq-btn:focus, .share-qq-btn:hover {
- background-color: #e64f61!important;
- }
- /* .service .row {
- margin-top: 1rem;
- } */
|