*{margin:0;padding:0}body,html{width:100%;height:100%}body{overflow:auto}.htzxHeader{z-index:20}.app-container{min-width:1246px;width:100%;margin:0 auto;overflow:hidden;position:relative;padding-bottom:30px}.page-1{height:1246px;background:linear-gradient(180deg,#ff362c,#ff6959 33%,#ffcfca 66%,#ffeeec)}.page-1,.page-2{width:100%;text-align:center}.page-2{height:800px;background:linear-gradient(180deg,#ffeeec,#fff);position:absolute;top:1246px;left:50%;transform:translateX(-50%);z-index:-1}.btn_appdown03,.btn_appdown04{display:block;width:178px;height:58px;border:1px solid #fff;background-color:transparent;border-radius:12px;font-size:0;line-height:56px;color:#fff;box-sizing:border-box}.btn-text{display:inline-block;vertical-align:middle;font-size:18px}.btn_appdown03{margin-top:24px}.btn_appdown04{text-align:left;padding-left:13px}.download-icon{width:24px;height:24px;margin-right:8px;vertical-align:middle}.title{margin-top:79px;width:500px;height:195px}.download-box{width:342px;margin:40px auto 0;display:flex;justify-content:space-between}.qrcode{width:140px;height:140px;border-radius:12px;border:8px solid #fff;box-sizing:border-box}.detail{width:700px;height:580px;background:linear-gradient(1turn,#ffe7e6,#fff2f2);border-radius:52px;position:absolute;top:110px;left:50%;margin-left:-100px;overflow:hidden}.detail-item{height:800px;width:1236px;margin:0 auto}.detail-item-pic{width:429px;margin-top:140px}.arc{width:120px;height:120px;border-radius:50%;background:linear-gradient(298deg,#ff4e45,#ff7753);position:absolute}.arc-1{width:730px;height:730px;top:-284px;left:-90px}.arc-2{top:580px;left:700px}.arc-3{top:263px;left:-120px}.arc-4{top:580px;left:700px}.arc-5{top:-120px;left:-120px}.mobile-pic{width:450px;position:absolute;top:74px;left:50%;transform:translateX(-50%);opacity:0}.mobile-pic-1{width:384px;opacity:1}.app-copy-right{font-size:13px;text-align:center;font-weight:400;color:#666}.secret-link{color:#ff4e45}.mobile,.mobile-wrap{width:342px;height:652px}.mobile-wrap{position:relative;margin:44px auto 0}.ht-wrap{position:absolute;transform:scale(.3);opacity:0;z-index:9}.ht-wrap-1{top:152px;left:0;animation:popup-1 1s ease-out forwards}.ht-pic-1{width:296px;animation:float-1 4s linear 1.2s infinite}@keyframes popup-1{to{transform:none;transform:translate3d(-222px,-71px,0);opacity:1}}.ht-wrap-2{top:152px;left:63px;animation:popup-2 1s ease-out .3s forwards}.ht-pic-2{width:294px;animation:float-2 4s linear 1.2s infinite}@keyframes popup-2{to{transform:translate3d(197px,-121px,0);opacity:1}}.ht-wrap-3{top:190px;left:0;animation:popup-3 1s ease-out .6s forwards}.ht-pic-3{width:294px;animation:float-3 4s linear 1.2s infinite}@keyframes popup-3{to{transform:translate3d(-249px,146px,0);opacity:1}}.ht-wrap-4{top:190px;left:63px;animation:popup-4 1s ease-out .9s forwards}.ht-pic-4{width:294px;animation:float-4 4s linear 1.2s infinite}@keyframes popup-4{to{transform:translate3d(250px,112px,0);opacity:1}}@keyframes float-1{25%{-webkit-transform:translate3d(10px,10px,0);-moz-transform:translate3d(10px,10px,0);transform:translate3d(10px,10px,0);opacity:1}50%{-webkit-transform:translate3d(12px,12px,0);-moz-transform:translate3d(12px,12px,0);transform:translate3d(12px,12px,0);opacity:1}75%{-webkit-transform:translate3d(2px,2px,0);-moz-transform:translate3d(2px,2px,0);transform:translate3d(2px,2px,0);opacity:1}to{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes float-2{35%{-webkit-transform:translate3d(-10px,10px,0);-moz-transform:translate3d(-10px,10px,0);transform:translate3d(-10px,10px,0);opacity:1}50%{-webkit-transform:translate3d(-12px,12px,0);-moz-transform:translate3d(-12px,12px,0);transform:translate3d(-12px,12px,0);opacity:1}80%{-webkit-transform:translate3d(-2px,2px,0);-moz-transform:translate3d(-2px,2px,0);transform:translate3d(-2px,2px,0);opacity:1}to{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes float-3{35%{-webkit-transform:translate3d(10px,-10px,0);-moz-transform:translate3d(10px,-10px,0);transform:translate3d(10px,-10px,0);opacity:1}50%{-webkit-transform:translate3d(12px,-12px,0);-moz-transform:translate3d(12px,-12px,0);transform:translate3d(12px,-12px,0);opacity:1}80%{-webkit-transform:translate3d(2px,-2px,0);-moz-transform:translate3d(2px,-2px,0);transform:translate3d(2px,-2px,0);opacity:1}to{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes float-4{35%{-webkit-transform:translate3d(-10px,-10px,0);-moz-transform:translate3d(-10px,-10px,0);transform:translate3d(-10px,-10px,0);opacity:1}50%{-webkit-transform:translate3d(-12px,-12px,0);-moz-transform:translate3d(-12px,-12px,0);transform:translate3d(-12px,-12px,0);opacity:1}80%{-webkit-transform:translate3d(-2px,-2px,0);-moz-transform:translate3d(-2px,-2px,0);transform:translate3d(-2px,-2px,0);opacity:1}to{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);opacity:1}}