.reset_style a:hover span{color:#efa220;} .titlebox h2{font-size:42px;color:#333;} .titlebox .sp1{color:#efa220;} .titlebox h3{color:#666;text-transform: uppercase;font-family:Dutch!important;font-size:16px;margin-top:15px;} .titlebox1 h2{font-size:42px;color:#333;display:flex;align-items:center; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center;} .titlebox1 .line{width:35px;height:2px;background-color:#201b18;margin:0 18px;} .titlebox1 .sp1{color:#efa220;} .titlebox1 h3{color:#666;text-transform: uppercase;font-family:Dutch!important;font-size:16px;margin-top:15px;text-align: center;} :root{ --color:#ffca12; } @font-face { font-family: 'iconfont'; /* Project id 2365634 */ src: url('//at.alicdn.com/t/font_2365634_chyd2qa7d5r.woff2?t=1625883667148') format('woff2'), url('//at.alicdn.com/t/font_2365634_chyd2qa7d5r.woff?t=1625883667148') format('woff'), url('//at.alicdn.com/t/font_2365634_chyd2qa7d5r.ttf?t=1625883667148') format('truetype'); } .NavList_a1 .more:hover{ } .p_page .pre .iconfont:before{content: "\e61c";} .p_page .next .iconfont:before{content: "\e61d"!important;} .p_pagebox .next .iconfont:before { content: "\e61d"!important; } .fa_navon{background-color:#fc8400!important;} .lightbox:after{ content: '\e658'; font-family: iconfont; background-color: var(--color); position: absolute; width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 100px; opacity: 0.8; transform: translate(-50%,-50%); left: 50%; top: 50%; color: #fff; font-size: 21px; opacity: 0; transition: .6s cubic-bezier(0, 0.76, 0.48, 1.38); z-index: 2; transform: translate(-50%,-50%) scale(0.5); } .lightbox{ position:relative; } .lightbox:before{ content:""; display:block; width:100%; height:100%; background: rgb(29 29 29 / 30%); left:0px; top:0px; position:absolute; z-index: 1; opacity: 0; transition: all 0.5s; } .lightboxb:hover .lightbox:after{ opacity: 1; top:50%; transform: translate(-50%,-50%) scale(1.1); } .lightboxb:hover .lightbox:before{ opacity:1; } .button:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; background-color:var(--color); -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s; transition: -webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s; -o-transition: transform .5s cubic-bezier(.165,.84,.44,1) 0s; transition: transform .5s cubic-bezier(.165,.84,.44,1) 0s; transition: transform .5s cubic-bezier(.165,.84,.44,1) 0s, -webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s; transition: transform .5s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .button:hover:after{ -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform:scaleY(1); -webkit-transform-origin:bottom right; -ms-transform-origin:bottom right; transform-origin:bottom right; } .button.tabactive:after{ -webkit-transform: scaleY(1)!important; -ms-transform: scaleY(1)!important; transform: scaleY(1)!important; -webkit-transform-origin:bottom right; -ms-transform-origin:bottom right; transform-origin:bottom right; } @keyframes lv-fadeinup{ 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100%{ opacity: 1; -webkit-transform: none; -ms-transform:none; transform: none; } } @keyframes lv-fadeinLeft{ 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100%{ opacity: 1; -webkit-transform: none; -ms-transform:none; transform: none; } } @keyframes lv-fadeindd{ 20% { -webkit-transform: rotate( 15deg ); transform: rotate( 15deg ); } 40% { -webkit-transform: rotate( -10deg ); transform: rotate( -10deg ); } 60% { -webkit-transform: rotate( 5deg ); transform: rotate( 5deg ); } 80% { -webkit-transform: rotate( -5deg ); transform: rotate( -5deg ); } 100% { -webkit-transform: rotate( 0deg ); transform: rotate( 0deg ); } } @keyframes lv-fadeinRight{ 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100%{ opacity: 1; -webkit-transform: none; -ms-transform:none; transform: none; } } @keyframes lv-fadeinnav{ 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .lv-fadeinup{ animation-name: lv-fadeinup; } .lv-fadeinLeft{ animation-name: lv-fadeinLeft; } .lv-fadeinRight{ animation-name: lv-fadeinRight; } .lv-fadeindd{animation-name: lv-fadeindd;} .transition3{ -webkit-transition: all .3s cubic-bezier(.165,.84,.44,1), background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1), color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1); transition: all .3s cubic-bezier(.165,.84,.44,1), background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .3s cubic-bezier(.165,.84,.44,1), color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1); -o-transition: all .3s cubic-bezier(.165,.84,.44,1), background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1); -moz-transition: all .3s cubic-bezier(.165,.84,.44,1), background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1); -ms-transition: all .3s cubic-bezier(.165,.84,.44,1), background .3s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .3s cubic-bezier(.165,.84,.44,1),opacity .3s cubic-bezier(.165,.84,.44,1); } .transition3:hover{ -webkit-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -o-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -moz-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -ms-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); } .transition5{ -webkit-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -o-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -moz-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); -ms-transition: all .5s cubic-bezier(.165,.84,.44,1), background .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1), color .5s cubic-bezier(.165,.84,.44,1),opacity .5s cubic-bezier(.165,.84,.44,1); } .transition5:hover{ -webkit-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -o-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -moz-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -ms-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); } .transition7{ -webkit-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -o-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -moz-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); -ms-transition: all .7s cubic-bezier(.165,.84,.44,1), background .7s cubic-bezier(.165,.84,.44,1),-webkit-transform .7s cubic-bezier(.165,.84,.44,1), color .7s cubic-bezier(.165,.84,.44,1),opacity .7s cubic-bezier(.165,.84,.44,1); } .transition7:hover{ -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -o-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -moz-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -o-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -ms-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); } .transition10{ -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -o-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -moz-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -o-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); -ms-transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1); } .transition20{ -webkit-transition: all 2s cubic-bezier(.165,.84,.44,1), background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); transition: all 1s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); -o-transition: all 2s cubic-bezier(.165,.84,.44,1), background 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); -moz-transition: all 2s cubic-bezier(.165,.84,.44,1), background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); -o-transition: all 2s cubic-bezier(.165,.84,.44,1), background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); -ms-transition: all 2s cubic-bezier(.165,.84,.44,1), background 2s cubic-bezier(.165,.84,.44,1),-webkit-transform 2s cubic-bezier(.165,.84,.44,1), color 2s cubic-bezier(.165,.84,.44,1),opacity 2s cubic-bezier(.165,.84,.44,1); } .jzimgbox{ position:relative; width:100%; height:0px; overflow:hidden; padding-bottom:75%; } .jzimg{ left:50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); max-width:100%; position:absolute; } .jzimgbox:hover img{ transform:translate(-50%,-50%) scale(1.1); -webkit-transform: translate(-50%,-50%) scale(1.1); -moz-transform: translate(-50%,-50%) scale(1.1); -ms-transform: translate(-50%,-50%) scale(1.1); -o-transform:translate(-50%,-50%) scale(1.1); cursor: pointer; } .wlbg:after{ content:""; position:absolute; width:100%; left:0px; top:0px; height:100%; } .wlbg:before{ content:""; position:absolute; width:100%; left:0px; top:0px; height:100%; } .fdbox{ overflow:hidden; width:100%; } .fd{ float:left; } .fd2{ float:left; width:50%; } .fd3{ float:left; width:33.33333%; } .fd4{ float:left; width:25%; } .fd5{ float:left; width:20%; } .jzbox{ text-align:center; font-size:0px; } .jz{ display:inline-block; } .flexsxjz{ display: -webkit-flex; display:flex; align-items:center; } .flextxjz{ display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; align-items:center; } .flextxlc{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .heibai img{ filter:saturate(0.2); -webkit-filter:saturate(0.2); transition:1s; } .heibai img:hover{ filter:saturate(1); -webkit-filter:saturate(1); } .ccyc1{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .ccyc2{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .ccyc3{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .ccyc4{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; } .ccyc5{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; } .d_description img,.reset_style img{ max-width:100%!important; height:auto!important; } @media only screen and (min-width: 769px) { .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #f0f0f0; background: #fff; color: #333; } .p_page .pre:active { background: var(--color); border-color: var(--color); color: #fff; } .p_page .pre:hover { color: #fff; background: var(--color); border-color: var(--color); cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #f0f0f0; background: #ffffff; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #909090; border-color: #909090; color: #fff; } .p_page .next:hover { background:#909090; border-color: #909090; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color:#909090; border-color: #909090; } .p_page .pageNum:hover { color: #fff; border-color: #909090; cursor: pointer; text-decoration: none; background-color:#909090; } .p_page .pageNum.active { text-decoration: none; background-color: #909090; color: #fff; border-color: #909090; } } @media screen and (max-width: 768px) { .p_OccupyBox{ width:100%!important; } .p_pagebox .NumBox { display: none !important; } .p_pagebox { width: 100%; text-align: center; } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont { color: #ddd !important; } .p_pagebox .js_pageBtnDisable:hover .iconfont { color: #bfbfbf !important; } .p_pagebox .pre { width: 48%; margin-right:2%; background-color: var(--color); } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #333; background-color: #333; cursor: pointer; } .p_pagebox .pre:active { background-color: #333; } .p_pagebox .next { width: 48%; margin-left:2%; background-color: #333; } .p_pagebox .next:hover { background-color: #333; } .p_pagebox .next:active { background-color: #333; } } ::-webkit-scrollbar { width: 4px; height:0px; } ::-webkit-scrollbar-track { background: rgba(255,255,255,0.9); border-radius: 0px; } .p_articles img,.reset_style img{ max-width:100%; height:auto!important; } ::-webkit-scrollbar-thumb { background: var(--color); } .cursor-dot { width:20px; height:20px; background-color:rgba(255, 255, 255,0); transition:all 0.2s ease-out; } .cursor-dot-outline { width:20px; height:20px; background-color:#fff; transition:all 0.2s ease-out; } .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; mix-blend-mode: difference; } @media only screen and (max-width: 769px) { #w_grid-1622273233586{ display:none; } }