@charset "utf-8"; /* CSS Document @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:8px; height:8px; background:none; } .cursor-dot:before { position: absolute; top: -13px; left: -4px; content: "+"; color: #f00; font-size: 24px; } .cursor-dot-outline { width:40px; height:40px; background-color:none; border:1px solid rgba(255,255,255,0.5); } .cursor-dot-outline::after { width:39px; height:39px; box-sizing:border-box; content:''; display:block; position:absolute; top:0px; left:0; pointer-events:none; border:1px solid #ffffff; 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 }