html,body,.wrapper,.page-box{width: 100%; height: 100%; position: relative;}
html,body { min-width: 1240px; max-width: 3840px; overflow-x: auto; margin: 0 auto;}
.swiper-container{position: relative; overflow: hidden;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform; overflow: hidden;}
.swiper-invisible-blank-slide{visibility:hidden}

.wrapper,.wrapper *{box-sizing: border-box;}
.wrapper{background: #000; font-size: 0;}
.page-box>.swiper-wrapper{ transition-timing-function: cubic-bezier(1,0,.2,1);}


.hr-spr{ background-image:url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-spr.png); background-repeat:no-repeat; background-size:18.02rem 2.56rem;}
.hr-spr.btn-close-default{ width:0.84rem; height:0.84rem; background-position:90.86147% 1.74419%;}
.hr-spr.btn-close-hover{ width:0.84rem; height:0.84rem; background-position:95.86729% 1.74419%;}
.hr-spr.btn-left-default{ width:1.28rem; height:1.24rem; background-position:69.95221% 2.27273%;}
.hr-spr.btn-left-disabled,.swiper-button-disabled .hr-spr.btn-left-default{ width:1.28rem; height:1.24rem; background-position:70.60932% 97.72727%;}
.hr-spr.btn-left-hover{ width:1.28rem; height:1.24rem; background-position:77.71804% 2.27273%;}
.hr-spr.btn-more-default{ width:0.78rem; height:0.75rem; background-position:96.51972% 49.17127%;}
.hr-spr.btn-more-hover{ width:0.78rem; height:0.75rem; background-position:96.51972% 91.71271%;}
.hr-spr.btn-right-default{ width:1.28rem; height:1.24rem; background-position:78.37515% 97.72727%;}
.hr-spr.btn-right-disabled,.swiper-button-disabled .hr-spr.btn-right-default{ width:1.28rem; height:1.24rem; background-position:85.48387% 2.27273%;}
.hr-spr.btn-right-hover{ width:1.28rem; height:1.24rem; background-position:86.14098% 97.72727%;}
li.on .hr-spr.lock,li:hover .hr-spr.lock{ width:1.69rem; height:1.4rem; background-position:50.76546% 2.58621%;}
.hr-spr.lock{ width:1.69rem; height:1.4rem; background-position:61.23699% 2.58621%;}
.hr-spr.name{ width:1.84rem; height:0.9rem; background-position:53.83189% 87.3494%;}
.hr-spr.trim-bl1{ width:2.65rem; height:0.18rem; background-position:16.39558% 82.77311%;}
.hr-spr.trim-bl2{ width:0.66rem; height:0.69rem; background-position:99.82719% 1.60428%;}
.hr-spr.trim-br1{ width:1.23rem; height:0.81rem; background-position:62.95414% 82.85714%;}
.hr-spr.trim-left{ width:0.73rem; height:0.28rem; background-position:30.01735% 86.40351%;}
.hr-spr.trim-mid{ width:6.49rem; height:0.37rem; background-position:0.26019% 72.14612%;}
.hr-spr.trim-right{ width:0.73rem; height:0.28rem; background-position:14.5749% 95.17544%;}
.hr-spr.trim-tl1{ width:2.47rem; height:0.47rem; background-position:0.19293% 94.25837%;}
.hr-spr.trim-tl2{ width:0.9rem; height:1.33rem; background-position:91.82243% 72.35772%;}
.hr-spr.trim-tl3{ width:0.66rem; height:0.69rem; background-position:99.82719% 1.60428%;}
.hr-spr.trim-tr1{ width:2.15rem; height:0.87rem; background-position:41.20983% 93.49112%;}
.hr-spr.trim-tr2{ width:8.24rem; height:1.53rem; background-position:0.30675% 2.91262%;}

.page-box i.hr-spr{pointer-events: none;}
.page-box .trim-tl1{position: absolute; left: .28rem; top: 1.44rem;}
.page-box .trim-tl2{position: absolute; left: .5rem; top: 2.84rem;}
.page-box .trim-tl3{position: absolute; left: .45rem; top: 4.55rem;}
.page-box .trim-bl1{position: absolute; left: .48rem; bottom: 1.33rem;}
.page-box .trim-bl2{position: absolute; left: .51rem; bottom: 1.84rem;}
.page-box .trim-tr1{position: absolute; right: .53rem; top: 1.56rem;}
.page-box .trim-tr2{position: absolute; right: .53rem; top: 1.56rem;}
.page-box .trim-br1{position: absolute; right: .67rem; bottom: 1.08rem;}
.page-box .trim-mid{position: absolute; left: 50%; top: 1.43rem; margin-left: -3.245rem;}

@font-face {
 	font-family:AgencyFB;
 	src: url(//game.gtimg.cn/images/gp/cp/a20250611gsz/font/AGENCYR.TTF);
}

.page1{background: url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-bg1.jpg) 50% 50% no-repeat; background-size: cover; position: relative;}
.page1 .txt-box{width: 11rem; bottom: 0; height: 4.18rem; left: 50%; margin-left: -5.5rem; position: absolute;}
.page1 .name{margin: 0 auto .38rem;}
.page1 .dec{font-size: .21rem; line-height: .42rem; color: #fff; text-align: center;}

.page2{ position: relative; perspective: 1000px;}
.page2 .img-list,.page2 .img-list li{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.page2 .img-list li{opacity: 0; transform: translateY(.5rem); opacity: 0; transition: .3s ease-out all;}
.page2 .img-list li img{width: 100%; height: 100%; object-fit: cover;}
.page2 .img-list li.show{transform: translateY(0); opacity: 1;}
.page2 .clue-listbox{width: 100%; height: 100%; position: relative; perspective: 1000px; display: none; z-index: 3;}
.page2 .clue-listbox.show{display: block;}
.page2 .main-box{width: 100%; height: 100%;}
.page2 .main-left{width: 8.4rem; position: absolute; left: 1.76rem; top: 50%; height: 10.6rem; margin-top: -5.06rem;}
.page2 .hr-bg-info{width: 8.21rem; height: 6.8rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-bg-info.png) no-repeat; background-size: 100% 100%; font-size: 0; text-align: center; padding-top: .52rem;}
.page2 .hr-bg-info .info-tit{display: inline-block; vertical-align: top; *zoom:1; *display: inline; position: relative; color: #e92038; font-size: .42rem; height: .6rem; line-height: .6rem; font-weight: bold; letter-spacing: .02rem;}
.page2 .info-tit i{position: absolute; top: 50%; margin-top: -.14rem;}
.page2 .info-tit .trim-left{left: -1.05rem;}
.page2 .info-tit .trim-right{right: -1.05rem;}

.page2 .info-list{text-align: left; padding-left: .16rem; width: 6.88rem; margin: .52rem auto 0; border-bottom: 1px solid #871c29; height: 1rem;}
.page2 .info-list li{display: inline-block; vertical-align: top; *zoom:1; *display: inline;}
.page2 .info-list li:nth-of-type(1){width: 2.56rem;}
.page2 .info-list li:nth-of-type(2){width: 2.1rem;}
.page2 h3{color: #db1b32; font-size: .22rem; line-height: .4rem; height: .4rem; position: relative;}
.page2 h3:after{content: ''; position: absolute; left: -.13rem; top: 50%; margin-top: -.06rem; width: .08rem; height: .12rem; -webkit-mask: url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-mask-triangle.png); -webkit-mask-size: 100% 100%; background: #c72c33;}
.page2 .info-list p{font-size: .21rem; line-height: .36rem; height: .36rem; color: #fff;}
.page2 .dec{width: 6.88rem; margin: 0 auto; text-align: left; padding: .27rem .16rem 0;}
.page2 .dec p{font-size: .24rem; line-height: .44rem; color: #fff;}
.page2 .info-box{ padding-top: .12rem; padding-left: .42rem; text-align: left; width: 140%;}
.page2 .info-box li{display: inline-block; vertical-align: top; *zoom:1; *display: inline; width: 3.22rem;}
.page2 .info-box li:nth-of-type(2){width: 6.8rem;}
.page2 .info-box li:nth-of-type(2) h3{ color: #00e1d9;}
.page2 .info-box li:nth-of-type(2) h3:after{ background: #00e1d9;}
.page2 .info-box .img-box{margin-left: -.26rem; margin-top: -.04rem;}
.page2 .info-box li img{display: inline-block; vertical-align: top; *zoom:1; *display: inline; width: 2.27rem;}
.page2 .hr-location{width: 2.88rem; height: 2.77rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-a1-location.png) no-repeat; background-size: 100% 100%; margin-left: -.26rem; position: relative;}
.page2 .hr-location-4{background: url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-a4-location.png) no-repeat; background-size: 100% 100%;}
.page2 .hr-location p{position: absolute; left: .28rem; bottom: .35rem; font-size: .18rem; line-height: .24rem; color: #fff;}
.page2 .main-left .scrollbar-box{height: 2.7rem; overflow-y: auto; padding-right: .1rem;}
.page2 .main-left .scrollbar-box::-webkit-scrollbar {width:.04rem;height:.04rem;}
.page2 .main-left .scrollbar-box::-webkit-scrollbar-track-piece {background-color:#740e0c;}
.page2 .main-left .scrollbar-box::-webkit-scrollbar-thumb {background-color:#ddd;}

.page2 .main-right{width: 7.5rem; height: 9.5rem; position: absolute; right: 1.16rem; top: 50%; margin-top: -4.14rem; transform-origin: right center;}
.page2 .scrollbar-box-conclusion{width: 6.5rem; margin: 0 auto; height: 70%; overflow-y: auto; text-align: justify;}
.page2 .scrollbar-box-conclusion::-webkit-scrollbar{width:.04rem;height:.04rem;}
.page2 .scrollbar-box-conclusion::-webkit-scrollbar-track-piece {background-color:#0c6362;}
.page2 .scrollbar-box-conclusion::-webkit-scrollbar-thumb {background-color:#ddd;}
.page2 .main-right h3:nth-of-type(1){color: #00e1d9;}
.page2 .main-right h3:nth-of-type(1):after{ background: #00e1d9;}
.page2 .main-right .hr-conclusion{ background: url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-bg-conclusion.png) no-repeat; width: 7.36rem; height: 2.35rem; background-size: 100% 100%; display:flex; display:-webkit-flex; align-items:center; justify-content:center; margin-left: -.33rem; padding-top: .12rem; margin-bottom: .42rem;}
.page2 .main-right .hr-conclusion p{font-size: .26rem; line-height: .4rem; color: #fff; width: 6.3rem;}
.page2 .main-right .scrollbar-box{margin-top: .08rem; margin-left: -.08rem; overflow-y: auto; width: 7.5rem; height: 7.5rem; -webkit-mask:url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-mask-clue.png); -webkit-mask-size: 100% 100%;}
.page2 .main-right .scrollbar-box::-webkit-scrollbar {width:.04rem;height:.04rem;}
.page2 .main-right .scrollbar-box::-webkit-scrollbar-track-piece {background-color:transparent;}
.page2 .main-right .scrollbar-box::-webkit-scrollbar-thumb {background-color:transparent;}
.page2 .clue-list{font-size: 0; text-align: left; padding-bottom: 1.4rem;}
.page2 .clue-list a{width: 3.5rem; height: 2.6rem; display: inline-block; vertical-align: top; *zoom:1; *display: inline; position: relative; margin-right: .14rem; margin-bottom: .2rem;}
.page2 .clue-list i,.page2 .clue-list em{position: absolute; left: 50%; top: 50%; width: 3.88rem; height: 3rem; margin-left: -1.99rem; margin-top: -1.5rem; border: 1px solid transparent;}
.page2 .clue-list em{background: url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-bg-files.png) no-repeat; background-size: 100% 100%;}
.page2 .clue-list i{background: url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-bg-files-hover.png) no-repeat; background-size: 100% 100%; opacity: 0; transition: .3s ease-out opacity;}
.page2 .clue-list a:hover i{opacity: 1;}
.page2 .clue-list .mask-box{width: 3.31rem; height: 1.92rem; -webkit-mask:url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-mask-files.png); -webkit-mask-size: 100% 2.44rem; position: absolute; left: .01rem; top: .06rem; overflow: hidden;}
.page2 .clue-list .mask-box:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; background: #d01f22; height: 0; transition: .3s ease-out height;}
.page2 .clue-list a:hover .mask-box:after{height: .18rem;}
.page2 .clue-list img{width: 100%; filter: grayscale(100%); transition: .3s ease-out all; transform: scale(1) translateZ(0); transform-origin: center center;}
.page2 .clue-list a:hover img{filter: grayscale(0%); transform: scale(1.2) translateZ(0);}
.page2 .name{ color: #e9caca; font-size: .22rem; line-height: .5rem; position: absolute; left: .2rem; bottom: .13rem; width: 100%;}
.page2 .btn-more{position: absolute; padding-left: .5rem; color: #d72b2e; font-size: .22rem; line-height: .4rem; height: .4rem; right: .55rem; bottom: -.72rem; font-weight: bold;text-shadow: 0 0 .3rem rgba(230,45,48,0); transition: .3s ease-out all;}
.page2 .btn-more span{font-family:"AgencyFB";}
.page2 .btn-more .hr-spr{position: absolute; left: -.16rem; top: -.16rem;}
.page2 .btn-more em{opacity: 0; transition: .3s ease-out opacity;}
.page2 .btn-more:hover em{opacity: 1;}
.page2 .btn-more:hover{text-shadow: 0 0 .3rem rgba(230,45,48,1);}


.page2 .unlock-list{font-size: 0; text-align: center; position: absolute; width: 8rem; left: 50%; margin-left: -4rem; bottom: .9rem; height: 1.5rem; z-index: 6;}
.page2 .unlock-list li{display: inline-block; vertical-align: top; *zoom:1; *display: inline; width: 1.19rem; cursor: pointer;}
.page2 .unlock-list i{display: block; margin-left: -.25rem;}
.page2 .unlock-list p{ color: #00e1d9; font-size: .18rem; opacity: .5; line-height: .3rem; margin-top: -.32rem; width: 120%; margin-left: -10%;}
.page2 .unlock-list li.on p,.page2 .unlock-list li:hover p{ opacity: 1;}

/*渠道按钮*/
.footer-btn-box{display: none;}


/*版权信息按钮*/
.btn-copy{right: .6rem; position: absolute; bottom: .44rem; z-index: 9; padding-right: .36rem; font-size: .2rem; line-height: .54rem; color: #363636; transition: .3s ease color; height: .54rem;}
.btn-copy i,.btn-copy em{position: absolute; right: 0; top: .155rem; left: auto;}
.btn-copy:hover{color: #222;}
.isblack .btn-copy{color: #b3b3b3;}
.isblack .btn-copy:hover{color: #fff;}
.isblack .correct.btn-copy{color: #363636;}
.isblack .correct.btn-copy:hover{color: #222;}

/*底部*/
.copygirht_details{position: absolute; left: 0; bottom: 0; z-index: 99; width: 100%; transform: translateY(230px);}
.copygirht_details.show{transform: translateY(0);}
.inside-page .copygirht_details .copyright_close{display: block;}
.btn-comm-hover i{display: block;}

/*下滑指引*/
.mouse-scroll{position:absolute;bottom:1rem;left:50%;z-index:9;margin-left:-.12rem;width:.24rem;height:.12rem;opacity:.6}
.mouse-scroll.on{display:block}
.scroll-arrows{display:block;margin:0 0 .03rem .04rem;width:.05rem;width:.16rem;height:.05rem;height:.16rem;border-right:.02rem solid #fff;border-bottom:.02rem solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg)}
.unu{margin-top:.01rem}
.doi,.trei,.unu{-webkit-animation:mouse-scroll 1s infinite;-moz-animation:mouse-scroll 1s infinite;animation:mouse-scroll 1s infinite}
.unu{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-direction:alternate;animation-direction:alternate;animation-delay:alternate}
.doi{margin-top:-.06rem;-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-direction:alternate;animation-delay:.2s;animation-direction:alternate}
.trei{margin-top:-.06rem;-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-webkit-animation-direction:alternate;animation-delay:.3s;animation-direction:alternate}
.sam-mouse{top:1.7rem;width:.24rem;height:.42rem;border:.02rem solid #fff;border-radius:.14rem;transform:none}
.wheel{position:relative;display:block;margin:.05rem auto;width:.02rem;width:.04rem;height:.05rem;height:.04rem;border:.02rem solid #fff;-webkit-border-radius:.08rem;border-radius:.08rem;background:#fff}
.wheel{-webkit-animation:mouse-wheel .6s linear infinite;-moz-animation:mouse-wheel .6s linear infinite;animation:mouse-wheel .6s linear infinite}
@-webkit-keyframes mouse-wheel{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px);-ms-transform:translateY(6px)}}
@-moz-keyframes mouse-wheel{50%{top:.04rem}}
@-o-keyframes mouse-wheel{50%{top:.04rem}}
@keyframes mouse-wheel{50%{top:.04rem}}
@-webkit-keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}
@-moz-keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}
@-o-keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}
@keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}


.dia-mask{outline: none; width: 100vw; height: 100vh; background: rgba(0,0,0,.8); position: fixed; left: 0; top: 0; display:flex; display:-webkit-flex; align-items:center; justify-content:center; z-index: 99; transform: translateX(110%);}
.dia-mask.show{transform: translateX(0%);}
.btn-close{position: absolute; width: .84rem; height: .84rem;}
.btn-close .hr-spr{position: absolute; left: 0; top: 0;}
.btn-close em{opacity: 0; transition: .3s ease-out opacity;}
.btn-close:hover em{opacity: 1;}
.dia-clue-main{width: 14.18rem; height: 6.2rem; position: relative; padding-top: .41rem;}
.dia-clue-main .btn-close{right: 1.05rem; top: -.24rem;}
.dia-clue-main .dia-clue-box{width: 12.64rem; height: 5.79rem; margin: 0 auto; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-tc1.png) 57% 0 no-repeat; background-size: 12.12rem 5.79rem; position: relative;}
.dia-clue-main .swiper-container{width: 4.25rem; height: 5rem; position: absolute; left: .56rem; top: .4rem;}
.dia-clue-main .swiper-container img{width: 100%; height: 100%; object-fit: cover;}
.dia-clue-main .dl-box{width: 11.62rem; padding-left: 5.36rem; padding-top: .63rem;; color: #fff;}
.dia-clue-main dl{display: none;}
.dia-clue-main dl.show{display: block;}
.dia-clue-main dt{font-size: .42rem; line-height: .6rem; height: .92rem}
.dia-clue-main dd{padding-bottom: .3rem;}
.dia-clue-main h4{font-size: .22rem; height: .4rem; line-height: .4rem; position: relative;}
.dia-clue-main dd p{ font-size: .21rem; line-height: .35rem; margin-top: .05rem; text-align: justify;}
.dia-clue-main h4:after{content: ''; position: absolute; left: -.13rem; top: 50%; margin-top: -.06rem; width: .08rem; height: .12rem; -webkit-mask: url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-mask-triangle.png); -webkit-mask-size: 100% 100%; background: #fff;}
.dia-clue-main .btn-swiper{position: absolute; width: 1.28rem; height: 1.24rem; top: 2.7rem;}
.dia-clue-main .btn-swiper .hr-spr{position: absolute; left: 0; top: 0; z-index: 3;}
.dia-clue-main .btn-swiper em{opacity: 0; transition: .3s ease-out opacity;}
.dia-clue-main .btn-swiper.swiper-button-disabled em{display: none;}
.dia-clue-main .btn-swiper.swiper-button-disabled{pointer-events: none;}
.dia-clue-main .btn-swiper:hover em{opacity: 1;}
.dia-clue-main .btn-prev{left: -.26rem;}
.dia-clue-main .btn-next{right: -.26rem;}

.dia-org-main{font-size: 0; text-align: center; width: 16.67rem; position: relative;}
.dia-org-main .btn-close{right: 0; top: 0;}
.dia-org .dia-tit{display: inline-block; vertical-align: top; *zoom:1; *display: inline; position: relative; color: #e92038; font-size: .42rem; height: .6rem; line-height: .6rem; font-weight: bold; letter-spacing: .02rem;}
.dia-org .dia-tit i{position: absolute; top: 50%; margin-top: -.14rem;}
.dia-org .dia-tit .trim-left{left: -1.05rem;}
.dia-org .dia-tit .trim-right{right: -1.05rem;}
.dia-org .org-list{font-size: 0; text-align: center; padding-top: .6rem;}
.dia-org .org-list a{display: inline-block; vertical-align: top; *zoom:1; *display: inline; width: 2.47rem; height: 5.54rem; margin: 0 .1rem; position: relative; padding: .02rem;}
.dia-org .org-list a:before,.dia-org .org-list a:after{content: '';position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; pointer-events: none;}
.dia-org .org-list a:before{background: url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-boder-org-default.png) no-repeat; background-size: 100% 100%;}
.dia-org .org-list a:after{background: url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-boder-org-hover.png) no-repeat; background-size: 100% 100%; opacity: 0; transition: .3s ease opacity;}
.dia-org .org-list a:hover:after{opacity: 1;}
.dia-org .img-box{width: 1.2rem; height: 1.2rem; display: block; margin: 0 auto .26rem;}
.dia-org .mask{width: 2.43rem; height: 5.5rem; -webkit-mask:url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-mask-org.png); -webkit-mask-size: 100% 100%; margin: 0 auto; display: block; padding-top: 2.06rem; position: relative;filter: grayscale(100%); transition: .3s ease-out filter;}
.dia-org a:hover .mask{filter: grayscale(0%);}
.dia-org .mask:after{content: ''; position: absolute; left: 0; bottom: 0; height: 2.2rem; width: 100%; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-boder-org-mask.png) no-repeat; width: 100%; background-size: 100% 100%; opacity: 0;transition: .3s ease opacity;}
.dia-org a:hover .mask:after{opacity: 1;}
.dia-org .mask:before{content: ''; position: absolute; left: 0; top: 0; height: 0; width: 100%; background:#d72b2e; width: 100%; height: 0; transition: .3s ease height;}
.dia-org a:hover .mask:before{height: .2rem;}
.dia-org a:hover .mask:after{opacity: 1;}
.dia-org .mask img{width: 100%; height: 100%; object-fit: cover; transition: .3s ease-out all;}
.dia-org a:hover .mask .mask-img{transform: scale(1.2);}
.dia-org .name{font-size: .21rem; line-height: .3rem; color: #fff;}
.dia-org .mask-img{position: absolute; left: 0; top: 0; z-index: -1; transform-origin: center center;}


@keyframes bounceInleft {
	0% {opacity: 0;transform: translateX(-2rem);}
	100% {transform: translateX(0); opacity: 1;}
}

@keyframes bounceInright{
	0% {opacity: 0;transform: translateX(2rem);}
	100% {transform: translateX(0); opacity: 1;}
}

@keyframes bounceInbot {
	0% {opacity: 0;transform: translateY(2rem);}
	100% {transform: translateX(0);opacity: 1;}
}

@keyframes bounceIntop {
	0% {opacity: 0;transform: translateY(-2rem);}
	100% {transform: translateX(0);}
}

@keyframes scale {
    0%{transform: scale(1.5);opacity: 0;}
    80%{transform: scale(0.9);opacity: 1;}
    100%{transform: scale(1);opacity: 1;}
}


.page1 .name,.page1 .dec,.page2 .unlock-list{opacity: 0;}

.page1.swiper-slide-ani .name{animation: bounceInbot .5s .2s ease-out both;}
.page1.swiper-slide-ani .dec{animation: bounceInbot .5s .4s ease-out both;}
.page2.swiper-slide-ani .unlock-list{animation: bounceInbot .5s .8s ease-out both;}

.page2.swiper-slide-ani .main-left{ transform: rotateY(7deg) translateX(0.2rem) scaleX(0.88); border: 1px solid transparent;}
.page2.swiper-slide-ani .main-right{transform: rotateY(-15deg) translateX(0.03rem) translateY(-0.22rem) scaleX(0.88); border: 1px solid transparent;}
.page2.swiper-slide-ani .trim-tl1,.page2.swiper-slide-ani .trim-tl2,.page2.swiper-slide-ani .trim-tl3,.page2.swiper-slide-ani .trim-bl1,.page2.swiper-slide-ani .trim-bl2{transform: rotateY(7deg) scaleX(0.88); transform-origin: left center; border: 1px solid transparent;}
.page2.swiper-slide-ani .trim-tr2{transform: rotateY(-7deg) scaleX(0.88); transform-origin: right center; border: 1px solid transparent;}

.page2 .main-left,.page2 .main-right{transition: .8s .5s ease-out transform;}
.page2 .trim-tl1,.page2 .trim-tl2,.page2 .trim-tl3,.page2 .trim-bl1,.page2 .trim-bl2,.page2 .trim-tr2{transition: .8s .5s ease-out transform;}


.mouse-follow { position: absolute; width: 8.86rem; height: 8.76rem; margin-left: -4.43rem; margin-top: -4.38rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/hr-cursor.png) no-repeat; background-size: 100% 100%; z-index: 999; pointer-events: none; transition: .1s ease-out transform;}
.mouse-follow.ani{transform: scale(.5);}