:root{--popScale:1} *{padding:0;margin:0;} .swiper-container,body,html{width:100%;height:100%;overflow:hidden;font-family: "Merriweather", sans-serif; font-size: 14px; line-height: 1.4;} input, textarea, select { font-family: "Merriweather", sans-serif; } .full-bg{position:relative;width:100%;height:100%;} .topbar .topmenu{height: 30px !important;} a { text-decoration: none; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .show { display: block !important; z-index: 9999999999; } .logo { display: block; width:225px; margin:0 auto; } .logo img { display:block; width:100%; } .section { position: relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; } .section .wrapper { position: relative; margin:0 auto; width:1200px; z-index:2; } .section .logo { position:absolute; left:-10%; top:20px; } .swiper-slide-main.swiper-slide-active {z-index: 10;} .swiper-slide-main {z-index: 1;} .sec1 { background:url(https://hwimg.99.com/co/images/2025/dunhuang/bg1.jpg) no-repeat center center/cover; } .sec2,.sec3,.sec4 { background:url(https://hwimg.99.com/co/images/2025/dunhuang/bg2.jpg) no-repeat center center/cover; } .sec1 .wrapper { display:flex; align-items:center; justify-content:flex-start;flex-direction: column;height: 900px; } .sec2 .wrapper {width: 1110px;} .sec-nav { position:fixed; left: 200px; top: 50%; margin-top: -205px; z-index:2;width: 93px; height: 410px; padding:104px 0 20px 0; display:none; } .sec-nav:before { position: absolute; right: 0; top: 0%; content:"";width: 93px;height: 510px; background: url(https://hwimg.99.com/co/images/2025/dunhuang/nav-bg.png) no-repeat center center; } .sec-nav a{position: absolute;right: 0; width: 93px;height: 93px;line-height: 93px;text-align: center; font-size: 18px;background: url(https://hwimg.99.com/co/images/2025/dunhuang/nav.png) no-repeat;color:#f1e6cc;font-family: "Protest Revolution", sans-serif;} .sec-nav a:hover,.sec-nav a.on{ background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/nav-on.png); } .sec-nav a strong{font-weight: normal;font-weight: normal;font-style: italic;} .sec-nav a:nth-child(1){top: 0px;} .sec-nav a:nth-child(2){top: 120px;} .sec-nav a:nth-child(3){top: 240px;} .sec-nav a:nth-child(4){top: 360px;} .sec-nav a:last-child{ top: 440px;right: 13px;background: none; } .sec-nav a:last-child strong{color: #fff;background-image: -webkit-linear-gradient(90deg,#836e40 0%,#bbae81 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .sec-nav.page0 { width: 707px;height: 129px; padding: 0;left: 50%; margin-left: -161px;top: 72%;margin-top: 0;} .sec-nav.page0 a{position: relative; display: inline-block; width: 129px;height: 129px;font-size: 20px;line-height: 20px; text-align: center;margin: 5px 22px;color:#191d24;background: url(https://hwimg.99.com/co/images/2025/dunhuang/nav-page0.png) no-repeat;font-weight: bold;vertical-align: middle;} .sec-nav.page0 a:hover{ background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/nav-page0-hover.png);color:#fff } .sec-nav.page0 a strong{display: block;line-height: 129px; color:#ffe6c7;text-shadow: 0 0 4px #71350e,0 0 4px #71350e,0 0 4px #71350e,0 0 4px #71350e,0 0 4px #71350e;font-family: "Ubuntu", sans-serif;font-size: 28px;} .sec-nav.page0:before,.sec-nav.page0 a:nth-child(5):before, .sec-nav.page0 a:nth-last-child(5):after,.sec-nav.page0 a:nth-child(5){display: none;} .sec-nav.page0 a:nth-child(1),.sec-nav.page0 a:nth-child(2),.sec-nav.page0 a:nth-child(3),.sec-nav.page0 a:nth-child(4){top: 0px;} /*sec1*/ .index-cont { position:relative; } .index-slogan {display: none; width:1063px; height:660px; background:url(https://hwimg.99.com/co/images/2025/dunhuang/en/slogan.png) no-repeat center center; margin: -50px 0 20px 400px; } .sec1 .wrapper > * { z-index:3; } .sec1 .wrapper > .index-cont { z-index:2; } .kv-video{position: absolute; top: 0;left: 0; width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;} /*sec2*/ .title { margin:0 auto; width:100%; font-size:0; } .title1 { height:91px; background:url(https://hwimg.99.com/co/images/2025/dunhuang/en/title1.png) no-repeat center center; margin-bottom: -40px;} .sec2 .txt{position:absolute;left:40px;bottom:170px;font-size:0;background:url(https://img5.99.com/zf/activity/2023/03/shz/img/txt.png);width:1126px;height:105px} .imgs-con{width:100%;height: 730px;text-align:center;background: url(https://hwimg.99.com/co/images/2025/dunhuang/sec1bg.png) no-repeat center center;} .imgs-con img{display:none;margin:0 auto} .txt-wt{position:absolute;width:466px;height:47px;line-height: 35px; font-size:25px;bottom:206px;right:-86px;color:#9d664a;font-family: "Averia Libre", sans-serif;font-style: italic;text-align: center;} .txt-wt span{font-size: 35px;} .tab-img{width:100%;text-align:center;margin-top:-30px} .tab-img a{background:url(https://img5.99.com/zf/activity/2023/03/shz/img/btn-wt.png) no-repeat;width:226px;height:87px;display:inline-block;vertical-align:middle;padding-top:40px;color:#ac3819;font-size:24px;margin:0 20px} .tab-img a.on,.tab-img a:hover{background:url(https://img5.99.com/zf/activity/2023/03/shz/img/btn-wt-on.png) no-repeat ;color:#faefeb} /*sec3*/ .title2 { height:91px; background:url(https://hwimg.99.com/co/images/2025/dunhuang/en/title2.png) no-repeat center center;margin-bottom: -100px; } .sec3 .swiper{position:relative;width:100%;height:900px;margin-top:20px} .sec3 .swiper-slide{display: flex;justify-content: flex-end} .sec3 .swiper .skill-name{position:absolute;width:118px;top:78px;right:110px;z-index: 10;} .sec3 .swiper .skill-name a{display:block;background:url("https://hwimg.99.com/co/images/2025/dunhuang/skill-name.png") no-repeat;width:118px;height:119px;font-size:20px;color:#ffebc9;text-align:center;display: flex;align-items: center;justify-content: center;font-family: "Crimson Text", sans-serif;font-weight: bold;} .sec3 .swiper .skill-name a span{vertical-align:middle;line-height:1;word-break:break-word} .sec3 .swiper .skill-name a.on,.sec3 .swiper .skill-name a:hover{background:url("https://hwimg.99.com/co/images/2025/dunhuang/skill-name-on.png") no-repeat;color:#4d3722} .sec3 .swiper .skill-name a:nth-child(2){margin-left: 70px;} .sec3 .swiper .skill-bg{background:url("https://img5.99.com/zf/activity/2022/06/shz/img/skill-bg.png") no-repeat;width:831px;height:831px;margin-right: 50px;position:relative} .sec3 .swiper .skill-bg .con{width:100%;height:100%;display:none} .sec3 .swiper .skill-bg .con img{position:absolute;border-radius:50%;top:234px;left:229px;width:367px;height:367px} .sec3 .swiper .skill-bg .con .name-bg{position:absolute;background:url("https://img5.99.com/zf/activity/2022/06/shz/img/name-bg.png") no-repeat ;width:263px;height:101px;bottom:170px;left:-93px} .sec3 .swiper .skill-bg .con .name-bg p{text-align:center} .sec3 .swiper .skill-bg .con .name-bg p:first-of-type{width:100%;font-size:21px;color:#715e3d;line-height:38px;white-space:nowrap;overflow:hidden;margin:0 auto;font-family: "Crimson Text", sans-serif;font-weight: bold;} .sec3 .swiper .skill-bg .con .name-bg p:nth-of-type(2){width:80%;font-size:23px;color:#ffefd8;line-height:20px;text-shadow:0 0 2px #a96028,0 0 2px #a96028,0 0 2px #a96028,0 0 2px #a96028;margin:22px auto 0;font-family: "Crimson Text", sans-serif;font-weight: bold;} .sec3 .swiper .skill-bg .con.on{display:block} .sec3 .swiper .skill-txt{position:absolute;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy-txt-bg.png") no-repeat ;width:372px;height:176px;top:130px;left:9px ;;padding:7px 60px 10px;display: flex;align-items: center;} .sec3 .swiper .skill-txt p{display:none;font-size:21px;color:#8f7f61;font-family: "Averia Libre", sans-serif;font-style: italic;} .sec3 .swiper .skill-txt p .tip{position:absolute;width:310px;top:542px;left:210px;line-height: 20px;writing-mode:horizontal-tb} .sec3 .swiper .skill-txt p.on{display:block} .sec3 .swiper .skill-txt p strong{font-size: 30px;font-weight: normal;} .sec3 .zy-pagination{position:absolute;background:url("https://img5.99.com/zf/activity/2022/06/shz/img/zy-pagination.png") no-repeat center;width:1202px;height:83px;bottom:93px;left:50%;transform:translateX(-50%);text-align:center;z-index:100} .sec3 .zy-pagination span{position:relative;opacity:1;width:100px;height:83px;background:0 0} .sec3 .zy-pagination span:first-of-type::before{content:"";position:absolute;top:6px;left:16px;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy10.png") no-repeat ;width:70px;height:71px;border-radius:50%} .sec3 .zy-pagination span:nth-of-type(2)::before{content:"";position:absolute;top:6px;left:16px;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy1.png") no-repeat ;width:70px;height:71px;border-radius:50%} .sec3 .zy-pagination span:nth-of-type(3)::before{content:"";position:absolute;top:6px;left:16px;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy2.png") no-repeat ;width:70px;height:71px;border-radius:50%} .sec3 .zy-pagination span:nth-of-type(4)::before{content:"";position:absolute;top:6px;left:16px;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy3.png") no-repeat ;width:70px;height:71px;border-radius:50%} .sec3 .zy-pagination span:nth-of-type(5)::before{content:"";position:absolute;top:6px;left:16px;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy4.png") no-repeat ;width:70px;height:71px;border-radius:50%} .sec3 .zy-pagination span:nth-of-type(6)::before{content:"";position:absolute;top:6px;left:16px;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy5.png") no-repeat ;width:70px;height:71px;border-radius:50%} .sec3 .zy-pagination span:nth-of-type(7)::before{content:"";position:absolute;top:6px;left:16px;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy6.png") no-repeat ;width:70px;height:71px;border-radius:50%} .sec3 .zy-pagination span:nth-of-type(8)::before{content:"";position:absolute;top:6px;left:16px;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy7.png") no-repeat ;width:70px;height:71px;border-radius:50%} .sec3 .zy-pagination span:nth-of-type(9)::before{content:"";position:absolute;top:6px;left:16px;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy8.png") no-repeat ;width:70px;height:71px;border-radius:50%} .sec3 .zy-pagination span:nth-of-type(10)::before{content:"";position:absolute;top:6px;left:16px;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy9.png") no-repeat ;width:70px;height:71px;border-radius:50%} .sec3 .zy-pagination span::after{text-align:center;font-size:16px;color:#66411e;position:absolute;width:100%;left:0;bottom:-22px;font-family: "Crimson Text", sans-serif;font-weight: bold;} .sec3 .zy-pagination span:first-of-type::after{content:"DuneWandere "} .sec3 .zy-pagination span:nth-of-type(2)::after{content:"Ninja"} .sec3 .zy-pagination span:nth-of-type(3)::after{content:"Warrior"} .sec3 .zy-pagination span:nth-of-type(4)::after{content:"Fire Taoist"} .sec3 .zy-pagination span:nth-of-type(5)::after{content:"Archer"} .sec3 .zy-pagination span:nth-of-type(6)::after{content:"Trojan"} .sec3 .zy-pagination span:nth-of-type(7)::after{content:"Water Taoist"} .sec3 .zy-pagination span:nth-of-type(8)::after{content:"Pirate"} .sec3 .zy-pagination span:nth-of-type(9)::after{content:"Monk"} .sec3 .zy-pagination span:nth-of-type(10)::after{content:"Dragon Warrior";width: 120px;left: -7px;} .sec3 .zy-pagination span.swiper-pagination-bullet-active{background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy-on.png")} .sec3 .zy-pagination::after{content:"";position:absolute;background:url("https://hwimg.99.com/co/images/2025/dunhuang/en/more-txt.png") no-repeat ;width:454px;height:17px;bottom:-52px;right:055px} .sec3 .btn-game{position:absolute;width:134px;height:141px;bottom:390px;left:50px;transform-style:preserve-3d;perspective:500px;animation:reverseRotate 5s linear infinite;z-index:50} .sec3 .btn-game i{background:url("https://hwimg.99.com/co/images/2025/dunhuang/en/btn-game.png") no-repeat ;display:block;transform-style:preserve-3d;perspective:500px;width:100%;height:100%;animation:rotate1 5s linear infinite} .sec3 .btn-game i::after{content:"";height:50%;width:15px;background:#fff;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;opacity:.6;filter:blur(6px);animation:move 3s infinite ease-out} .sec3 .btn-game:hover{animation-play-state:paused} .sec3 .btn-game:hover i{animation-play-state:paused} .sec3 .prev{transform:scale(.9);position:absolute;background:url("https://img5.99.com/zf/activity/2022/06/shz/img/btn-l.png") no-repeat ;width:52px;height:52px;top:380px;left:299px;z-index:50} .sec3 .prev:active{transform:scale(.9)} .sec3 .next{transform:scale(.9);position:absolute;background:url("https://img5.99.com/zf/activity/2022/06/shz/img/btn-r.png") no-repeat ;width:52px;height:52px;top:380px;right:31px;z-index:50} .sec3 .next:active{transform:scale(.9)} /*sec4*/ .title3 { height:127px; background:url(https://hwimg.99.com/co/images/2025/dunhuang/en/title3.png) no-repeat center center; } .sec4 h3.tit{position:absolute;background:url("https://hwimg.99.com/co/images/2025/dunhuang/tit2.png") no-repeat;width:1405px;height:146px;top:80px;left:0;z-index:10} .sec4 .con{position: relative; background:url("https://hwimg.99.com/co/images/2025/dunhuang/en/dh-bg.png") no-repeat;width:1149px;height:678px;margin-left: 75px;padding: 0;} .sec4 .con .tit{position:absolute;background:url("https://hwimg.99.com/co/images/2025/dunhuang/dh-txt.png") no-repeat;width:34px;height:308px;top:140px;left:130px} .sec4 .con .p1{position:absolute;background:url("https://hwimg.99.com/co/images/2025/dunhuang/dh1.png") no-repeat;width:276px;height:88px;top: 192px;left: 164px;} .sec4 .con .p2{position:absolute;background:url("https://hwimg.99.com/co/images/2025/dunhuang/dh2.png") no-repeat;width:323px;height:88px;top: 200px;left: 250px;} .sec4 .con .p3{position:absolute;background:url("https://hwimg.99.com/co/images/2025/dunhuang/dh3.png") no-repeat;width:326px;height:94px;top: 320px;left: 250px;} .sec4 .con .p4{position:absolute;background:url("https://hwimg.99.com/co/images/2025/dunhuang/dh4.png") no-repeat;width:316px;height:88px;top: 363px;left: 304px;} .sec4 .con img{position:absolute;top: 60px;right: 280px;} /*sec5*/ .sec5 .wrapper{padding:1px 0 0;position:relative;width:100%;height:100%;} .sec5 .wrapper-coop{position:relative;width:100%;height:730px;z-index: 40;} .panel {position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;} .wuyuan-slide .coop-bg{z-index:3} .wuyuan-slide .wrapper-coop{z-index:20} .wrapper-bottom,.wrapper-coop,.wrapper-music{pointer-events:none} .sec5 .wrapper-coop .sub-logo{pointer-events: all;} .coop-bg{cursor:pointer;position:absolute;width:100%;height:100%;top:0;left:0} .coop-bg:hover .coop-guide{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1} .coop-bg>div{position:absolute;width:100%;height:100%;top:0;left:0} .coop-bg .bg-before{background:url(https://img7.99.com/zf/activity/2025/11/xk/p-04.jpg) no-repeat center/cover;z-index:1} .coop-bg .bg-before::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://hwimg.99.com/co/images/2025/dunhuang/bg5.png) no-repeat center/100% 100%} .cur-bg-1.coop-bg .bg-before::before{display: none;} .coop-bg .bg-after{z-index:2;background:url(https://img7.99.com/zf/activity/2025/11/xk/p-04-after.jpg) no-repeat center/cover;position:relative;overflow:hidden;-webkit-clip-path:circle(0px at var(--clip-center-x,50%) var(--clip-center-y,50%));clip-path:circle(0px at var(--clip-center-x,50%) var(--clip-center-y,50%))} .coop-bg .bg-after::before{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at var(--clip-center-x,50%) var(--clip-center-y,50%),rgba(255,255,255,0) 0,rgba(255,255,255,0) 90%,#fff 100%);pointer-events:none;opacity:0;transition:opacity .3s} .coop-bg .bg-after.active{-webkit-animation:circleExpand .5s ease-out forwards,circleExpandOut .3s 1.65s linear forwards;animation:circleExpand .5s ease-out forwards,circleExpandOut .3s 1.65s linear forwards} .coop-bg .bg-after.active::before{opacity:1} .coop-bg .bg-after.active.change{-webkit-animation:circleExpandBig 1s linear forwards;animation:circleExpandBig 1s linear forwards} .coop-bg.cur-bg-1 .bg-before{background-image:url(https://img7.99.com/zf/activity/2025/11/xk/p-04-after.jpg)} .coop-bg.cur-bg-1 .bg-after{background-image:url(https://img7.99.com/zf/activity/2025/11/xk/p-04.jpg)} .cool-big,.coop-hole{position:absolute;width:450px;height:450px;top:50%;left:50%;z-index:30;margin:-225px 0 0 -225px} .coop-hole{background:url(https://img7.99.com/zf/activity/2025/11/xk/coop-hole.png) no-repeat center top} .coop-hole.active{-webkit-animation:coopHole 2s steps(60) forwards;animation:coopHole 2s steps(60) forwards} .coop-hole.active.change{opacity:0;-webkit-transition:all 1s linear;transition:all 1s linear;-webkit-transform:scale(30);transform:scale(30)} .cool-big{background:url(https://img7.99.com/zf/activity/2025/11/xk/coop-hole-big.png) no-repeat center/100%;opacity:0} .cool-big.active{opacity:1;-webkit-transition:all .3s;transition:all .3s;-webkit-animation:coopHoleChange 1s linear forwards;animation:coopHoleChange 1s linear forwards} .coop-guide{position:absolute;font-size:16px;color:#fff;background:rgba(0,0,0,.5);z-index:10;pointer-events:none;bottom:8%;left:50%;padding:5px 30px;border-radius:10px;-webkit-transform:translate(-50%,30%);transform:translate(-50%,30%);text-align:center;opacity:0;letter-spacing:1px;-webkit-transition:all .2s;transition:all .2s} .coop-panel .sub-logo{position:absolute;display:flex;align-items:center;z-index:30;top:-50px;left:50%;margin-left:-130px} .coop-panel .sub-logo>img{width:220px} .coop-panel .sub-logo::after{content:'';display:block;background:url(https://img7.99.com/zf/activity/2025/11/xk/logo-ld.png);width:119px;height:87px;margin:-25px 0 0 -7px} .coop-btn-list{position:relative;z-index:10;pointer-events:none;width:1920px;height:1080px;top:0%;left:50%;-webkit-transform:translate(-50%,-10%);transform:translate(-50%,-10%)} /* .coop-btn-list .coop-btn{position:absolute;background:0 0;color:#fff;font-size:0;border:0;border-radius:10px;padding:16px 26px;text-decoration:none;pointer-events:all;width:360px;height:153px} */ .coop-btn-list .coop-btn{position:absolute;background:0 0;color:#fff;font-size:0;border:0;border-radius:10px;padding:16px 26px;text-decoration:none;pointer-events:all;width:360px;height:86px} .coop-btn-list .coop-btn::after,.coop-btn-list .coop-btn::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .4s;transition:all .4s;background:no-repeat center left} .coop-btn-list .coop-btn::after{opacity:0;width:0} .coop-btn-list .coop-btn:hover::before{opacity:0} .coop-btn-list .coop-btn:hover::after{width:100%;opacity:1} .coop-btn-list .coop-btn-1{top:230px;left:337px;width: 548px;height: 153px;} .coop-btn-list .coop-btn-1::before{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/en/wuyuan-1.png)} .coop-btn-list .coop-btn-1::after{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/en/wuyuan-1-on.png)} .coop-btn-list .coop-btn-2{top:636px;left:650px;width: 359px;height: 153px;} .coop-btn-list .coop-btn-2::before{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/en/wuyuan-2.png)} .coop-btn-list .coop-btn-2::after{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/en/wuyuan-2-on.png)} .coop-btn-list .coop-btn-3{top:300px;left:1341px;width: 494px;height: 153px;} .coop-btn-list .coop-btn-3::before{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/en/wuyuan-3.png)} .coop-btn-list .coop-btn-3::after{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/en/wuyuan-3-on.png)} .coop-btn-list .coop-btn-4{top:634px;left:1271px;width: 359px;height: 153px;} .coop-btn-list .coop-btn-4::before{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/en/wuyuan-4.png)} .coop-btn-list .coop-btn-4::after{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/en/wuyuan-4-on.png)} .wuyuan-slide .coop-btn{opacity:0} .wuyuan-slide .coop-btn:first-child,.wuyuan-slide .coop-btn:nth-child(2){-webkit-transform:translate(-10%,0);transform:translate(-10%,0)} .wuyuan-slide .coop-btn:nth-child(3),.wuyuan-slide .coop-btn:nth-child(4){-webkit-transform:translate(10%,0);transform:translate(10%,0)} .wuyuan-slide .hot-item{opacity:0;-webkit-transform:scale(1.3) translate(0,-12%);transform:scale(1.3) translate(0,-12%)} .wuyuan-slide .p-wrap.active .coop-panel.active .coop-btn{opacity:1;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transition:all .6s;transition:all .6s} .wuyuan-slide .p-wrap.active .coop-panel.active .coop-btn:first-child{-webkit-transition-delay:.65s;transition-delay:.65s} .wuyuan-slide .p-wrap.active .coop-panel.active .coop-btn:nth-child(2){-webkit-transition-delay:.8s;transition-delay:.8s} .wuyuan-slide .p-wrap.active .coop-panel.active .coop-btn:nth-child(3){-webkit-transition-delay:.95s;transition-delay:.95s} .wuyuan-slide .p-wrap.active .coop-panel.active .coop-btn:nth-child(4){-webkit-transition-delay:1.1s;transition-delay:1.1s} .wuyuan-slide .p-wrap.active .hot-panel.active .hot-item{opacity:1;-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0);-webkit-transition:all .5s;transition:all .5s} .wuyuan-slide .p-wrap.active .hot-panel.active .hot-item:first-child{-webkit-transition-delay:.28s;transition-delay:.28s} .wuyuan-slide .p-wrap.active .hot-panel.active .hot-item:nth-child(2){-webkit-transition-delay:.36s;transition-delay:.36s} .wuyuan-slide .p-wrap.active .hot-panel.active .hot-item:nth-child(3){-webkit-transition-delay:.44s;transition-delay:.44s} .wuyuan-slide .p-wrap.active .hot-panel.active .hot-item:nth-child(4){-webkit-transition-delay:.52s;transition-delay:.52s} .wuyuan-slide .p-wrap.active .hot-panel.active .hot-item:nth-child(5){-webkit-transition-delay:.6s;transition-delay:.6s} .wuyuan-slide .p-wrap.active .hot-panel.active .hot-item:nth-child(6){-webkit-transition-delay:.68s;transition-delay:.68s} .wuyuan-slide .p-wrap.active .hot-panel.active .hot-item:nth-child(7){-webkit-transition-delay:.76s;transition-delay:.76s} /* .music{position: absolute;left: 50%;top: 50%;z-index: 10;width: 0;height: 0;} */ .music{position:absolute;width:80px;height:78px;z-index:80;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;opacity:0;pointer-events:none;-webkit-transform:scale(.8);transform:scale(.8);top:60px;right:170px} .music::after,.music::before{content:'';position:absolute;width:100%;top:0;left:0;height:100%;-webkit-transition:all .3s;transition:all .3s} .music::before{background:url(https://img7.99.com/zf/activity/2025/11/xk/music.png) no-repeat center} .music::after{background:url(https://img7.99.com/zf/activity/2025/11/xk/music-1.png) no-repeat center} .music.active::before,.music:hover::before{background-image:url(https://img7.99.com/zf/activity/2025/11/xk/music-on.png)} .music.active::after,.music:hover::after{background-image:url(https://img7.99.com/zf/activity/2025/11/xk/music-on-1.png)} .music.cur-loop,.music.cur-loopbegin{opacity:1;pointer-events:all} .music.active::after{-webkit-animation:rotateMusic 3s infinite linear;animation:rotateMusic 3s infinite linear} /*common*/ .go-footer{position:fixed;bottom:30px;right:30px;height:30px;line-height:30px;font-size:14px;color:#000;background:rgba(255,255,255,.75);z-index:40;padding:0 20px;border-radius:15px} .go-footer.show i{transform:rotate(180deg)} .go-footer i{display:inline-block;width:22px;height:22px;background:url(https://hw.99.com/uploads/wtop/sports/img/icon-arrow.png) no-repeat;margin-left:5px;vertical-align:middle;transition:all .3s} .footer{position:absolute;bottom:0;width:100%;padding:20px auto;font-size:12px;color:#fff;background:#000;z-index:30;transform:translateY(100%);transition:transform .2s linear} .footer.show{transform:translateY(0)} .footer a{color:#fff} /*box*/ .pop, .commonbox { position:fixed;width:100%;height:100%;top:0;left:0;display:none;background:rgba(0,0,0,.8); z-index: 999; } .pop.show, .commonbox.show {display:flex; align-items: center; justify-content: center;} .spop, .tipbox { position:relative; margin:0 auto;color:#1a2937 } .box1 { width:1041px; height:587px; background:url(https://hwimg.99.com/co/images/2025/dunhuang/box1.png) no-repeat 0 0/100%; } .login_form_class .box1,#accountlogin .box1{ width:530px; height:318px; background:url(https://hwimg.99.com/co/images/2025/dunhuang/box2.png) no-repeat 0 0/100% 100%;padding: 40px 50px 20px 70px; } .box3 { width:800px; height:450px; background:url(https://hwimg.99.com/co/images/2025/dunhuang/box1.png) no-repeat 0 0/100%; } .close {position: absolute;top: 28px;right: 54px; width: 60px; height: 57px; font-size:0; background:url(https://hwimg.99.com/co/images/2025/dunhuang/close.png) no-repeat 0 0; } .login_form_class .box1 .close,#accountlogin .box1 .close { right: 39px;} .close:hover { filter:brightness(1.2); } .con { padding:43px 67px 16px 109px } .box3 .con { padding:90px 70px; } .con h3, .tipbox h2 { text-align:center; font-size:26px; } .rule-cont { margin:10px auto; height: 400px; overflow-y:auto; } .rule-cont p { padding:3px 0; } .pop{position:fixed;width:100%;height:100%;top:0;left:0;display:none;background:rgba(0,0,0,.8)} .pop .close{background:url("https://img5.99.com/zf/activity/2022/06/shz/img/close.png") no-repeat;width:30px;height:29px;position:absolute;top:23px;right:376px;z-index:200} .pop .pop-con{position:absolute;width:1500px;height:760px;top:50%;left:50%;transform:translate(-50%,-50%)} .pop .pop-con .swiper{width:100%;height:100%} .pop .pop-con .swiper .skill-name{position:absolute;width:118px;top:81px;right:426px;z-index:150} .pop .pop-con .swiper .skill-name a{display:block;background:url("https://hwimg.99.com/co/images/2025/dunhuang/skill-name.png") no-repeat;width:118px;height:119px;font-size:20px;color:#ffebc9;text-align:center;display: flex;align-items: center;justify-content: center;font-family: "Crimson Text", sans-serif;font-weight: bold;} .pop .pop-con .swiper .skill-name a span{display:table-cell;vertical-align:middle;line-height:1;word-break: break-word;} .pop .pop-con .swiper .skill-name a.on,.pop .pop-con .swiper .skill-name a:hover{background:url("https://hwimg.99.com/co/images/2025/dunhuang/skill-name-on.png") no-repeat;color:#4d3722} .pop .pop-con .swiper .skill-name a:nth-child(2){margin-left: 50px;} .pop .pop-con .swiper .skill-bg{width:100%;height:100%;position:relative} .pop .pop-con .swiper .skill-bg .con{width:100%;height:100%;display:none} .pop .pop-con .swiper .skill-bg .con img{position:absolute;border-radius:50%;top:212px;left:554px;width:335px;height:335px} .pop .pop-con .swiper .skill-bg .con .name-bg{position:absolute;width:268px;top:537px;left:960px;z-index:201;line-height:24px} .pop .pop-con .swiper .skill-bg .con .name-bg p{text-align:center;color:#ffefd8;font-size:23px;margin:0 auto;text-shadow:0 0 2px #a96028,0 0 2px #a96028,0 0 2px #a96028,0 0 2px #a96028;font-family: "Crimson Text", sans-serif;font-weight: bold;} .pop .pop-con .swiper .skill-bg .con.on{display:block} .pop .pop-con .swiper .skill-bg .con::after{content:"";background:url("https://hwimg.99.com/co/images/2025/dunhuang/pop-swiper.png") no-repeat center;width:1500px;height:760px;position:absolute;top:0;left:0;z-index:100} .pop .pop-con .swiper .skill-txt{position:absolute;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy-txt-bg.png") no-repeat;width:100px;height:381px;top:150px;right:200px;padding:5px 17px} .pop .pop-con .swiper .skill-txt p{font-size:21px;color:#8f7f61;writing-mode:vertical-lr;display:none} .pop .pop-con .swiper .skill-txt p.on{display:block} .pop .pop-con .pop-pagination{position:absolute;width: 50%; height:100%;top:0;left:175px;z-index:100} .pop .pop-con .pop-pagination span{position:absolute;opacity:1;width:77px;height:77px;background:0 0} .pop .pop-con .pop-pagination span:first-of-type::before{content:"";display:block;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy10.png") no-repeat;width:70px;height:71px;border-radius:50%;border:1px solid #456766} .pop .pop-con .pop-pagination span:nth-of-type(2)::before{content:"";display:block;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy1.png") no-repeat;width:70px;height:71px;border-radius:50%;border:1px solid #456766} .pop .pop-con .pop-pagination span:nth-of-type(3)::before{content:"";display:block;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy2.png") no-repeat;width:70px;height:71px;border-radius:50%;border:1px solid #456766} .pop .pop-con .pop-pagination span:nth-of-type(4)::before{content:"";display:block;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy3.png") no-repeat;width:70px;height:71px;border-radius:50%;border:1px solid #456766} .pop .pop-con .pop-pagination span:nth-of-type(5)::before{content:"";display:block;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy4.png") no-repeat;width:70px;height:71px;border-radius:50%;border:1px solid #456766} .pop .pop-con .pop-pagination span:nth-of-type(6)::before{content:"";display:block;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy5.png") no-repeat;width:70px;height:71px;border-radius:50%;border:1px solid #456766} .pop .pop-con .pop-pagination span:nth-of-type(7)::before{content:"";display:block;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy6.png") no-repeat;width:70px;height:71px;border-radius:50%;border:1px solid #456766} .pop .pop-con .pop-pagination span:nth-of-type(8)::before{content:"";display:block;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy7.png") no-repeat;width:70px;height:71px;border-radius:50%;border:1px solid #456766} .pop .pop-con .pop-pagination span:nth-of-type(9)::before{content:"";display:block;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy8.png") no-repeat;width:70px;height:71px;border-radius:50%;border:1px solid #456766} .pop .pop-con .pop-pagination span:nth-of-type(10)::before{content:"";display:block;background:url("https://hwimg.99.com/co/images/2025/dunhuang/zy9.png") no-repeat;width:70px;height:71px;border-radius:50%;border:1px solid #456766} .pop .pop-con .pop-pagination span:first-of-type{top:-24px;left:393px} .pop .pop-con .pop-pagination span:nth-of-type(2){top:39px;left:283px} .pop .pop-con .pop-pagination span:nth-of-type(3){top:123px;left:198px} .pop .pop-con .pop-pagination span:nth-of-type(4){top:238px;left:152px} .pop .pop-con .pop-pagination span:nth-of-type(5){top:355px;left:136px} .pop .pop-con .pop-pagination span:nth-of-type(6){top:475px;left:164px} .pop .pop-con .pop-pagination span:nth-of-type(7){top:581px;left:217px} .pop .pop-con .pop-pagination span:nth-of-type(8){top:662px;left:316px} .pop .pop-con .pop-pagination span:nth-of-type(9){top:705px;left:433px} .pop .pop-con .pop-pagination span:nth-of-type(10){top:706px;left:550px} .pop .pop-con .pop-pagination span.swiper-pagination-bullet-active::before{border:2px solid #b6944a} .pop-box{display:none;position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,.7)} .pop-box.show{display:block} .pop-box .pop{display: block; position:absolute;left:50%;top:50%;z-index:13;transform:translate(-50%,-50%) scale(var(--popScale));text-align:center;animation:aniPop .5s forwards;margin-top:30px} .pop-contain{position:absolute;height:100%;width:100%;top:0;left:0} .pop-box .pop-close,.pop-con .pop-close{position:absolute;top:-24px;right:-75px;border-radius:50%;z-index:50;width:67px;height:67px;background:#291f13;line-height:500px;overflow:hidden;-webkit-transition:all .3s;transition:all .3s;cursor:pointer} .pop-box .pop-close::after,.pop-con .pop-close::after{background:url(https://img7.99.com/zf/activity/2025/11/xk/pop-close-2.png);width:83px;height:84px;-webkit-animation:rotate 8s infinite linear;animation:rotate 8s infinite linear;-webkit-animation-play-state:paused;animation-play-state:paused} .pop-box .pop-close::before,.pop-con .pop-close::before{background:url(https://img7.99.com/zf/activity/2025/11/xk/pop-close-1.png);width:34px;height:33px;margin-top:2px} .pop-box .pop-close::after,.pop-box .pop-close::before{-webkit-transition:all .3s linear;transition:all .3s linear;top:50%;left:50%;content:'';position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .pop-box .pop-close:hover::after,.pop-con .pop-close:hover::after{-webkit-animation-play-state:running;animation-play-state:running} .pop-box .pop-close:hover::before,.pop-con .pop-close:hover::before{-webkit-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9)} .pop-title{display:flex;color:#523e22;font-size:35px;margin-top: 20px;align-items:center;justify-content:center;font-family: "Crimson Text", sans-serif; font-weight: bold;} .pop-title::after,.pop-title::before{content:'';display:inline-block;background:url(https://img7.99.com/zf/activity/2025/11/xk/pop-tit-desc.png);width:195px;height:16px} .pop-title::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)} .pop-title span{padding:0 20px} .pop-common,.pop-tg,.pop-tqy{background:url(https://img7.99.com/zf/activity/2025/11/xk/pop-common.png) no-repeat center;width:833px;height:543px;padding-top:42px} .pop-common .pop-msg,.pop-tg .pop-msg,.pop-tqy .pop-msg{margin-top:20px;font-size:24px;color:#523e22;text-indent:2em;padding:0 80px;line-height:42px;text-align:justify} .pop-btns{margin-top:46px} .pop-btns .btn{width:208px;height:57px;font-size:0;-webkit-transition:all .3s;transition:all .3s} .pop-btns .btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)} .btn-primary{background:url(https://hwimg.99.com/co/images/2025/dunhuang/pop-sure.png) no-repeat center} .pop-common .pop-msg{height:250px;overflow-y:auto} .pop-tqy .pop-msg{font-size:22px} .pop-tqy .pop-btns{margin-top:25px} .pop-tg .pop-msg{text-indent:0;line-height:38px;height:312px;overflow-y:auto;font-family: "Crimson Text", sans-serif; font-weight: bold;} .pop-tg .pop-msg h3{font-size:24px;} .pop-tg .pop-msg p{font-size:18px;} .pop-tg .pop-msg p a{color: #a57d07;text-decoration: underline;font-size: 24px;font-style: italic;} .pop-tg .pop-msg .sm span{text-decoration:underline;text-underline-offset:4px} .pop-tg .pop-btns{margin-top:30px} .pop-pic,.pop-video{background:url(https://img7.99.com/zf/activity/2025/11/xk/pop-video.png) no-repeat center/100% 100%} .pop-box .pop-video{display:flex ;width:1017px;height:604px;flex-direction:column;justify-content:center;align-items:center} .video-frame{margin:0 auto;width:954px;padding:9px;border:2px solid #8c8273} .video-frame.active .video-play-btn{opacity:0;pointer-events:none} .video-frame .video{width:949px;height:532px;object-fit:cover} .video-frame .video-play-btn{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .3s;transition:all .3s} .video-frame .video-play-btn::before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(https://img7.99.com/zf/activity/2025/11/xk/play.png);width:131px;height:134px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s} .video-frame .video-play-btn:hover::before{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)} .pop-pic{width:900px;padding:13px 0 11px} .pop-pic .pic{height:500px;object-fit:cover} .pop-pic .pic img{width:100%;height:100%} .pop-contain-scene{-webkit-transform:scale(.78);transform:scale(.78);} .pop-scene{background:url(https://img7.99.com/zf/activity/2025/11/xk/pop-scene.png);width:1017px;height:834px;padding-top:31px;padding-left:9px;} .pop-scene .pop-btns{position:absolute;top:458px;left:775px;z-index:20} .pop-scene .pop-cont{font-size:24px;color:#523e22;border:1px solid #3a2c1b;width:925px;height:225px;padding:2px 14px;line-height:42px;margin:6px 0 0 32px;text-align:justify;} .pop-scene .pop-cont>div{padding:0 6px;overflow-y:scroll;height:100%} .pop-scene .pop-cont>div p{font-family: "Averia Libre", sans-serif;font-size: 16px;font-size: 20px;line-height: 32px;} .btn-scene{background:url(https://hwimg.99.com/co/images/2025/dunhuang/en/pop-scene.png) no-repeat center} .swiper-scene{width:952px;margin:0 auto;height: 530px;line-height: 1;position: relative;} .swiper-scene .swiper-wrapper{padding-bottom:60px;} .swiper-scene .swiper-slide{border-bottom:2px solid #625442;height: 463px;} .swiper-scene .swiper-slide img{width:950px;height:460px} .swiper-scene .swiper-button-next,.swiper-scene .swiper-button-prev{margin-top:204px} .swiper-scene .swiper-button-next{background:url(https://img7.99.com/zf/activity/2025/11/xk/s-next.png);right:296px} .swiper-scene .swiper-button-prev{background:url(https://img7.99.com/zf/activity/2025/11/xk/s-prev.png);left:285px} .swiper-scene .swiper-pagination{bottom:18px;padding-right:10px} .swiper-scene .swiper-pagination .swiper-pagination-bullet::before{background-image:url(https://img7.99.com/zf/activity/2025/11/xk/s-p.png)} .swiper-scene .swiper-pagination .swiper-pagination-bullet::after{background-image:url(https://img7.99.com/zf/activity/2025/11/xk/s-p-2.png)} .swiper-scene .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before,.swiper-scene .swiper-pagination .swiper-pagination-bullet:hover::before{background-image:url(https://img7.99.com/zf/activity/2025/11/xk/s-p-1.png)} .swiper-common .swiper-button-next,.swiper-common .swiper-button-prev{width:37px;height:52px;z-index:20;-webkit-transition:all .3s;transition:all .3s;color: transparent;} .swiper-common .swiper-button-next:hover{-webkit-transform:scale(1,.8) translateX(10px);transform:scale(1,.8) translateX(10px)} .swiper-common .swiper-button-prev:hover{-webkit-transform:scale(1,.8) translateX(-10px);transform:scale(1,.8) translateX(-10px)} .swiper-common .swiper-pagination .swiper-pagination-bullet{margin:0 10px;width:18px;height:18px;background:0 0;position:relative;opacity:1} .swiper-common .swiper-pagination .swiper-pagination-bullet::after,.swiper-common .swiper-pagination .swiper-pagination-bullet::before{position:absolute;width:100%;height:100%;content:'';top:50%;left:50%;background:no-repeat center;-webkit-transform:translate3d(-50%,-50%,1px) scale(1);transform:translate3d(-50%,-50%,1px) scale(1);-webkit-transition:all .3s;transition:all .3s} .swiper-common .swiper-pagination .swiper-pagination-bullet::before{width:7px;height:7px;background-size:100% 100%;-webkit-transform:translate3d(-50%,-50%,1px) scale(1);transform:translate3d(-50%,-50%,1px) scale(1);background-image:url(https://img7.99.com/zf/activity/2025/11/xk/w-page.png)} .swiper-common .swiper-pagination .swiper-pagination-bullet::after{opacity:0;-webkit-transform:translate3d(-50%,-50%,1px) scale(1.2);transform:translate3d(-50%,-50%,1px) scale(1.2);background-image:url(https://img7.99.com/zf/activity/2025/11/xk/w-page-2.png)} /* .swiper-common .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before,.swiper-common .swiper-pagination .swiper-pagination-bullet:hover::before{background-image:url(https://img7.99.com/zf/activity/2025/11/xk/w-page-1.png)} */ .swiper-common .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after,.swiper-common .swiper-pagination .swiper-pagination-bullet:hover::after{-webkit-transform:translate3d(-50%,-50%,1px) scale(1);transform:translate3d(-50%,-50%,1px) scale(1);opacity:1} .swiper-scene .swiper-pagination .swiper-pagination-bullet::after{background-image:url(https://img7.99.com/zf/activity/2025/11/xk/s-p-2.png)} .btn-box{display:flex;justify-content:center} ::-webkit-scrollbar{width:4px;height:4px;background:rgba(153,145,133,.87);border-radius:2px} ::-webkit-scrollbar-track{background-color:transparent} ::-webkit-scrollbar-thumb{background-color:#625442;border-radius:2px} .ani { display: block !important; -webkit-mask-image: url(https://img5.99.com/zf/activity/2023/03/shz/img/masky.png); mask-image: url(https://img5.99.com/zf/activity/2023/03/shz/img/masky.png); -webkit-mask-size: 2500% 100%; mask-size: 2500% 100%; -webkit-will-change: transform; will-change: transform; -webkit-animation: masky 0.8s steps(24) forwards; animation: masky 0.8s steps(24) forwards; } @-webkit-keyframes masky { 0% { -webkit-mask-position: 0 0; mask-position: 0 0; } 100% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } } @keyframes masky { 0% { -webkit-mask-position: 0 0; mask-position: 0 0; } 100% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } } @keyframes rotate { 0% { transform: rotateY(0deg) rotateZ(0deg); } 50% { transform: rotateY(35deg) rotateZ(180deg); } 100% { transform: rotateY(0deg) rotateZ(360deg); } } @keyframes reverseRotate { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(-360deg); } } @keyframes move { 0% { transform: translate(-70px, -70px) rotate(45deg); } 100% { transform: translate(70px, 70px) rotate(45deg); } } @-webkit-keyframes circleExpand{0%{-webkit-clip-path:circle(0px at var(--clip-center-x,50%) var(--clip-center-y,50%));opacity:0} 100%{-webkit-clip-path:circle(80px at var(--clip-center-x,50%) var(--clip-center-y,50%));opacity:1} } @keyframes circleExpand{0%{clip-path:circle(0px at var(--clip-center-x,50%) var(--clip-center-y,50%));opacity:0} 100%{clip-path:circle(80px at var(--clip-center-x,50%) var(--clip-center-y,50%));opacity:1} } @-webkit-keyframes circleExpandOut{100%{opacity:0} 0%{opacity:1} } @keyframes circleExpandOut{100%{opacity:0} 0%{opacity:1} } @-webkit-keyframes circleExpandBig{0%{-webkit-clip-path:circle(0px at var(--clip-center-x,50%) var(--clip-center-y,50%))} 100%{-webkit-clip-path:circle(3840px at var(--clip-center-x,50%) var(--clip-center-y,50%));opacity:1} } @keyframes circleExpandBig{0%{clip-path:circle(0px at var(--clip-center-x,50%) var(--clip-center-y,50%))} 100%{clip-path:circle(3840px at var(--clip-center-x,50%) var(--clip-center-y,50%));opacity:1} } @-webkit-keyframes circleExpandBig{0%{-webkit-clip-path:circle(0px at var(--clip-center-x,50%) var(--clip-center-y,50%))} 100%{-webkit-clip-path:circle(3840px at var(--clip-center-x,50%) var(--clip-center-y,50%));opacity:1} } @keyframes circleExpandBig{0%{clip-path:circle(0px at var(--clip-center-x,50%) var(--clip-center-y,50%))} 100%{clip-path:circle(3840px at var(--clip-center-x,50%) var(--clip-center-y,50%));opacity:1} } @-webkit-keyframes coopHole{from{background-position:0 0} to{background-position:0 -27000px} } @keyframes coopHole{from{background-position:0 0} to{background-position:0 -27000px} } @-webkit-keyframes coopHoleChange{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(28.4)} } @keyframes coopHoleChange{from{transform:scale(0)} to{transform:scale(28.4)} } @-webkit-keyframes rotateMusic{to{-webkit-transform:rotate(1turn)} } @keyframes rotateMusic{to{transform:rotate(1turn)} } @-webkit-keyframes aniPop{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(var(--popScale),0)} 100%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(var(--popScale))} } @keyframes aniPop{0%{opacity:0;transform:translate(-50%,-50%) scale(var(--popScale),0)} 100%{opacity:1;transform:translate(-50%,-50%) scale(var(--popScale))} } @keyframes rotate1 { 0% { transform: rotateY(0deg) rotateZ(0deg); } 50% { transform: rotateY(35deg) rotateZ(180deg); } 100% { transform: rotateY(0deg) rotateZ(360deg); } } @keyframes reverseRotate1{ 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(-360deg); } } @keyframes move { 0% { transform: translate(-70px, -70px) rotate(45deg); } 100% { transform: translate(70px, 70px) rotate(45deg); } } @-webkit-keyframes rotate{to{-webkit-transform:translate(-50%,-50%) rotate(1turn)} } @keyframes rotate{to{transform:translate(-50%,-50%) rotate(1turn)} } @-webkit-keyframes rotateMusic{to{-webkit-transform:rotate(1turn)} } @keyframes rotateMusic{to{transform:rotate(1turn)} } @media screen and (max-height: 930px) { .sec1, .sec2, .sec3, .sec4 { background-size:cover; } .play-video { top: auto; bottom:0; } } @media screen and (max-width: 1200px){ .section .logo{left: 3%;} .sec-nav{display: none;} .sec-nav.page0{display: block;} } .sppage .index-slogan{background: url(https://hwimg.99.com/co/images/2025/dunhuang/sp/slogan.png) no-repeat center center;} .sppage .title1{background:url(https://hwimg.99.com/co/images/2025/dunhuang/sp/title1.png) no-repeat center center; } .sppage .title2{background:url(https://hwimg.99.com/co/images/2025/dunhuang/sp/title1.png) no-repeat center center; } .sppage .title3{background:url(https://hwimg.99.com/co/images/2025/dunhuang/sp/title1.png) no-repeat center center; } .sppage .sec-nav a:nth-child(1),.sppage .sec-nav a:nth-child(2),.sppage .sec-nav a:last-child{line-height: 20px;padding-top: 28px;} .sppage .sec-nav a {font-size: 16px;} .sppage .sec-nav.page0 a strong{font-size: 25px;} .sppage .sec-nav.page0 a:first-child,.sppage .sec-nav.page0 a:nth-child(2){line-height: 20px;padding-top:0} .sppage .sec-nav.page0 a:first-child strong,.sppage .sec-nav.page0 a:nth-child(2) strong{line-height: 30px;padding-top: 34px;} .sppage .coop-btn-list .coop-btn-1::before{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/sp/wuyuan-1.png)} .sppage .coop-btn-list .coop-btn-1::after{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/sp/wuyuan-1-on.png)} .sppage .coop-btn-list .coop-btn-2{top:636px;left:650px;width: 359px;height: 153px;} .sppage .coop-btn-list .coop-btn-2::before{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/sp/wuyuan-2.png)} .sppage .coop-btn-list .coop-btn-2::after{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/sp/wuyuan-2-on.png)} .sppage .coop-btn-list .coop-btn-3{top:300px;left:1341px;width: 494px;height: 153px;} .sppage .coop-btn-list .coop-btn-3::before{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/sp/wuyuan-3.png)} .sppage .coop-btn-list .coop-btn-3::after{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/sp/wuyuan-3-on.png)} .sppage .coop-btn-list .coop-btn-4{top:634px;left:1271px;width: 359px;height: 153px;} .sppage .coop-btn-list .coop-btn-4::before{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/sp/wuyuan-4.png)} .sppage .coop-btn-list .coop-btn-4::after{background-image:url(https://hwimg.99.com/co/images/2025/dunhuang/sp/wuyuan-4-on.png)} .sppage .btn-scene{background:url(https://hwimg.99.com/co/images/2025/dunhuang/sp/pop-scene.png) no-repeat center} .sppage .sec3 .zy-pagination::after{background: url(https://hwimg.99.com/co/images/2025/dunhuang/sp/more-txt.png) no-repeat;} .sppage .sec3 .zy-pagination span:first-of-type::after{content:"Justiciero"} .sppage .sec3 .zy-pagination span:nth-of-type(2)::after{content:"Ninja"} .sppage .sec3 .zy-pagination span:nth-of-type(3)::after{content:"Guerrero"} .sppage .sec3 .zy-pagination span:nth-of-type(4)::after{content:"Taoista de Fuego";width: 133px;left: -18px;} .sppage .sec3 .zy-pagination span:nth-of-type(5)::after{content:"Arquero"} .sppage .sec3 .zy-pagination span:nth-of-type(6)::after{content:"Troyano"} .sppage .sec3 .zy-pagination span:nth-of-type(7)::after{content:"Taoista de Agua"} .sppage .sec3 .zy-pagination span:nth-of-type(8)::after{content:"Pirata"} .sppage .sec3 .zy-pagination span:nth-of-type(9)::after{content:"Monje"} .sppage .sec3 .zy-pagination span:nth-of-type(10)::after{content:"Guerrero de Dragón";width: 133px;} .sppage .sec3 .btn-game i{background:url("https://hwimg.99.com/co/images/2025/dunhuang/sp/btn-game.png") no-repeat ;} .sppage .sec3 .swiper .skill-txt p .tip{width: 379px;left: 166px;}