@charset "utf-8";

div,table,html,body,form,ul,ol,li,dl,dt,img,dd,tr,span,input,select,img,p{margin:0 ;padding:0;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
body{font-size:16px;font-family:"微软雅黑";color:#484747; text-align:left; overflow-y: hidden;}
a{text-decoration:none;color:#484747;}
a:hover{text-decoration:none; color:#484747; text-decoration:underline;}
ul li{list-style:none;}
img{display:block; vertical-align:top }
.mycl{ clear: both;}

.container{ width: 750px; height: 1334px; margin: auto; background: #999; overflow: hidden; }
.page{width: 750px; height: 1334px; position: relative; display: none;}

.page{background:url(20250401_public_bg.jpg) no-repeat top center;}
#page1{background:url(20250401_bg1.jpg) no-repeat top center;}
#page2{background:url(20250401_bg2.jpg) no-repeat top center;}
#page23{background:url(20250401_bg23.jpg) no-repeat top center;}

.next{position: absolute; top: 1034px; left: 228px; z-index: 5;display: none; }
.di_word{position: absolute; top: 1270px; left: 99px; z-index: 5;display: none; }

.p1_ren{position: absolute; top: 215px; left: 295px; z-index: 2;display: none; }
.p1_bt{position: absolute; top: 65px; left: 85px;display: none;  }
.p1_di{position: absolute; bottom: 0px; left: 0px; z-index: 3;display: none; }
.p1_next{position: absolute; top: 1080px; left: 228px; z-index: 5;display: none; }


.p2_pic{position: absolute; top: 95px; left: 45px; z-index: 2; display: none; }
.p2_bt{position: absolute; top: 710px; left: 85px; z-index: 2; display: none;}
.p2_word{position: absolute; top: 970px; left: 245px; z-index: 4; display: none;}
.p2_di{position: absolute; bottom: 0px; left: 0px; z-index: 2; display: none;}
.p2_next{position: absolute; top: 1080px; left: 228px; z-index: 5;display: none; }


.p5_pic{position: absolute; top: 540px; left: 47px; z-index: 4; display: none;}

.p6_pic{position: absolute; top: 540px; left: 47px; z-index: 4; display: none;}

.p7_pic{position: absolute; top: 540px; left: 47px; z-index: 4; display: none;}

.p8_pic{position: absolute; top: 450px; left: 47px; z-index: 4; display: none;}

.p9_pic{position: absolute; top: 450px; left: 47px; z-index: 4; display: none;}

.p10_pic{position: absolute; top: 550px; left: 47px; z-index: 4; display: none;}

.p11_pic{position: absolute; top: 550px; left: 47px; z-index: 4; display: none;}

.p12_pic{position: absolute; top: 550px; left: 47px; z-index: 4; display: none;}

.p17_pic{position: absolute; top: 550px; left: 47px; z-index: 4; display: none;}

.p19_pic{position: absolute; top: 550px; left: 47px; z-index: 4; display: none;}

.p20_pic{position: absolute; top: 620px; left: 47px; z-index: 4; display: none;}

.p23_leifeng{position: absolute; top:650px; left:135px; z-index: 1; display: none;}
.p23_word{position: absolute; top: 180px; left: 115px; z-index: 4; display: none;}


/*通用*/
.word{position: absolute; top: 120px; left: 115px; z-index: 6; display: none;}
.yun{position: absolute; top: 680px; left: 0px; z-index: 5; display: none;}
.leifeng{position: absolute; top: 550px; left: 130px; z-index: 4; display: none;}



.fadeInZX1s{
    /*animation: fadeInZX1s 3s forwards;
    animation-timing-function: linear;*/
    animation: fadeInZX1s linear forwards; /* 动画的持续时间将通过 JavaScript 设置 */  
    opacity: 0; /* 初始状态为透明 */  
}
@keyframes fadeInZX1s {
    0% {
        opacity: 0;
        clip-path: inset(0 0 100% 0);
    }
    1% {
        opacity: 1;
        clip-path: inset(0 0 100% 0);
    }
    100% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
    }
}


.fade-in{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1.000) both}
@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

.slide-in-bck-center{-webkit-animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes slide-in-bck-center{0%{-webkit-transform:translateZ(600px);transform:translateZ(600px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}


.slide-in-bottom{-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}