html,body{width:100%;height:100%}body{margin:0;padding:0;background:#eee}#log{position:fixed;color:pink;z-index:1000}.kfa-splash{position:fixed;background-color:#fff;z-index:1001;width:100%;height:100%;top:0;left:0;transition:all 1s ease 0s}.splash-text{text-align:center;font-family:arial;position:relative;letter-spacing:10px;top:38%}.splash-percentage{font-family:bodoni-italic;font-style:italic;font-weight:100;font-size:40px;text-align:center;line-height:40px;transform:rotate(-9deg);color:#414141;width:100%;height:70px;position:relative;top:40%}.nextbtn{width:100px;height:50px;background-size:100%;background-position:50% 50%;position:absolute;bottom:40px;left:50%;margin-left:-50px;z-index:100;background-image:url("./image/nextbtn.png");background-repeat:no-repeat;animation:.6s linear 0s infinite alternate zoomingBtn}.nextbtn-black{background-image:url("./image/nextbtn2.png")}.overlay{position:absolute;width:100%;height:100%;top:0}.overlay>div{background-size:100%;width:100%;height:100%;display:none;background-repeat:no-repeat}.overlay>div.message-op{display:block;background-image:url("./image/op.jpg")}.overlay>div.message-0{background-image:url("./image/ed_gngs.jpg")}.overlay>div.message-1{background-image:url("./image/ed_mztkn.jpg")}.overlay>div.message-2{background-image:url("./image/ed_dlam.jpg")}.overlay>div.message-3{background-image:url("./image/ed_hyrz.jpg")}.overlay>div.message-msn{background-image:url("./image/ed_msnzs.png");background-position:0 6vh}// .overlay>div>img{width:100%}.op_bg1{width:100px;height:100px;position:absolute;left:50%;margin-left:-50px;background-image:url("./image/op_bg1.png");background-size:100%;background-repeat:no-repeat;bottom:20vh}.op-hand{width:20px;height:30px;margin-left:-10px;position:absolute;top:40px;left:50%;background-size:100%;background-image:url("./image/ophand.png");background-repeat:no-repeat;animation:1s linear 0s infinite alternate flipBtn}.dada-logo{width:120px;height:30px;margin-left:-60px;left:50%;background-image:url("./image/dada-logo.png");position:absolute;bottom:10px;background-size:100%;background-repeat:no-repeat}.dada-logo2{width:32vw;height:53px;margin-left:-16vw;left:50%;background-image:url("./image/dada-logo2.png");position:absolute;bottom:10px;background-size:100%;background-repeat:no-repeat}@keyframes flipBtn{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-20px,0)}}@keyframes zoomingBtn{from{transform:scale(1)}to{transform:scale(1.2)}}.happy-childrens-day{width:30vw;height:20px;display:block;position:absolute;left:50%;margin-left:-15vw;background-size:100%;background-repeat:no-repeat;background-image:url("./image/happy-childrens-day.png");margin-top:46vh}.share-btn,.replay-btn,.download-btn{width:30vw;display:block;position:absolute;left:50%;margin-left:-15vw;background-size:100%;background-repeat:no-repeat;z-index:100}.replay-btn{background-image:url("./image/replay-btn.png");height:36px;margin-top:52vh}.share-btn{background-image:url("./image/share-btn.png");height:58px;margin-top:60vh}.download-btn{background-image:url("./image/download-btn.png");height:82px;margin-top:60vh}.pc-qrcode{width:100%;height:100%}