body { display:block; min-width:1680px; }

.app { position:relative; display:block; margin:0px auto; overflow:hidden }

.app .topbar { position:absolute; top:0px; left:0px; right:0px; z-index:10; display:block; height:88px; background-color:#fff; }
.app .topbar .content { position:relative; display:block; width:1680px; height:100%; margin:0 auto; }
.app .topbar .content .game { position:absolute; top:0px; left:140px; display:flex; justify-content:flex-start; align-items:flex-start; gap:12lpx }
.app .topbar .content .game .logo { display:block; width:126px; height:126px; background:url("../images/logo.png?v=1.0.0") no-repeat 50% 50%; }
.app .topbar .content .game .name { display:block; width:242px; height:88px; background:url("../images/name.png?v=1.0.0") no-repeat 50% 50%; }

.app .main { position:relative; z-index:1; display:block; height:2880px; overflow:hidden; }
.app .main .bgs { position:absolute; top:0px; left:50%; z-index:1; display:block; width:1920px; height:2880px; margin-left:-960px; pointer-events:none; }
.app .main .bgs .bg { display:block; width:100%; height:720px; background-repeat:no-repeat; background-position:50% 0%; }
.app .main .bgs .bg.bg1 { background-image:url("../images/bg1.jpg?v=1.0.0"); }
.app .main .bgs .bg.bg2 { background-image:url("../images/bg2.jpg?v=1.0.0"); }
.app .main .bgs .bg.bg3 { background-image:url("../images/bg3.jpg?v=1.0.0"); }
.app .main .bgs .bg.bg4 { background-image:url("../images/bg4.jpg?v=1.0.0"); }
.app .main .btn-cadpa { position:absolute; top:360px; right:68px; z-index:2; cursor:pointer; display:block; width:100px; height:130px; background:url("../images/btn-cadpa.png?v=1.0.0") no-repeat 50% 50%; }
.app .main .downloads { position:absolute; top:506px; right:68px; z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:16px; width:210px; }
.app .main .downloads .download { cursor:pointer; display:block; width:210px; height:62px; background:url("../images/downloads.png?v=1.0.0") no-repeat 50% 0px; background-size:210px 124px; }
.app .main .downloads .download.download-ios { background-position:50% 0px; }
.app .main .downloads .download.download-android { background-position:50% -62px; }
.app .main .features { position:absolute; top:1310px; left:50%; z-index:2; display:block; width:1558px; height:1200px; background:url("../images/features-wrapper.png?v=1.0.0") no-repeat 50% 50%; transform:translate(-50%,0%); }
.app .main .features .features-swiper { position:absolute; top:200px; left:50%; z-index:3; display:block; width:418px; height:834px; transform:translate(-50%,0%); }
.app .main .features .features-swiper .swiper { display:block; width:100%; height:100%; }
.app .main .features .features-swiper .swiper .swiper-wrapper .swiper-slide .frame { display:block; width:100%; height:100%; background:url("../images/frame.png?v=1.0.0") no-repeat 50% 50%; padding:24px; filter:brightness(0.5); }
.app .main .features .features-swiper .swiper .swiper-wrapper .swiper-slide .frame img { display:block; width:100%; height:100%; border-radius:16px; }
.app .main .features .features-swiper .swiper .swiper-wrapper .swiper-slide-active .frame { filter:brightness(1); }
.app .main .features .features-swiper .swiper .swiper-wrapper .swiper-slide-active .frame img {  }
.app .main .features .features-swiper .swiper-pagination { position:absolute; bottom:-60px; left:50%; display:block; white-space:nowrap; transform:translate(-50%,0%); }
.app .main .features .features-swiper .swiper-pagination .swiper-pagination-bullet { position:relative; display:inline-block; width:32px; height:32px; background:url("../images/features-pagination.png?v=1.0.0") no-repeat 0px 50%; background-color:transparent; background-size:64px 32px; margin:0 12px; opacity:1; }
.app .main .features .features-swiper .swiper-pagination .swiper-pagination-bullet-active { background-position:-32px 0px; }

.app .footer { position:absolute; bottom:0px; left:0px; right:0px; z-index:10; display:block; padding:40px 0px; }
.app .footer p { display:block; color:#e3e3e3; font-size:16px; text-align:center; line-height:28px; }
.app .footer a { color:inherit; }
.app .footer .btn-cadpa-small { position:absolute; top:64px; left:50%; z-index:11; cursor:pointer; display:block; width:52px; height:64px; background:url("../images/btn-cadpa-small.png?v=1.0.0") no-repeat 50% 50%; transform:translate(-300px,0%); }

.dialog-cadpa { display:block; width:1326px; height:890px; background:url("../images/dialog-cadpa.png?v=1.0.0") no-repeat 50% 50%; }
.dialog-cadpa .content { display:block; width:100%; height:100%; padding:168px 140px 0px 140px; color:#657c8e; font-size:22px; text-align:left; line-height:48px; }
.dialog-cadpa .btn-close { position:absolute; top:40px; right:50px; width:52px; height:52px; background:url("../images/dialog-cadpa-btn-close.png?v=1.0.0") no-repeat 50% 50%; }