body.show {overflow: hidden;touch-action: none; /* 移动端禁止触摸滚动 */}

body.show .preloader {opacity: 1;}
/* 预加载容器样式 */
.preloader {opacity: 0; position: fixed;background: url(../images/preloader-bj.webp) no-repeat center; background-size: cover; padding: 2% 0; top: 0;left: 0;width: 100vw;height: 100vh;display: flex; flex-direction: column; justify-content: center;align-items: center;z-index: 9999; transition: .5s opacity;}
.preloader .svgBox {width: 13%; height: auto;}
.preloader svg {width: 100%; height: 100%;} 
/* .preloader.show {opacity: 1;} */
.preloader.hidden {pointer-events: none; opacity: 0;}
.stroke-path { fill: transparent;  stroke: #fff;  stroke-width: 5; stroke-dasharray: var(--path-length);  stroke-dashoffset: var(--path-length); transition: 1s;  animation: strokeAnimate 3s ease-in-out forwards}
.stroke-path2 {stroke: #00A0E9;}
/* .stroke-path.animate1 {animation-duration: 8s;} */
@keyframes strokeAnimate {to {stroke-dashoffset: 0; }}
.stroke-path.filled {fill: #fff;}
.stroke-path2.filled {fill: #00A0E9;}  

.preloader .text {margin-top: 1.25rem;}
.page-loader_text-fill {margin-top: 6.25rem; width: 9.75rem; height: 9.75rem; background: #00A8A9; border-radius: 50%; display: flex; justify-content: center; align-items: center;}

/* 文字弹出动画相关样式 */
.preloader .text .p1 { opacity: 0; transform: translateY(1.25rem); transition: all 0.5s ease-out;}
.preloader .text .p1.show { opacity: 1;  transform: translateY(0);}