@media screen and (max-width: 1024px) { .cursor-dot { display:none } .cursor-dot-outline { display:none } .cursor-dot-outline.xinwen{display:block !important;} .cursor-dot.xinwen{display:block !important;} } @media screen and (min-width: 717px) { .cursor-dot-outline.xinwen{display:block !important;} .cursor-dot.xinwen{display:block !important;} } @media screen and (max-width: 716px) { .cursor-dot-outline.xinwen{display:none !important;} .cursor-dot.xinwen{display:none !important;} } .cursor-dot { width:2px; height:2px; background:#ff8c00; } .cursor-dot-outline { width:40px; height:40px; background:rgba(255,140,0,0.3); } .cursor-dot-outline::after { width:39px; height:39px; box-sizing:border-box; content:''; display:block; position:absolute; top:0px; left:0; pointer-events:none; background:rgba(255,140,0,0.6); border-radius:100px; -webkit-animation-duration:1.2s; animation-duration:1.2s; -webkit-animation-name:intervalHamburgerBorder; animation-name:intervalHamburgerBorder; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite } @-webkit-keyframes intervalHamburgerBorder { 0% { opacity:1; -webkit-transform:scale(1); transform:scale(1) } 80% { -webkit-transform:scale(1.8); transform:scale(1.8) } 100% { opacity:0; -webkit-transform:scale(1.8); transform:scale(1.8) } }@keyframes intervalHamburgerBorder { 0% { opacity:1; -webkit-transform:scale(1); transform:scale(1) } 80% { -webkit-transform:scale(1.8); transform:scale(1.8) } 100% { opacity:0; -webkit-transform:scale(1.8); transform:scale(1.8) } }.cursor-dot,.cursor-dot-outline { pointer-events:none; position:absolute; top:50%; left:50%; border-radius:50%; opacity:0; transform:translate(-50%,-50%); transition:opacity .3s ease-in-out,transform .3s ease-in-out; z-index:99999999999 !important }