body,html{background:#fff}.bg{width:100%}header{position:relative}header .logo{height:12rem}header .content{position:absolute;top:19%;left:0;right:0;width:50rem;margin:0 auto}header h1{color:#fff}header .use{display:inline-flex;font-size:1.6rem;width:13.75rem;height:4.625rem;border:rgba(255,255,255,.6) 1px solid;color:#fff;margin-top:2.375rem;transition:all .1s ease-in-out}header .use:hover{border-color:#fff}header .language{position:absolute;top:1.438rem;right:1.438rem;color:#fff;font-size:1.4rem}header .language .iconfont{margin-right:.56rem}.features .bg{position:relative;z-index:0}.features .bg.btm{margin-top:-45rem}.features .item{position:relative;z-index:1;overflow:hidden}.features .item.f1{height:42.75rem;margin-bottom:13.688rem}.features .item.f1 .img-main{height:100%;position:absolute;right:60%}.features .item.f1 .img-deco{height:100%;position:absolute;left:45%}.features .item.f1 h2{position:absolute;left:55%;top:20rem;font-size:2.25rem;font-weight:400}.features .item.f1 h2 p{line-height:2}.features .item.f2{height:49.375rem}.features .item.f2 .img-main{height:46.375rem;position:absolute;left:60%;top:3rem}.features .item.f2 .img-deco{height:36rem;position:absolute;right:50%}.features .item.f2 h3{position:absolute;left:18%;top:3rem;font-size:2.25rem;font-weight:400}.features .item.f2 h3 p{line-height:1;margin-bottom:3.8rem;display:flex;align-items:center;white-space:nowrap}.features .item.f2 h3 p:last-child{margin-bottom:0}.features .item.f2 h3 p .dot{width:.8rem;height:.8rem;border-radius:.4rem;background-color:#ff847b;margin-right:1.375rem}footer{position:relative;height:0;top:-3.688rem;left:0;right:0;text-align:center;color:#fff;gap:1.5rem}footer img{height:1.5rem}footer .open-source{gap:1rem}