/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div { font: 400 12px "Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color: #333;}
html { font: 400 100% "Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height: 1.2; color: #333; font-size: 10px;}
.ft44 { font-size: clamp(24px, 0.44rem, 88px); }
.ft40 { font-size: clamp(24px, 0.40rem, 80px); }
.ft32 { font-size: clamp(16px, 0.32rem, 64px); }
.ft20 { font-size: clamp(16px, 0.20rem, 40px); }
.ft18 { font-size: clamp(14px, 0.18rem, 36px); }
.ft16 { font-size: clamp(12px, 0.16rem, 32px); }
.banner-mo { display: none; }

/* sec1 */
.sec1 { background: url(../img/download-banbg.png) top center no-repeat; background-size: cover; padding: 1.4rem 0;  position: relative;  }
.banner { max-width: 1400px; width: 96%; margin: 0 auto;}
.banner-text { max-width: 5.7rem; width: 100%; }
.banner-title { color: #FFF; font-weight: 600; }
.banner-title span { background: linear-gradient(90deg, #2C67FF 0%, #9E62FF 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 700;}
.banner-des { color: #FFF; font-weight: 500; margin: 0.2rem 0; max-width: 90%; }
a.banner-btn { display: inline-block; border-radius: .1rem; background: linear-gradient(90deg, #2C67FF 0%, #9E62FF 100%); color: #FFF; font-weight: 600; text-decoration: none; padding: 0.15rem 0.2rem; }
a.banner-btn svg { display: inline-block; transform: translateY(0.03rem); }
a.banner-btn:hover { border-radius: .1rem; background: linear-gradient(90deg, #0148FF 0%, #8940FF 100%); }
a.banner-learn { display: block; color: #999;font-weight: 500; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; margin-top: 0.2rem; }
a.banner-learn em { color: #999; }

/* sec2 */
.sec2 { margin: 0.8rem auto; }
.download-title { color: #000; font-weight: 600; text-align: center; }
.download-version { max-width: 1200px; width: 96%; margin: 0 auto; }
.download-main { background: url(../img/download-old-bgimg.png) top center no-repeat; background-size: 100% 100%; border-radius: 0.3rem; margin-top: 0.6rem; padding: 0.5rem 0.7rem; }
.download-main-title { color: #000; font-weight: 600; }
.download-main-des { color: #C7C8D9; margin-top: 0.15rem; }
.download-main-version { font-weight: 600; background: linear-gradient(90deg, #2C67FF 0%, #9E62FF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.download-main-time { color: #333; }
.download-main-time::before { content: "|"; color: #C7C8D9; margin: 0 0.1rem; }
.download-mian-lists { margin: 0.3rem auto; }
.download-mian-lists li { list-style: disc; list-style-position: inside; color: #333; margin-bottom: 0.2rem; }
.list-blod { color: #333; font-weight: 600; }
a.download-old-btn { display: inline-block; border-radius: .1rem; background: linear-gradient(90deg, #2C67FF 0%, #9E62FF 100%); color: #FFF; font-weight: 600; text-decoration: none; padding: 0.15rem 0.2rem; }
a.download-old-btn svg { display: inline-block; transform: translateY(0.02rem); }
a.download-old-btn:hover { border-radius: .1rem; background: linear-gradient(90deg, #0148FF 0%, #8940FF 100%); }

@media screen and (max-width: 980px) {
    .banner, .download-version { width: 90%; }
    .sec1 { background-position: 40%; }
}


@media screen and (max-width: 750px) {
    .sec1 { background: #030204; background-size: cover; padding: 0.8rem 0 0; }
    .banner-text { max-width: 100%; text-align: center; }
    .banner-des { max-width: 100%; }
    .banner-mo { display: block; margin-top: 0.4rem; }
}