#main-banner{position:relative;padding:40px 0 120px;text-align:center;overflow:hidden}
#main-banner .bg{position:absolute;width:100%;height:100%;left:0;top:0}
#main-banner .bg .bg-marquee{height:100%;display:flex;justify-content:start;align-items:center}
#main-banner .bg picture{flex:0 0 auto;height:100%;aspect-ratio:40/37}
#main-banner .bg picture img{width:100%;height:100%;object-fit:cover}
#main-banner .logo{width:80px;height:80px;object-fit:cover}
#main-banner h1{margin:20px 0 0;font-size:30px;font-weight:400}
#main-banner .btn-group{margin:32px 0 0;justify-content:center;gap:24px}
#main-banner .btn-group .btn-main{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:112px;height:112px;border-radius:999px;background-color:#2e7bfd;background-image:linear-gradient(to right, rgb(99, 102, 241), rgba(99, 102, 241, 0));color:#fff}
#main-banner .btn-group .btn-main.btn-ios::before,
#main-banner .btn-group .btn-main.btn-andriod::before,
#main-banner .btn-group .btn-main.btn-win::before,
#main-banner .btn-group .btn-main.btn-mac::before{content:"";display:inline-flex;width:28px;height:28px}
#main-banner .btn-group .btn-main.btn-ios::before{background:url(images/home/ios.webp) center / cover no-repeat}
#main-banner .btn-group .btn-main.btn-andriod::before{background:url(images/home/andriod.webp) center / cover no-repeat}
#main-banner .btn-group .btn-main.btn-win::before{background:url(images/home/win.webp) center / cover no-repeat}
#main-banner .btn-group .btn-main.btn-mac::before{background:url(images/home/ios.webp) center / cover no-repeat}
@media (max-width:769px){
    #main-banner{padding:80px 0}
}

#update-banner{padding:80px 0}
#update-banner picture{text-align:center;max-width:868px;margin:0 auto 40px}
#update-banner picture img{width:100%}
#update-banner .content{max-width:780px;margin:0 auto}
#update-banner .module-title{color:#0f1c33;font-size:18px;margin-bottom:8px}
#update-banner .list{max-width:780px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;background:#f1f5f9;border-radius:6px}
#update-banner .item{display:flex;justify-content:start;align-items:center;gap:8px;width:100%}
#update-banner .title{background:#1989fa;color:#fff;padding:6px 4px;font-size:10px;border-radius:4px;white-space:nowrap}
#update-banner .text{color:#1f3966;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#update-banner .time{color:#8a8f99;margin-left:8px}
#update-banner .btn-group{margin:40px 0 0;gap:20px}
#update-banner .btn-group .btn-update img{width:156px;aspect-ratio:75 / 23;object-fit:cover}