@media (max-width: 767px) {/* .SpvFIsP5k 自定义样式*/
.SM9x2w9uu {
/* <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模块01 - 导航栏 | 全球鲸</title>
    <link rel="stylesheet" href="base.css">
    <style>body { background: var(--dark); padding-top: 80px; }</style> */
}}
.Sd38YIjt5{background:rgba(255, 255, 255, 1) url() no-repeat 50% 50% / cover;padding:0 48px;width:100%;height:64px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0px;z-index:100;border-bottom:1px solid rgba(255,255,255,0.08);}
@media (max-width: 991px) {.Sd38YIjt5{background:rgba(255, 255, 255, 1) url() no-repeat 50% 50% / 100%;}}
.SiBXSCsPx{object-fit:cover;max-width:100%;max-height:100%;height:40px;}
@media (max-width: 991px) {.SiBXSCsPx{height:40px;}}
.SUBCAh3di{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SUBCAh3di{color:rgba(0, 0, 0, 1);width:200px;}}
.SIaIDqluB{justify-content:flex-end;color:rgba(0, 0, 0, 1);}
.SavBp3nZS{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SavBp3nZS{color:rgba(0, 0, 0, 1);width:50px;text-align:right;}}
.SVEecDXlD{text-align:justify;}
@media (max-width: 991px) {.SVEecDXlD{color:rgba(0, 0, 0, 1);}}
.SOwA8aKCZ{display:flex;flex-direction:row;padding:9px 15px 9px 15px;}
.S2PCrr3Kt{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.S2PCrr3Kt{color:rgba(0, 0, 0, 1);width:90px;text-align:right;}}
/* .SwKPqXyiK 自定义样式*/
.SwKPqXyiK {
  
/* 请在此处编写样式 */
}
.SwKPqXyiK{width:24px;height:24px;}
.SSkKx5n00{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SSkKx5n00{color:rgba(0, 0, 0, 1);width:90px;}}
.S2KoVtnbg{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.S2KoVtnbg{color:rgba(0, 0, 0, 1);width:90px;}}
.SG23sBPSQ{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SG23sBPSQ{color:rgba(0, 0, 0, 1);width:90px;}}
.Sl8bukH3f{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.Sl8bukH3f{color:rgba(0, 0, 0, 1);text-align:left;letter-spacing:0px;width:90px;}}
.SKGJARTlW{background:#0a1220;padding-top:80px;padding-right:0px;padding-bottom:40px;padding-left:0px;}
.SDsoL8byg{padding:0 24px;margin:0 auto;max-width:1200px;}
.STByJer3u{margin-bottom:40px;padding:20px;display:grid;column-gap:48px;row-gap:48px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;}
@media (max-width: 991px) {.STByJer3u{display:grid;column-gap:48px;row-gap:48px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;}}
@media (max-width: 767px) {.STByJer3u{display:grid;column-gap:48px;row-gap:48px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;}}
@media (max-width: 575px) {.STByJer3u{display:grid;column-gap:48px;row-gap:48px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;}}
.ScM4w3N1l{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.ScM4w3N1l{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.ScM4w3N1l{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.ScM4w3N1l{grid-column:span 1;grid-row:span 1;}}
.SbVIT4WJs{display:flex;align-items:flex-start;flex-direction:column;}
.S4tI3Tjta{color:#ffffff;margin-top:0px;margin-bottom:12px;font-size:28px;font-weight:700;line-height:1.3;}
.SdpS0w0L2{color:#1677ff;margin-bottom:20px;font-size:16px;font-weight:500;line-height:1.5;}
.Squ8AZlFu{color:#9aa8bf;margin-bottom:20px;font-size:14px;font-weight:400;line-height:1.8;}
.Sqb28AtMM{color:#9aa8bf;font-size:14px;font-weight:400;line-height:1.6;}
.SEkFffQp9{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SEkFffQp9{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SEkFffQp9{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SEkFffQp9{grid-column:span 1;grid-row:span 1;}}
.SHx3i9rrD{display:flex;align-items:flex-start;flex-direction:column;}
.SlvgQBhcD{color:#ffffff;margin-top:0px;margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.5;}
.SNVfTDRZc{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SoiRXxhVY{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SfuSUnp8I{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SyRJdQ1sA{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SOe8s0WTw{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SOe8s0WTw{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SOe8s0WTw{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SOe8s0WTw{grid-column:span 1;grid-row:span 1;}}
.SjN7z3kXu{display:flex;align-items:flex-start;flex-direction:column;}
.Sf3TwCXXD{color:#ffffff;margin-top:0px;margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.5;}
.SNaY2kav0{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SRhHJahLV{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.Slqj25mRa{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.S5ontWzvI{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.S3afuZ8E2{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.S3afuZ8E2{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.S3afuZ8E2{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.S3afuZ8E2{grid-column:span 1;grid-row:span 1;}}
.SPE5HbHnJ{display:flex;align-items:flex-start;flex-direction:column;}
.S7XmDT27Z{color:#ffffff;margin-top:0px;margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.5;}
.S5qDfZFpi{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.Sr25na9oV{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.StLaGSi8l{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SZGQIH1ZS{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SwV0ihcbS{background:#1e2a3d;margin-bottom:24px;width:100%;height:1px;}
.SNHqtHP1y{color:#6b7a91;text-align:center;font-size:13px;font-weight:400;line-height:1.6;}
.SexPxBacl{padding:60px 0px 60px 0px;width:100%;background:rgba(231, 231, 231, 1) url() no-repeat 50% 50% / 100%;}
@media (max-width: 991px) {.SexPxBacl{background:rgba(255, 255, 255, 1) url() no-repeat 50% 50% / 100%;height:700px;}}
@media (max-width: 767px) {.SexPxBacl{padding:20px 0px 20px 0px;}}
@media (max-width: 575px) {.SexPxBacl{padding:10px 0px 10px 0px;}}
.Skg2jZDQP{max-width:1200px;padding:0px 0px 0px 0px;margin:0 auto;flex-direction:column;display:flex;align-items:center;}
@media (max-width: 991px) {.Skg2jZDQP{padding:0px 20px 0px 20px;}}
@media (max-width: 767px) {.Skg2jZDQP{padding:0px 12px 0px 12px;}}
.SP52j8ACo{padding:0px 0px 0px 0px;width:100%;flex-direction:column;display:flex;justify-content:center;align-items:center;}
.SIjxRulR3{word-break:break-all;font-size:40px;color:rgba(58, 130, 248, 1);}
@media (max-width: 991px) {.SIjxRulR3{color:rgba(58, 130, 248, 1);}}
@media (max-width: 767px) {.SIjxRulR3{font-size:24px;}}
@media (max-width: 575px) {.SIjxRulR3{font-size:16px;}}
.SY6yozqHK{word-break:break-all;font-size:20px;color:rgba(154, 154, 154, 1);margin:8px 0px 0px 0px;}
@media (max-width: 575px) {.SY6yozqHK{font-size:12px;margin:8px 0px 0px 0px;}}
.SSce56Q3q{width:100%;flex-direction:row;display:flex;align-items:center;margin:40px 0px 0px 0px;}
@media (max-width: 767px) {.SSce56Q3q{flex-direction:column;margin:20px 0px 0px 0px;}}
@media (max-width: 575px) {.SSce56Q3q{margin:10px 0px 0px 0px;}}
.SJFsSfN5M{padding:0px 0px 0px 0px;display:grid;column-gap:16px;row-gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;width:100%;margin:0px 0px 0px 0px;}
@media (max-width: 991px) {.SJFsSfN5M{padding:0px 0px 0px 0px;display:grid;column-gap:16px;row-gap:16px;grid-template-columns:0.5fr 1fr;grid-template-rows:auto;}}
@media (max-width: 767px) {.SJFsSfN5M{padding:0px 0px 0px 0px;display:grid;column-gap:16px;row-gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:auto;}}
@media (max-width: 575px) {.SJFsSfN5M{padding:0px 0px 0px 0px;display:grid;column-gap:16px;row-gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:auto;}}
.SgUTk6guj{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SgUTk6guj{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SgUTk6guj{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SgUTk6guj{grid-column:span 1;grid-row:span 1;}}
.S2Nq4FD5v{width:100%;}
.Ss3B3NtEr{width:500px;}
.SoDU4JxYU{font-size:30px;font-weight:700;}
@media (max-width: 991px) {.SoDU4JxYU{font-size:28px;width:400px;font-weight:700;}}
.SjWnoT47z{word-break:break-word;}
.SudLa1kia{width:100%;}
@media (max-width: 991px) {.SudLa1kia{height:40px;}}
.Sffr8iYHs{max-width:1200px;margin:0 auto;}
@media (max-width: 991px) {.Sffr8iYHs{background:rgba(238, 238, 238, 1) url() no-repeat 50% 50% / 100%;text-overflow:clip;overflow:auto;}}
.SbnXuAtfA{width:100%;}
@media (max-width: 991px) {.SbnXuAtfA{height:40px;}}
.SYlFLmlba{max-width:1200px;margin:0 auto;}
@media (max-width: 991px) {.SYlFLmlba{background:rgba(238, 238, 238, 1) url() no-repeat 50% 50% / 100%;text-overflow:clip;overflow:auto;}}
.S8ZtZ7Got{width:100%;}
@media (max-width: 991px) {.S8ZtZ7Got{height:40px;}}
.S0KlhY4t3{max-width:1200px;margin:0 auto;}
@media (max-width: 991px) {.S0KlhY4t3{background:rgba(238, 238, 238, 1) url() no-repeat 50% 50% / 100%;text-overflow:clip;overflow:auto;}}
.SHPY5NS7r{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SHPY5NS7r{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SHPY5NS7r{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SHPY5NS7r{grid-column:span 1;grid-row:span 1;}}
.SqhHbB1W8{width:100%;}
.SfenHyokP{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SfenHyokP{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SfenHyokP{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SfenHyokP{grid-column:span 1;grid-row:span 1;}}
.S2BScrp8f{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.S2BScrp8f{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.S2BScrp8f{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.S2BScrp8f{grid-column:span 1;grid-row:span 1;}}
.SBi3wbZDB{width:100%;}
.SGVI7Flln{width:100%;flex-direction:row;display:flex;justify-content:flex-start;align-items:center;}
.SiUVfG8av{width:100%;height:360px;margin:0px 0px 0px 60px;}
@media (max-width: 991px) {.SiUVfG8av{margin:0px 0px 0px 40px;}}
@media (max-width: 767px) {.SiUVfG8av{margin:20px 0px 0px 0px;height:240px;}}
@media (max-width: 575px) {.SiUVfG8av{height:180px;}}
.SlY1Ii4e0{width:100%;height:120%;object-fit:cover;}
@media (max-width: 991px) {.SlY1Ii4e0{object-fit:fill;}}
.SVSg5h4Ku{width:100%;}
.S8vZ1VYA0{width:100%;background-color:rgba(248, 251, 255, 1);padding:60px 0px 60px 0px;font-size:16px;}
@media (max-width: 767px) {.S8vZ1VYA0{padding:40px 0px 40px 0px;}}
@media (max-width: 575px) {.S8vZ1VYA0{padding:20px 0px 20px 0px;height:100%;}}
.S2hza7z12{max-width:1200px;margin:0 auto;flex-direction:column;display:flex;align-items:center;}
@media (max-width: 991px) {.S2hza7z12{background:rgba(222,222,222,1) url(https://quanqiujing-1448432069.cos.ap-guangzhou.myqcloud.com/public/upload/1/1/3520338a52324b15acd1973b3dfba7d9.png) no-repeat 50% 50% / cover;}}
.Sg9c3ngIm{width:100%;flex-direction:column;display:flex;align-items:center;font-size:30px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.SiOIpfBnq{margin:0px 0px 4px 0px;font-size:32px;}
@media (max-width: 767px) {.SiOIpfBnq{font-size:24px;}}
@media (max-width: 575px) {.SiOIpfBnq{font-size:18px;}}
.Sdg5vIs4G{font-size:16px;color:rgba(102, 102, 102, 1);}
@media (max-width: 575px) {.Sdg5vIs4G{font-size:12px;}}
.SuFsJ8657{padding:0px 0px 0px 0px;display:grid;column-gap:43px;row-gap:16px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;margin:60px 0px 0px 0px;}
@media (max-width: 991px) {.SuFsJ8657{padding:0px 20px 0px 20px;display:grid;column-gap:16px;row-gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:auto;}}
@media (max-width: 767px) {.SuFsJ8657{padding:0px 20px 0px 20px;display:grid;column-gap:16px;row-gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:auto;}}
@media (max-width: 575px) {.SuFsJ8657{padding:0px 10px 0px 10px;display:grid;column-gap:10px;row-gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:auto;margin:20px 0px 0px 0px;height:100%;width:100%;}}
@media (max-width: 575px) {.SkoDBuonk{height:auto;}}
.SsF7rc6QC{width:100%;border-radius:8px;background-color:rgba(255, 255, 255, 1);flex-direction:column;display:flex;align-items:center;padding:46px 20px 27px 20px;box-shadow:0px 0px 4px 2px rgba(0,132,255,0.1);}
@media (max-width: 991px) {.SsF7rc6QC{opacity:1;}}
@media (max-width: 767px) {.SsF7rc6QC{height:100%;}}
@media (max-width: 575px) {.SsF7rc6QC{height:100%;padding:10px 10px 10px 10px;}}
.SAvoliaSY{object-fit:cover;max-width:100%;max-height:100%;width:86px;height:83px;}
@media (max-width: 991px) {.SAvoliaSY{width:86px;height:83px;opacity:1;}}
.SVXO1fPIb{margin:20px 0px 10px 0px;font-size:18px;color:rgba(51, 51, 51, 1);padding:0px 0px 0px 0px;}
@media (max-width: 575px) {.SVXO1fPIb{font-size:14px;}}
.SPtwUZx2n{color:rgba(102, 102, 102, 1);padding:0px 0px 0px 0px;display:block;font-size:14px;text-align:left;}
@media (max-width: 991px) {.SPtwUZx2n{text-align:left;opacity:0;}}
.S5IWuBHol{width:100%;border-radius:8px;background-color:rgba(255, 255, 255, 1);flex-direction:column;display:flex;align-items:center;padding:46px 20px 27px 20px;box-shadow:0px 0px 4px 2px rgba(0, 132, 255, 0.1);}
@media (max-width: 767px) {.S5IWuBHol{height:100%;}}
@media (max-width: 575px) {.S5IWuBHol{height:100%;padding:10px 10px 10px 10px;}}
.S9xHIoXS6{object-fit:cover;max-width:100%;max-height:100%;width:86px;height:83px;}
.SSSidvHKc{margin:20px 0px 10px 0px;font-size:18px;color:rgba(51, 51, 51, 1);padding:0px 0px 0px 0px;}
@media (max-width: 575px) {.SSSidvHKc{font-size:14px;}}
.SaTtH2Tqa{color:rgba(102, 102, 102, 1);padding:0px 0px 0px 0px;display:block;font-size:14px;text-align:left;}
.SQJ7Apwdf{width:100%;border-radius:8px;background-color:rgba(255, 255, 255, 1);flex-direction:column;display:flex;align-items:center;padding:46px 20px 27px 20px;box-shadow:0px 0px 4px 2px rgba(0, 134, 255, 0.1);}
@media (max-width: 767px) {.SQJ7Apwdf{height:100%;}}
@media (max-width: 575px) {.SQJ7Apwdf{height:100%;padding:10px 10px 10px 10px;}}
.SVyoJg7HU{object-fit:cover;max-width:100%;max-height:100%;width:86px;height:83px;}
.SxVxrUyfA{margin:20px 0px 10px 0px;font-size:18px;color:rgba(51, 51, 51, 1);padding:0px 0px 0px 0px;}
@media (max-width: 575px) {.SxVxrUyfA{font-size:14px;}}
.SCsm1Ez9C{color:rgba(102, 102, 102, 1);padding:0px 0px 0px 0px;display:block;font-size:14px;text-align:left;}
.SNWresVpl{width:100%;border-radius:8px;background-color:rgba(255, 255, 255, 1);flex-direction:column;display:flex;align-items:center;padding:46px 20px 27px 20px;box-shadow:0px 0px 4px 2px rgba(0, 132, 255, 0.1);opacity:1;}
@media (max-width: 767px) {.SNWresVpl{height:100%;}}
@media (max-width: 575px) {.SNWresVpl{height:100%;padding:10px 10px 10px 10px;}}
.ScsCKSa5D{object-fit:cover;max-width:100%;max-height:100%;width:86px;height:83px;}
.SkMsGd1si{margin:20px 0px 10px 0px;font-size:18px;color:rgba(51, 51, 51, 1);padding:0px 0px 0px 0px;}
@media (max-width: 575px) {.SkMsGd1si{font-size:14px;}}
.So4nk0aY6{color:rgba(102, 102, 102, 1);padding:0px 0px 0px 0px;display:block;font-size:14px;text-align:left;}
.SGEtF7Onr{width:100%;flex-direction:row;display:flex;justify-content:center;}
.SVTb5YJfu{border-radius:8px;color:rgba(255, 255, 255, 1);display:inline-flex;align-items:center;justify-content:center;padding:9px 10px 9px 10px;font-size:20px;margin:60px 0px 0px 0px;border:1px solid rgba(0, 132, 255, 1);background-color:rgba(0, 132, 255, 1);}
.SVTb5YJfu:hover, .SVTb5YJfu.-diy-state-hover{background-color:rgba(58, 130, 248, 0.9);color:rgba(255, 255, 255, 1);display:inline-flex;align-items:center;justify-content:center;}
@media (max-width: 767px) {.SVTb5YJfu{margin:20px 0px 0px 0px;font-size:14px;}}
@media (max-width: 575px) {.SVTb5YJfu{font-size:14px;}}
.S87iX8lTs{border-radius:8px;color:rgba(0, 132, 255, 1);display:inline-flex;align-items:center;justify-content:center;padding:9px 10px 9px 10px;font-size:20px;margin:60px 0px 0px 40px;border:1px solid rgba(0, 132, 255, 1);}
.S87iX8lTs:hover, .S87iX8lTs.-diy-state-hover{background-color:rgba(58, 130, 248, 0.9);color:rgba(255, 255, 255, 1);display:inline-flex;align-items:center;justify-content:center;}
@media (max-width: 767px) {.S87iX8lTs{margin:20px 0px 0px 20px;font-size:14px;}}
@media (max-width: 575px) {.S87iX8lTs{font-size:14px;}}