*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{text-decoration:none;-webkit-tap-highlight-color:transparent}html{overflow:hidden}body,html{height:100%}body{max-width:900px;margin:0 auto;position:relative}.app{position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden}.app,.app>div{width:100%}.app .head{position:absolute;left:0;top:0}.app .main{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;z-index:2;padding-top:21.33%}.app .main img{margin:0 auto}.app .main .logo{width:120px;margin-bottom:26px}.app .main .logo-txt{width:154px}.app .info{position:relative;z-index:2;padding-bottom:21%}.app .info .down-btn{position:relative;z-index:9;display:block;width:260px;height:44px;font-size:16px;color:#fff;text-align:center;line-height:44px;margin:0 auto 35px;background-image:linear-gradient(148deg,#ff9d2e,#ed2121);-webkit-box-shadow:0 5px 6px 0 rgba(112,2,0,.08);box-shadow:0 5px 6px 0 rgba(112,2,0,.08);border-radius:22px}.app .info .info-style{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:16px;line-height:15px;font-size:12px;color:#535353;font-family:PingFangSC-Regular}.app .info .line{width:1px;height:12px;margin:0 29px;opacity:.23;background:#6f6f6f}.app .info span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.app .info .ios i{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAqCAMAAAAK/cKeAAAAb1BMVEVLS0sAAABKSkp1dXVMTExLS0tKSkpLS0tLS0tlZWVKSkpKSkpMTExLS0tRUVFKSkpLS0tLS0tMTExMTExNTU1NTU1NTU1OTk5NTU1LS0tMTExLS0tLS0tXV1dPT09LS0tMTExMTExOTk5OTk5OTk7doZV+AAAAJXRSTlPMAMQEWo3Au5QIqKVsVSCZiH53X0wzLCMcrqFlRBUOtIRRPzw7IyrXtAAAARRJREFUOMt90leOwzAMRdFHyb0ljmvcUve/xrFEY2Y+TN4/AgcmLAl01lomAR2dCVsYQBM2xN5bETe4Nll8PbiSLDIHzCiLAa6SZFE6UJAiCiBeSBPttbV0Imxbh0nxSXmqgmTKk6D6J4IYPlN/x77JcVRvh0ifEIp6L+wFEMngxA1K5S46yJnFbZF38BPAoIDJOhEo4k1OhDIwqReZLBLyIpLFk4XSjYWRRcgilsWDRQa5SvlbrvZiVoQZnOih9Fh3YSONZBWBrtAyDaiFWgJKY1V8QBRo4E4g/SOLE9TIYCIvbC6KjgVVRrl/kOt1DnL7K86PLRrpT6QX+C5z171CXhr3xIKzzT3K55GHrQzvWbHy8AN+jQqYM/AD0QAAAABJRU5ErkJggg==) no-repeat 50%;background-size:contain}.app .info .and i,.app .info .ios i{width:14px;height:14px;margin-right:5px}.app .info .and i{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAqCAMAAAAH47LZAAAAbFBMVEVLS0sAAABPT095eXlKSkpOTk5NTU1KSkpfX19KSkpLS0tTU1NMTExLS0tLS0tLS0tNTU1MTExTU1NLS0tNTU1KSkpLS0tLS0tLS0tLS0tLS0tKSkpLS0tKSkpLS0tRUVFOTk5LS0tKSkpNTU2GtZ41AAAAJHRSTlPMADAERUArmQl9kBZ2ycS6XCgRrk60g6WeinBhVlI2IQ2rl2qKxw4wAAABAklEQVQ4y+3UzY6DIBSG4e9oKypVKGr9bbWd+7/HIYy1hgKrySST9F2c5CQP7AC0dRQz7ctY/Fp27gZGtF9zcjq6oKb4dv0a5EFRWpXc45QQmYCpePSQ5HFxjn1Xj+Mt2NSsqIt6sMXlZgGcSW6XRcBdvbulApAl3eruNdPz8e4yuJpsp0qnq2zHD+7Slwtnu9id7SK4Oz9d0pZNHXRTU7YJKr0UPOBmPbUyRQF3hOmXXPJxf+KipyvMqaAz6qJnkwbcIgCt4noYFQUc8XGoY5DJ7+z35nHcciRLhyql4x/KobukPzHoTkQ+l63LP3Yn6Mb9dyidTjEUebouvEPRp7T1DQdFDX48D8GBAAAAAElFTkSuQmCC) no-repeat 50%;background-size:contain}.app .foot{position:absolute;left:0;bottom:-30px}.app img{display:block;width:100%}@media screen and (orientation:landscape) and (max-width:900px){.app{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.app>div{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.app .info,.app .main{padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-aspect-ratio:9/16) and (max-width:750px){.app .foot{bottom:0}.app .main{padding-top:34%}.app .info{padding-bottom:30%}}