.page1{
    position: relative;
    width: 100vw;
    height: 100vh;
    background: url("../img/page1-new-bg-20240108.jpg") top center no-repeat;background-size: cover;;
}
.top{
    position: absolute;
    left: 30px;
    top: 50px;
    width: 300px;
    height: 67px;
    background:url('../img/top-icon.png') top center no-repeat;background-size: 300px 67px;
}
.slogn{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 600px;
    width: 1077px;
    height: 155px;
    background:url('../img/slogan-new.png') top center no-repeat;background-size: 1077px 155px;
}
.play{
 
    position: absolute;
    width: 173px;
    height: 171px;
    top: 400px;
    left: 50%;
    margin-left: -86px;
    animation:pulse 2s infinite;-moz-animation:pulse 2s infinite;-webkit-animation:pulse 2s infinite;-o-animation:pulse 2s infinite;cursor: pointer;
    background: url("../img/play-btn.png") no-repeat;
    background-size: contain;
}
 /*视频*/
 .alert-video-box{position: fixed;bottom: 0;left: 0;top: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.68);z-index: 102;display: none;}
 .video-box{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width:800px;height:450px;padding-top:34px;display: block;margin: auto;}
 .video-box video{background:#000;}
 .video-box .video-close-btn{position:absolute;cursor:pointer;top: -10px;right: -35px;width: 30px;height: 30px;background: url("../img/close.png") no-repeat;background-size: contain;-webkit-transition: transform .3s ease-in-out;-moz-transition: transform .3s ease-in-out;-ms-transition: transform .3s ease-in-out;-o-transition: transform .3s ease-in-out;transition: transform .3s ease-in-out;z-index: 2}
 .video-box .video-close-btn:hover {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.outbox{
    width: 1200px;
    height: 104px;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 800px;
    /* background:url('../img/download.png') top center no-repeat;background-size: 366px 95px; */
    
}
.topup{
    z-index: 10;
    width: 200px;
    height: 218px;
    position: fixed;
    top: 300px;
    right: 0;
    background:url("../img/topup.png") no-repeat top left;background-size: contain;
    cursor: pointer;

}

.outbox .iosdownload-btn{width: 256px;height: 76px;background:url("../img/iosdownload-btn.png") no-repeat top left;background-size: contain;cursor: pointer;}
	.outbox .googledownload-btn{width: 256px;height: 76px;background:url("../img/googledownload-btn.png") no-repeat top left;background-size: contain;cursor: pointer;}
	.outbox .DownloadOfficalAPK-btn{width: 282px;height: 104px;background:url("../img/DownloadOfficalAPK.png") no-repeat bottom left;background-size: contain;cursor: pointer;}
	.outbox .DownloadOfficalEmulator-btn{width: 282px;height: 104px;background:url("../img/DownloadOfficalEmulator.png") no-repeat bottom left;background-size: contain;cursor: pointer;}



@keyframes pulse{from {transform:scale(0.8,0.8) ;-ms-transform:scale(0.8,0.8);-moz-transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);-o-transform:scale(0.8,0.8);}50% {transform:scale(0.95,0.95);-ms-transform:scale(0.95,0.95);-moz-transform:scale(0.95,0.95);-webkit-transform:scale(0.95,0.95);-o-transform:scale(0.95,0.95);}to {transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);-moz-transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);-o-transform:scale(0.8,0.8);}}
@-moz-keyframes  pulse{from {transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);-moz-transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);-o-transform:scale(0.8,0.8);}50% {transform:scale(0.95,0.95);-ms-transform:scale(0.95,0.95);-moz-transform:scale(0.95,0.95);-webkit-transform:scale(0.95,0.95);-o-transform:scale(0.95,0.95);}to {transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);-moz-transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);-o-transform:scale(0.8,0.8);}}
@-webkit-keyframes  pulse{from {transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);-moz-transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);-o-transform:scale(0.8,0.8);}50% {transform:scale(0.95,0.95);-ms-transform:scale(0.95,0.95);-moz-transform:scale(0.95,0.95);-webkit-transform:scale(0.95,0.95);-o-transform:scale(0.95,0.95);}to {transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);-moz-transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);-o-transform:scale(0.8,0.8);}}
@-o-keyframes  pulse{from {transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);-moz-transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);-o-transform:scale(0.8,0.8);}50% {transform:scale(0.95,0.95);-ms-transform:scale(0.95,0.95);-moz-transform:scale(0.95,0.95);-webkit-transform:scale(0.95,0.95);-o-transform:scale(0.95,0.95);}to {transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);-moz-transform:scale(0.8,0.8);-webkit-transform:scale(0.8,0.8);-o-transform:scale(0.8,0.8);}}