html,body,.wrapper,.page-box{width: 100%; height: 100%; position: relative;}
html,body { min-width: 1240px; max-width: 3840px; overflow: hidden; margin: 0 auto;}

.wrapper,.wrapper *{box-sizing: border-box;}
.wrapper{background: #000; font-size: 0; position: relative;}
.wrapper:after { content: ''; width: 100%; height: 2.5rem; background: linear-gradient(to bottom, #14406699, transparent); position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none; }
.page-box>.swiper-wrapper{ transition-timing-function: cubic-bezier(1,0,.2,1);}

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

.gm-spr{ background-image:url(//game.gtimg.cn/images/gp/cp/a20230817org/gmjt/gm-spr.png); background-repeat:no-repeat; background-size:4.63rem 1.99rem;}
.gm-spr.gm-arr-right{ width:0.12rem; height:0.15rem; background-position:4.21286% 10.32609%;}
.gm-spr.gm-head-subtit{ width:4.25rem; height:0.24rem; background-position:50% 32%;}
.gm-spr.gm-head-tit{ width:4.24rem; height:0.92rem; background-position:48.71795% 82.24299%;}
.gm-spr.gm-p1-next{ width:0.7rem; height:0.23rem; background-position:9.92366% 10.79545%;}
.gm-spr.gm-p1-prev{ width:0.7rem; height:0.23rem; background-position:29.77099% 10.79545%;}
.gm-spr.gm-txt-left{ width:0.1rem; height:0.29rem; background-position:43.04636% 11.17647%;}
.gm-spr.gm-txt-right{ width:0.14rem; height:0.29rem; background-position:47.43875% 11.17647%;}

/* 下一辆缩略图 */
.car-spr{ background-image:url(//game.gtimg.cn/images/gp/cp/a20230817org/gmjt/car-spr.png); background-repeat:no-repeat; background-size:10.19rem 2.56rem;}
.car-spr.Blanco{ width:1.83rem; height:0.67rem; background-position:77.27273% 10.05291%;}
.car-spr.Dragoncycle{ width:1.73rem; height:0.91rem; background-position:45.62648% 72.12121%;}
.car-spr.DuneRaider{ width:1.5rem; height:0.92rem; background-position:36.13349% 11.58537%;}
.car-spr.FlashGT{ width:1.92rem; height:0.49rem; background-position:90.81016% 77.29469%;}
.car-spr.Forklift{ width:1.31rem; height:1.21rem; background-position:2.13964% 14.07407%;}
.car-spr.GravelTruck{ width:1.63rem; height:0.65rem; background-position:97.78037% 9.94764%;}
.car-spr.HicksWingcraft{ width:1.66rem; height:0.85rem; background-position:55.33411% 11.11111%;}
.car-spr.MaglevTrain{ width:1.71rem; height:0.93rem; background-position:24.41038% 85.88957%;}
.car-spr.MiningDigger{ width:1.48rem; height:1.13rem; background-position:18.14007% 13.28671%;}
.car-spr.RallyRacer{ width:1.76rem; height:0.7rem; background-position:67.25979% 60.21505%;}
.car-spr.UAV-GD-700{ width:1.8rem; height:0.89rem; background-position:2.2646% 88.62275%;}
.car-spr.VintageWind{ width:2.05rem; height:0.58rem; background-position:92.26044% 47.47475%;}


.part-text { width: 16.1rem; height: auto; position: absolute; top: 1.2rem; left: 50%; margin-left: -8.05rem; z-index: 2; }
.part-text .part-tit-box { width: 100%; height: .64rem; text-align: center; }
.part-text .part-tit-box p { width: 100%; height: auto; font-size: .6rem; line-height: .64rem; color: #fff; letter-spacing: .1rem; padding-left: .1rem; }
.part-text .part-txt-box { width: 100%; height: auto; text-align: center; margin-top: .5rem; }
.part-text .part-txt-box p { width: 100%; height: auto; font-size: .22rem; line-height: .4rem; color: #fff; }

.page-box { width: 100%; position: relative; top: 1.18rem; }

.gmjt-head { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/gmjt/gmjt-head-bg.jpg) no-repeat 50% 100%; background-size: cover; position: relative;}
.gmjt-head .gmjt-head-text { width: 11rem; height: 3.7rem; position: absolute; bottom: 0; left: 50%; margin-left: -5.5rem; }
.gmjt-head .gmjt-head-text span { display: block; margin: 0 auto; }
.gmjt-head .gmjt-head-text p { opacity: 0; }
.gmjt-head .gmjt-head-text p.gmjt-head-tit { filter: invert(1); animation: bounceInbot .5s .2s ease-out both; }
.gmjt-head .gmjt-head-text p.gmjt-head-desc { filter: invert(1); margin-top: .28rem; animation: bounceInbot .5s .4s ease-out both; }

.page-main{ width: 100%; height: 100%; overflow: hidden; overflow-y: auto; position: relative;}
.page-main::-webkit-scrollbar { width:0; height:0; background-color:transparent; }
.page-main::-webkit-scrollbar-thumb { background-color:transparent; border: none; border-radius:0;}
.page-main::-webkit-scrollbar-track { background-color:transparent; border: none; border-radius:0;}

.part1 { width: 100%; height: 11.52rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/gmjt/t1-VintageWind.jpg) no-repeat 50% 50%; background-size: cover; position: relative; }
.part1 .part-text { top: 1.42rem; }
.part1 .part-text .part-tit-box p { color: #000; }
.part1 .car-tab { width: 100%; height: auto; font-size: 0; text-align: center; position: absolute; left: 0; top: 2.58rem; z-index: 2; }
.part1 .car-tab a { display: inline-block; vertical-align: top; padding: 0 .18rem; margin: 0  .68rem; position: relative; }
.part1 .car-tab a span { font-size: .24rem; line-height: .3rem; color: #000; transition: all .3s; }
.part1 .car-tab a i { position: absolute; top: 50%; margin-top: -.145rem; opacity: 0; transition: all .3s; }
.part1 .car-tab a i.gm-txt-left { left: -.1rem; }
.part1 .car-tab a i.gm-txt-right { right: -.1rem; }
.part1 .car-tab a:hover span { font-weight: bold; color: #000; }
.part1 .car-tab a.cur span { font-weight: bold; color: #000; }
.part1 .car-tab a.cur i { opacity: 1; }
.part1 .car-list { width: 100%; height: 100%; position: relative; z-index: 1; }
.part1 .car-list .img-box { width: 100%; height: 100%; }
.part1 .car-list .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.part1 .car-switch { width: 22.8rem; height: 0; position: absolute; left: 50%; top: 50%; margin: -.26rem 0 0 -11.4rem; z-index: 2; }
.part1 .car-switch a { width: 1rem; height: .52rem; position: relative; }
.part1 .car-switch a.switch-prev { float: left; }
.part1 .car-switch a.switch-next { float: right; }
.part1 .car-switch i { position: absolute; top: 50%; left: 50%; margin: -.12rem 0 0 -.35rem; transition: all .3s; }
.part1 .car-switch a.switch-prev:hover i { margin: -.12rem 0 0 -.65rem; }
.part1 .car-switch a.switch-next:hover i { margin: -.12rem 0 0 -.05rem; }
.part1 .next-box { width: 3.3rem; height: 1.42rem; position: absolute; bottom: 1.34rem; right: 4.48rem; z-index: 2; }
.part1 .next-box p { width: 1.42rem; height: 100%; display: inline-block; vertical-align: top; padding-left: .1rem; }
.part1 .next-box p span { font-size: .22rem; line-height: 1.42rem; color: #000; display: inline-block; vertical-align: middle; }
.part1 .next-box p i { display: inline-block; vertical-align: middle; margin-left: .22rem; }
.part1 .next-box .next-icon { width: 1.88rem; height: 100%; display: inline-block; vertical-align: top; position: relative; cursor: pointer; }
.part1 .next-box .next-icon:after { content: ''; width: 1.22rem; height: 100%; background: #fff; position: absolute; top: 0; left: 50%; margin-left: -.61rem; transform: skewX(-25deg); pointer-events: none; z-index: 1; transition: all .3s; }
.part1 .next-box .next-icon span { position: absolute; top: 50%; left: 50%; transform: translate(-48%, -50%); z-index: 2; transition: transform .3s; }
.part1 .next-box .next-icon:hover:after { opacity: .6; }
.part1 .next-box .next-icon:hover span { transform: scale(1.02) translate(-48%, -50%); }

.part2 { width: 100%; height: 12.54rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/gmjt/part2-img.jpg) no-repeat 50% 50%; background-size: cover; position: relative; }

.part3 { width: 100%; height: 18.68rem; background: #fff; padding-top: 3.22rem; position: relative; }
.part3 .part-text { top: 1.42rem; }
.part3 .part-text .part-tit-box p { color: #222; }
.part3 .part3-list { width: 23.2rem; height: auto; font-size: 0; text-align: center; margin: 0 auto; }
.part3 .part3-list .part3-box { width: 11.2rem; height: 6.67rem; display: inline-block; vertical-align: top; margin: 0 .2rem .4rem; position: relative; cursor: pointer; overflow: hidden; }
.part3 .part3-list .part3-box:first-of-type { width: 22.8rem; height: 6.52rem; }
.part3 .part3-box .img-box { width: 100%; height: auto; }
.part3 .part3-box .img-box img { width: 100%; height: auto; }
.part3 .part3-box:after { content: ''; width: 100%; height: 40%; background: linear-gradient(to top, #00000080, transparent); position: absolute; bottom: 0; left: 0; z-index: 1; pointer-events: none; }
.part3 .part3-box:before { content: ''; width: 100%; height: 100%; background: #00000080; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; transition: opacity .3s; }
.part3 .part3-box .desc-box { width: 100%; height: 6.52rem; text-align: left; padding: .9rem 1.3rem .9rem .68rem; position: absolute; bottom: -4.6rem; left: 0; z-index: 3; transition: all .3s; }
.part3 .desc-box .desc-tit { width: 100%; height: auto; font-size: .4rem; line-height: .5rem; color: #fff; }
.part3 .desc-box .desc-txt { width: 100%; height: 100%; font-size: .21rem; line-height: .37rem; color: #fff; margin-top: .5rem; opacity: 0; transition: opacity .3s; }
.part3 .desc-box .desc-txt p { margin-bottom: .1rem; }
.part3 .part3-box:hover:before { opacity: 1; }
.part3 .part3-box:hover .desc-box { bottom: 0; }
.part3 .part3-box:hover .desc-txt { opacity: 1; }

.part4 { width: 100%; height: 18.44rem; background: #f5f4f6; padding-top: 5.34rem; position: relative; }
.part4 .part-text .part-tit-box p { color: #000; }
.part4 .part-text .part-txt-box p { color: #000; line-height: .52rem; }
.part4 .about-list { width: 100%; height: 100%; position: relative; z-index: 1; }
.part4 .about-list img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.part4 .about-pagin { width: 100%; height: 0; font-size: 0; text-align: center; position: absolute; bottom: .7rem; left: 0; z-index: 1; }
.part4 .about-pagin span { width: .72rem; height: .06rem; opacity: 1; display: inline-block; vertical-align: top; background: #fefefe33; border-radius: .02rem; margin: 0 .11rem; }
.part4 .about-pagin span.swiper-pagination-bullet-active { background: #fefefeb3; }
.part4 .part-desc-box { width: 14.1rem; height: auto; font-size: 0; text-align: center; position: absolute; bottom: 1.25rem; left: 50%; margin-left: -7.05rem; z-index: 1; }
.part4 .part-desc-box p.part-desc-tit { font-size: .4rem; line-height: .48rem; color: #fdfdfd; letter-spacing: .02rem; text-shadow: 0 0 .1rem #00000080, 0 0 .2rem #00000080; }
.part4 .part-desc-box p.part-desc-txt { font-size: .22rem; line-height: .52rem; color: #fdfdfd; letter-spacing: .02rem; text-shadow: 0 0 .1rem #00000080, 0 0 .2rem #00000080; margin-top: .2rem; }

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

/*底部*/
.copygirht_details{ z-index: 99; width: 100%;}
.inside-page .copygirht_details .copyright_close{display: none;}
.btn-comm-hover i{display: block;}

/*下滑指引*/
.mouse-scroll{position:absolute;bottom:1.2rem;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;}

@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;}
}