html,body{margin:0;padding:0;background:#1d1a29}*{-webkit-tap-highlight-color:transparent}div{box-sizing:border-box}html{width:100%;height:100%}body{width:100%;min-height:100%;display:flex}.background{width:100%;height:100%;position:fixed;object-fit:cover}.page{flex:1;width:100%;display:flex;flex-direction:column}.wrap{position:relative}.header{position:relative;top:0;left:0;right:0;display:flex;height:60px;z-index:999;overflow:hidden}.header .wrap{width:100%;display:flex;justify-content:left;align-items:center;padding:0;overflow:auto}.header .logo{overflow:hidden;margin-right:10px;flex-shrink:0;margin-left:16px;display:flex;align-items:center}.header .logo img{width:40px;height:40px;margin-right:10px;border-radius:10px}.header .logo .title{font-size:20px;color:#ffffff;font-weight:bold}.main-wrap{flex:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding-top:100px}.main-wrap .left{display:flex;justify-content:center;margin-bottom:40px}.main-wrap .right{display:flex;flex-direction:column;justify-content:center;margin-bottom:40px}.top-nav{display:flex;align-items:center;width:100%;overflow-x:auto;height:100%;padding-right:20px}.top-nav .item{color:#ffffff;text-decoration:none;margin:0 12px;padding:0 10px;height:100%;font-size:14px;display:flex;align-items:center;white-space:nowrap}.slide-section{width:200px;height:calc((896 / 414) * 200px);position:relative}.slide{width:100%;height:100%;position:relative;border-radius:20px;overflow:hidden}.mockup{position:absolute;left:-16px;top:-16px;right:-16px;bottom:-16px;background:#000000;border-radius:40px;overflow:hidden;border:#4855da solid 4px;box-shadow:0 0 20px rgba(0,0,0,0.5)}.mockup::before{content:"";position:absolute;width:40%;left:50%;top:-10px;height:40px;transform:translate3d(-50%, 0, 0);background:#000000;border-radius:0 0 20px 20px;z-index:999}.swiper{background:#ffffff;border-radius:26px;overflow:hidden}.swiper-slide{background-position:center;background-size:cover;width:60%;height:auto}.swiper-slide img{display:block;width:100%}.app-name{width:100%;text-align:center;font-size:24px;color:#ffffff;font-weight:bold;margin:0}.app-desc{width:100%;text-align:center;font-size:14px;color:#ffffff;margin:0;margin-top:20px}.download-info{display:flex;flex-direction:column;margin-top:20px}.download-info .download-group{margin-top:40px;display:flex;flex-direction:column;margin-bottom:40px;align-items:center}.download-info .download-group .qrcode{width:200px;height:200px;padding:10px;background:#ffffff;border-radius:20px;margin-bottom:20px}.download-info .download-group .btn-groups{display:flex;flex-direction:column;flex:1}.download-info .download-group .btn-groups .btn{background:rgba(255,255,255,0.2);border-radius:8px;padding:18px 30px;font-size:18px;color:#ffffff;text-decoration:none;text-align:center;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.download-info .download-group .btn-groups .btn .icon{margin-right:10px}.footer{font-size:12px;color:#ffffff;text-align:center}.footer .copyright{margin-bottom:20px}.footer .foot-nav{margin-bottom:40px;display:flex;flex-direction:column}.footer .foot-nav .item{color:#ffffff;text-decoration:none;margin:10px 4px}@media screen and (min-width: 768px){.wrap{width:calc(100% - 40px) !important;margin:auto}.header{height:100px}.header .logo img{width:40px;height:40px}.download-info .download-group{flex-direction:row;justify-content:center}.download-info .download-group .qrcode{margin-right:20px}.download-info .download-group .btn-groups .btn{width:200px}.main-wrap{flex-direction:row;align-items:center;padding-top:30px}.main-wrap .left{width:40%}.main-wrap .right{width:auto}.slide-section{width:80%;height:calc((896 / 414) * 80%)}.footer .foot-nav{flex-direction:row;justify-content:center}.app-name{font-size:32px;text-align:left}.app-desc{font-size:14px;text-align:left}}@media screen and (min-width: 1170px){.main-wrap{padding-top:0}.slide-section{width:60%;height:calc((896 / 414) * 60%);position:relative}.right{padding-right:100px}.right .app-name{font-size:40px}.download-info .download-group{margin-top:10px;margin-bottom:10px}.download-info .download-group .qrcode{width:200px;height:200px}}@media screen and (min-width: 1440px){.wrap{width:1300px !important;margin:auto}.wrap .logo img{width:60px;height:60px}.header{height:120px}.main-wrap{flex-direction:row;align-items:center}.main-wrap .right{width:auto}.app-name{font-size:60px}.app-desc{font-size:16px}.top-nav{margin-left:40px}.top-nav .item{font-size:16px}}