#app{opacity:1!important}
.header .mark,.header .btn-more,.header .btn-close{display:none!important}
.header.home-header{background:transparent;padding:.28rem 1.05rem;overflow:hidden}
.header .main-content{width:100%;overflow:hidden}
.header .left.logo{color:#fff;font-size:.36rem;font-weight:700;line-height:.7rem}
.header .right{float:right}
.header .right .ritem{color:#f3e9ff}
.first-screen-wrap{position:relative;background:#f8faff}
.first-screen-wrap>.bg{
  width:100%;height:11.52rem;
  background:linear-gradient(315deg,#eb4eb1,#9257f9 50.46%,#3150ed);
  position:absolute;top:0;left:0;z-index:0;pointer-events:none
}
.first-screen{position:relative;z-index:1}
.container{min-height:.58rem;height:auto!important}
.container .badge{padding:.12rem 0;white-space:nowrap}
#app.desktop{max-width:none;min-width:768px;margin:0}
#app.desktop .intro-wrapper .intro-item{height:auto;min-height:4.2rem}
#app.desktop .intro-wrapper .desc-text{position:relative;top:auto;left:auto;transform:none;padding:.4rem 0}
#app.desktop footer .content{display:flex;gap:1.2rem;justify-content:flex-start;flex-wrap:wrap}
#app.desktop footer .down-platform,#app.desktop footer .resource,#app.desktop footer .about{min-width:2.4rem}
.first-screen .main{position:relative;overflow:hidden;text-align:center}
.first-screen .hero-left{float:left;width:50%;padding-top:.52rem;text-align:center;position:relative;z-index:2}
.first-screen .main>.right{float:right;width:50%;position:relative}
.down-wrapper{position:relative;z-index:2;text-align:center;margin-top:.72rem}
.down-wrapper .btn-down{
  min-width:2.98rem;max-width:7.25rem;padding:.23rem .48rem;text-align:center;
  color:#4853e3;background:linear-gradient(#fff,#eee);border-radius:.8rem;
  display:inline-block;font-weight:700;font-size:.31rem;margin:0 .16rem;text-decoration:none
}
.down-wrapper .btn-down i{margin-right:.1rem;display:inline-block;vertical-align:middle;position:relative;bottom:.06rem;font-size:.58rem}
.down-wrapper .btn-down span{display:inline-block;vertical-align:middle;font-size:.34rem;font-weight:700;text-align:left;color:#4853e3}
.down-wrapper .btn-down span strong{display:block;font-size:.19rem;font-weight:400}
.down-wrapper .btn-down:hover{background:#f5f5f5}
.down-wrapper .down_btn_win{position:relative;width:max-content;margin:auto;display:inline-block;text-decoration:none}
.down-wrapper .down_btn_win .cer_img{position:absolute;top:-.09rem;left:50%;transform:translateX(-50%);width:2.17rem;height:.27rem}
.down-wrapper .down-other{margin-left:.08rem;cursor:pointer}
.down-wrapper .down-other img{width:.58rem;height:.58rem;display:inline-block;vertical-align:middle;margin-right:.1rem}
