:root{--primary-color:#2EBDF1;--transition-size-time:.3s;--transition-article-time:.8s}html{font-size:57px}body,figure,h1,h2,h3,html,p,ul{margin:0;padding:0}body,html{overflow-y:scroll;overflow-x:hidden;width:100vw;height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}ul{list-style-type:none}a{text-decoration:none}.flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.mb-50{margin-bottom:.5rem}.mt-40{margin-top:.4rem}.mt-60{margin-top:.6rem}.ml-70{margin-left:.7rem}.ml-12{margin-left:.12rem}.header{height:.9rem;background-color:var(--primary-color)}.logo-img{margin-left:.28rem;width:.59rem;height:.59rem}.logo-txt{margin-left:.13rem;font-weight:900;font-size:.28rem;color:#fff}.nav{margin-right:.13rem}.nav-container{height:100%}.nav-item{margin:0 .15rem}.nav-link{display:block;font-weight:500;font-size:.24rem;color:#fff}.header .top-download-btn{display:none}.main{padding:.6rem .5rem .3rem}.banner{flex-direction:column-reverse}.product-title{margin-top:.445rem;font-weight:700;font-size:.36rem;color:#0b131b;text-align:center;line-height:.45rem}.product-info{margin-top:.105rem;font-weight:500;font-size:.24rem;color:#74c4e0;line-height:.34rem;text-align:justify}.download-container{margin-top:.39rem}.download-btn{width:3.08rem;height:1.01rem;background-color:#0b131b;border-radius:.3rem}.download-google-img{width:.53rem;height:.56rem;margin-left:.28rem}.download-txt{height:100%}.download-ios-img{width:.44rem;height:.52rem;margin-left:.44rem}.download-google{margin-left:.18rem}.download-ios{margin-left:.28rem}.download-tag{margin-top:.19rem;font-weight:500;font-size:.19rem;color:#fff;line-height:.19rem}.download-name{margin-top:.14rem;font-weight:500;font-size:.34rem;color:#fff;line-height:.34rem}.banner-img-container{position:relative;width:6.5rem;height:5.6rem}.banner-img-list{overflow:hidden;position:relative;z-index:1;height:100%;width:100%}.banner-img-item{position:absolute;top:0;left:0;z-index:1;opacity:0;height:100%;width:100%;transition:opacity 1s;background-size:100%;background-repeat:no-repeat}.banner-img-item.active{animation:.5s linear forwards bannerActive}.banner-img-item.un-active{animation:.5s linear forwards bannerUnActive}@keyframes bannerActive{0%{transform:scale(1.1);opacity:0;z-index:1}100%{transform:scale(1);opacity:1;z-index:10}}@keyframes bannerUnActive{0%{transform:scale(1);opacity:1;z-index:10}100%{transform:scale(1.1);opacity:0;z-index:1}}.banner-img-list>:first-child{background-image:url("https://cdn.ioiotter.com/assets/images/breath_bg.webp");background-image:image-set(
    url("https://cdn.ioiotter.com/assets/images/breath_bg.webp") 1x,
    url("https://cdn.ioiotter.com/assets/images/breath_bg@2x.webp") 2x
  )}.banner-img-list>:nth-child(2){background-image:url("https://cdn.ioiotter.com/assets/images/adventure_bg.webp");background-image:image-set(
    url("https://cdn.ioiotter.com/assets/images/adventure_bg.webp") 1x,
    url("https://cdn.ioiotter.com/assets/images/adventure_bg@2x.webp") 2x
  )}.banner-img-main1{position:absolute;top:1.45rem;left:2.26rem;z-index:2;width:2.43rem}.banner-img-main2{position:absolute;top:2.3rem;left:2.5rem;z-index:2;height:2rem}.banner-point-container{position:absolute;z-index:2;bottom:.14rem;left:50%;transform:translateX(-50%)}.banner-point{width:.12rem;height:.12rem;background-color:rgba(255,255,255,.5);border-radius:50%;cursor:pointer}.banner-point.active{background-color:#fff}.function-title{margin-top:1rem;font-weight:700;font-size:.42rem;color:var(--primary-color);line-height:.42rem}.function-info{margin-top:.12rem;font-weight:500;font-size:.24rem;color:#74c4e0;line-height:.3rem}.article{margin-bottom:.7rem}.article-container{margin-top:.47rem}.article-icon1{width:.47rem;height:.4rem;margin-right:.18rem;margin-left:.05rem}.article-icon2{width:.38rem;height:.38rem;margin-right:.23rem;margin-left:.09rem}.article-icon3{width:.44rem;height:.43rem;margin-right:.2rem;margin-left:.06rem}.article-icon4{width:.5rem;height:.48rem;margin-right:.17rem;margin-left:.05rem}.article-title{font-weight:700;font-size:.32rem;color:#0b131b;line-height:.32rem}.article-txt{margin-top:.15rem;font-weight:500;font-size:.24rem;color:#9a9a9a;line-height:.34rem}.article-txt-container{transition:transform var(--transition-article-time),opacity var(--transition-article-time)}.article-img{margin-top:.27rem;width:6.5rem;height:3.5rem;transition:transform var(--transition-article-time),opacity var(--transition-article-time)}.article:nth-child(2n) .article-txt-container{transform:translateX(300px);opacity:0}.article:nth-child(2n) .article-img,.article:nth-child(odd) .article-txt-container{transform:translateX(-300px);opacity:0}.article:nth-child(odd) .article-img{transform:translateX(300px);opacity:0}.article.visible .article-img,.article.visible .article-txt-container{transform:translateX(0);opacity:1}.question-container{overflow:hidden;margin-bottom:.2rem;border-radius:.3rem}.question{height:1rem;padding:0 .3rem 0 .32rem;background-color:var(--primary-color);cursor:pointer}.question-txt{font-weight:500;font-size:.24rem;color:#fff;line-height:.24rem}.question-toggle-icon{width:.12rem;height:.21rem;transition:transform .8s}.asked-txt-container{overflow:hidden;max-height:0;background-color:#eaf9ff;transition:max-height .8s}.asked-txt{overflow:hidden;padding:.185rem .25rem .245rem .39rem;font-weight:500;font-size:.24rem;color:#80ceea;line-height:.35rem}.more-container{font-weight:500;font-size:.24rem;color:#8c949c;line-height:.24rem;cursor:pointer}.more-icon{width:.21rem;height:.22rem;margin-left:.13rem}#addressPrivacyBox1{display:flex}.address-btn{font-weight:500;font-size:.2rem;color:#9a9a9a;font-style:normal}.footer-container{background-color:var(--primary-color)}.footer{height:1.4rem;padding-left:.58rem}.bottom-download-btn{display:block}.media-link{display:block;width:.57rem;height:.57rem;margin-right:.42rem}.media-icon{display:block;width:100%;height:100%}.to-download-btn{display:block;height:.98rem;margin-left:.16rem;padding:0 .59rem;background-color:#fff;font-weight:700;font-size:.32rem;color:var(--primary-color);line-height:.98rem;border-radius:.49rem;border:0;cursor:pointer}.to-download-btn-animate{animation:.7s linear .7s showScale}#addressPrivacyBox2{display:none}@keyframes showScale{0%,100%,40%,80%{transform:scale(1)}20%{transform:scale(.9)}60%{transform:scale(1.1)}}