.prologue{position:absolute;top:0;left:0;bottom:0;right:0;background:#fff6ed;z-index:100000}
.prologue-box{width:100%;height:100%;border:2px solid rgba(0,0,0,0);border-radius:10px;color:#9c6e54;background-color:#000;background-repeat:no-repeat}
.ml-list{width:100%;height:100%;display:none;background-repeat:no-repeat}
.ml-list p{text-align:center;font-size:30px;font-weight:600}
.prologue-box{padding-top:100px}
.prologue-box p span{width:100%;padding-top:20px;padding-left:10px;padding-right:10px;font-size:24px;display:inline-block;text-align:center;position:relative;color:#fff}
.ml-list{position:absolute}
.ml-list p{font-size:45px;color:#9c6e54;font-weight:600;opacity:0}
.ml-list p button{margin-top:0px;width:150px;height:50px;font-size:24px;font-family:"Lucida Calligraphy",cursive,serif,sans-serif;cursor: pointer;}
.prologue-box p span{opacity:0;font-family:"Lucida Calligraphy",cursive,serif,sans-serif}
.prologue-box p span button{width:100px;height:40px;color:#fff;font-size:16px;font-family:"Lucida Calligraphy",cursive,serif,sans-serif;background-color:rgba(156,110,84,0.9)}
.ts-msg{width:100%;position:absolute;color:#fff;font-size:12px;bottom:0px;left:2px;background:rgba(0,0,0,.3);text-align:center}
.talk-box{width:100%;height:100%;display:none;position:relative}
.ren{width:700px;position:absolute;left:0px;bottom:20%;left:25%}
.sf-talk{padding:30px;height:350px;position:absolute;bottom:0%;left:2%;border-radius:10px;box-shadow:0 0 blur 10px rgba(0,0,0,.2);background:url('../img/aaa7.png');background-size:100% 100%;background-repeat:no-repeat;padding:60px;padding-top:100px}
.xyb{position:absolute;bottom:0px;right:10px;color:#e79263;border-radius:2px;font-size:16px;font-weight:800;text-align:center}
.tg{position:absolute;bottom:0px;color:#e79263;border-radius:2px;font-size:16px;font-weight:800}
.zsf{position:absolute;bottom:0px;color:#e79263;border-radius:2px;font-size:16px;font-weight:800}
@media screen and (max-width:2560px){.sf-talk{left:50%}
.ren3{width:600px;position:absolute;bottom:-2%;left:0%}
}@media screen and (max-width:1920px){.ren{width:700px;position:absolute;left:0px;bottom:16%;left:20%}
.sf-talk{left:45%;bottom:-30px}
.ren3{width:600px;position:absolute;bottom:-2%;left:0%}
}@media screen and (max-width:1600px){.ren{width:700px;position:absolute;left:0px;bottom:20%;left:20%}
.sf-talk{left:40%}
}.ren2{width:600px;position:absolute;bottom:-2%;right:0%}
.ren3{width:600px;position:absolute;bottom:-7%;right:0%}
.tktext{display:inline-block;font-size:17px;font-weight:600;animation:fadeIn 2s ease forwards 0s;margin-bottom: 20px;}
.prologue-box p span{font-family:"Lucida Calligraphy",cursive,serif,sans-serif}
.prologue-box p span:nth-child(1){animation:fadeIn 1s ease forwards 1s}
.prologue-box p span:nth-child(2){animation:fadeIn 1s ease forwards 2s}
.prologue-box p span:nth-child(3){animation:fadeIn 1s ease forwards 3s}
.prologue-box p span:nth-child(4){animation:fadeIn 1s ease forwards 4s}
.prologue-box p span:nth-child(5){animation:fadeIn 1s ease forwards 5s}
.prologue-box p span:nth-child(6){animation:fadeIn 1s ease forwards 6s}
.prologue-box p span:nth-child(7){animation:fadeIn1 1s infinite ease forwards 7s}
.ml-list p:nth-child(1){animation:fadeIn 1s ease forwards 0s}
.ml-list p:nth-child(2){animation:fadeIn 1s ease forwards 0.5s}
.ml-list p:nth-child(3){animation:fadeIn 1s ease forwards 1s}
.ml-list p:nth-child(4){animation:fadeIn 1s ease forwards 1.5s}
.ml-list p:nth-child(5){animation:fadeIn1 3s  ease forwards 2.5s}
.ml-list p:nth-child(6){animation:fadeIn1 3s  ease forwards 2.5s}
.ml-list p:nth-child(7){animation:fadeIn1 3s  ease forwards 2.5s}
@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}@keyframes fadeIn1{100%{opacity:1}
}.jx{color:#fff;width:80px;height:40px;border-radius:2px;font-size:16px;font-weight:600;background:rgba(156,110,84,.5)}
.t-talk,.t-talk2,.n-talk{width:200px;border:10px solid rgba(123,125,222,0);position:absolute;left:44%;bottom:32%;overflow-wrap:break-word;background-color:rgba(156,110,84,0.9);color:#fff;border-radius:5px;padding-bottom:10px}
.t-talk::after,.n-talk::after{height:0;width:0;content:'';position:absolute;border:20px solid transparent;border-right:20px solid rgba(156,110,84,0.9);bottom:10px;left:-50px}
.t-talk2::after{bottom:20px;height:0;width:0;content:'';position:absolute;border:20px solid transparent;border-right:20px solid rgba(156,110,84,0.9);left:-50px}
.t-talk::before,.t-talk2::before,.n-talk::before{height:0;width:0;content:'';position:absolute;border:30px solid transparent;border-right:25px solid rgba(123,125,222,0);top:10px;z-index:1;left:-55px}
.m-talk{width:200px;border:10px solid rgba(123,125,222,0);position:absolute;right:16%;bottom:20%;overflow-wrap:break-word;background-color:rgba(156,110,84,0.9);color:#fff;border-radius:5px;padding:10px;padding-bottom:22px}
.m-talk::after{height:0;width:0;content:'';position:absolute;border:20px solid transparent;border-left:20px solid rgba(156,110,84,0.9);top:0px;right:-50px}
.m-talk::before{height:0;width:0;content:'';position:absolute;border:30px solid transparent;border-left:25px solid rgba(123,125,222,0);top:10px;z-index:1;right:-55px}
.t-talk2{width:200px;border:10px solid rgba(123,125,222,0);position:absolute;left:164px;bottom:18px;overflow-wrap:break-word;background-color:rgba(156,110,84,0.9);color:#fff;border-radius:5px;padding-bottom:15px;font-size:16px}
.n-talk{left:18%;bottom:15%}
.qx,.ck,.cxks{background:rgba(0,0,0,0);color:#e79263;border:none;position:absolute;bottom:0px;left:10px;font-weight:800;font-size:16px}
.sa,.qk{font-weight:800;font-size:16px}
.ck{position:absolute;bottom:0px;left:8px;font-weight:800;font-size:16px}
.cxks{position:absolute;bottom:0px;right:-180px;font-weight:800;font-size:16px;display:none}
#scratch{display:block;margin:34px auto;clear:both;position:absolute;top:0;left:0;z-index:100000}
@media screen and (max-width:1920px){.prologue{zoom:.7}
.m-talk{right:15%;bottom:22%}
.t-talk{left:38%}
.n-talk{left:15%;bottom:25%}
}@media screen and (max-width:1680px){.prologue{zoom:.7}
.m-talk{right:18%}
.t-talk{left:40%}
.n-talk{left:18%}
}@media screen and (max-width:1600px){.prologue{zoom:.7}
.m-talk{right:18%}
.t-talk{left:40%}
.n-talk{left:18%}
}@media screen and (max-width:1440px){.prologue{zoom:.7}
.ren{width:700px;position:absolute;left:0px;bottom:17%;left:20%}
.t-talk{left:43%}
.n-talk{left:22%}
}@media screen and (max-width:1366px){.prologue{zoom:.58}
.sf-img{width:500px}
}.menu{position:absolute;top:20%;left:5px;background-color:rgba(156,110,84,0.9);border-radius:10px}
.menu-item{width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.menu-item img{width:20px;height:20px}
.kzbox{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.9);text-align:center;overflow:auto;padding-bottom:20px;z-index:100000}
.kzbox .kz-item{background:rgba(156,110,84,0.9);width:95%;margin-left:2.5%;margin-top:20px;border-radius:10px;margin-bottom:30px;color:#fff;display:flex;max-width:400px;float:left}
.kz-item img{width:200px}
.kz-item div{text-align:left;margin-top:8px}
.kz-item button{width:100px;background:rgba(156,110,84,0.9);color:#fff}
.close-kz{width:300px;height:30px;color:#fff;background:rgba(156,110,84,1);position:fixed;bottom:10px;left:calc(50% - 150px)}
.study-itemactive{background:rgba(156,110,84,1)}
.opacity-marsk{position:absolute;left:0;top:0;bottom:0;right:0;z-index:100000000;display:none;background:rgba(0,0,0,0)}
.target{display:inline-block;width:4em;height:4em;line-height:4em;text-align:center;background:rgba(255,255,255,0.05);border-radius:50%}
.fly{z-index:99;display:inline-block;width:0.8em;height:0.8em;border-radius:50%;background:#000;border:1px solid #000;will-change:transform;transform:translateY(50%);margin-top:20px}
.fly:before{right:60%;transform:rotate(15deg);transform-origin:100% 50%;animation:flapLeft 0.08s infinite}
.fly:after{left:60%;transform:rotate(-15deg);transform-origin:0% 50%;animation:flapRight 0.08s infinite}
.fly:before,.fly:after{position:absolute;z-index:-1;bottom:50%;width:0.8em;height:0.5em;border-radius:60%;background:#fff;border:1px solid #000;will-change:transform;content:''}
@keyframes flapLeft{0%{transform:rotate(-15deg)}
100%{transform:rotate(25deg)}
}@keyframes flapRight{0%{transform:rotate(25deg)}
100%{transform:rotate(-15deg)}
}.mosquito1{position:absolute;top:280px;left:30px;z-index:10000000;animation:mosquito1 3s infinite}
@keyframes mosquito1{0%{top:250px;left:30px}
10%{top:230px;left:30px}
30%{left:80px;top:200px}
50%{left:120px;top:180px}
100%{left:30px}
}.mosquito2{position:absolute;top:100px;left:190px;z-index:10000000;animation:mosquito2 3s infinite}
@keyframes mosquito2{0%{top:100px;left:190px}
10%{top:100px;left:230px}
30%{top:200px}
50%{top:180px}
100%{top:100px}
}.mosquito3{position:absolute;top:20px;left:10px;z-index:10000000;animation:mosquito3 3s infinite}
@keyframes mosquito3{0%{left:10px}
10%{left:50px}
30%{left:100px}
50%{left:50px}
100%{left:10px}
}.cat{width:200px;position:absolute;left:68%;bottom:22%}
@media screen and (max-width:500px){.prologue{zoom:1}
.m-talk{right:30%;bottom:10%}
.t-talk{left:40%;bottom:34%}
.n-talk{left:31%;bottom:5%}
.t-talk::after{bottom:3%}
#scratch{display:block;margin:34px auto;clear:both;position:absolute;top:70px;left:0;z-index:100000;zoom:.5}
.mosquito1{zoom:.5}
.mosquito2{zoom:.5}
.mosquito3{zoom:.5}
.cat{width:100px;position:absolute;left:40%;bottom:8%}
.dt-box{zoom:.6}
.dt-main{width:100% !important;height:100% !important}
.dt-main h3{font-size:24px}
.dt-box .dt-item{
    /* height:150px !important; */
    font-size:24px}
.dt-main button{
    /* width:130px !important; */
    height:60px !important;font-size:22px !important}
}.dt-box{position:absolute;width:100%;height:100%;z-index:100000000;background:rgba(0,0,0,.7);top:0;left:0;display:flex;align-items:center;justify-content:center;display:none}
.dt-main{width:600px;height:650px;background:url('../img/bg.jpg');background-size:100% 100%;background-repeat:no-repeat;text-align:center;padding:20px}
.dt-main .dt-item{text-align:left;
    /* height:70px; */
    padding-top:10px;border:1px solid #000;margin-top:40px;padding-left:10px;padding-bottom:10px}
.dt-main .dt-input{width:20px;height:20px}
.dt-main button{color:#fff;
    /* width:100px; */
    height:40px;border-radius:2px;font-size:16px;font-weight:600;background:rgba(156,110,84,.5);margin-top:30px;margin-left:20px;margin-right:20px}
.dt-alert{width:200px;height:100px;position:absolute;left:calc(50% - 100px);top:calc(50% - 50px);z-index:100000000;background:url('../img/bg.jpg');background-size:100% 100%;background-repeat:no-repeat;border-radius:4px;border:1px solid #000;display:none}
.dt-alert p{text-align:center;color:#000;font-size:16px}
.dt-alert div{display:flex;align-items:center;justify-content:center}
.dt-alert div button{color:#fff;width:80px;height:35px;border-radius:2px;font-size:13px;font-weight:600;background:rgba(156,110,84,.5)}
.t-talk div{
    cursor: pointer;
}

.m-talk div{
    cursor: pointer;
}

.t-talk div{
    cursor: pointer;
}

.kz-btn{
    cursor: pointer;
}
.acupoint_images_css,.acupoint_video_css{
    width: 100%;
}