@media (max-width: 767px) {/* .S8aoiZzCl 自定义样式*/
.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> */
}}
.SZmPoaP56{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) {.SZmPoaP56{background:rgba(255, 255, 255, 1) url() no-repeat 50% 50% / 100%;}}
.SJoay7vj5{object-fit:cover;max-width:100%;max-height:100%;height:40px;}
@media (max-width: 991px) {.SJoay7vj5{height:40px;}}
.S6yEyfE5f{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.S6yEyfE5f{color:rgba(0, 0, 0, 1);width:200px;}}
.SPPly7UHP{justify-content:flex-end;color:rgba(0, 0, 0, 1);}
.SDmLQEOxR{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SDmLQEOxR{color:rgba(0, 0, 0, 1);width:50px;text-align:right;}}
.S4vvf5lgt{text-align:justify;}
@media (max-width: 991px) {.S4vvf5lgt{color:rgba(0, 0, 0, 1);}}
.STLF26H6m{display:flex;flex-direction:row;padding:9px 15px 9px 15px;}
.SHXs4UJDZ{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SHXs4UJDZ{color:rgba(0, 0, 0, 1);width:90px;text-align:right;}}
/* .S33cfcoFK 自定义样式*/
.S33cfcoFK {
  
/* 请在此处编写样式 */
}
.S33cfcoFK{width:24px;height:24px;}
.S0fZVXNLg{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.S0fZVXNLg{color:rgba(0, 0, 0, 1);width:90px;}}
.SUQGhbpIJ{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SUQGhbpIJ{color:rgba(0, 0, 0, 1);width:90px;}}
/* .SRoKe62KA 自定义样式*/
.SRoKe62KA {
/* <script>
const useBubble = document.createElement("script");
      useBubble.type = "text/javascript";
      useBubble.async = true;
      useBubble.src = "https://v8.whaleonlin.com/yb_solution/addons/ai_service/public/js/showBubble.js?v=4";
      const header = document.getElementsByTagName("head")[0];
      header.appendChild(useBubble);
      setTimeout(() => {
          window.showKAIBubbles("https://v8.whaleonlin.com/yb_solution/h5/1/#/yb_jianzhan/page/ai/AiChat?type=ai_chat&preview=1&hide_back=1&id=1");
      }, 1000);
</script> */
}
.SRoKe62KA{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.SRoKe62KA{color:rgba(0, 0, 0, 1);width:90px;}}
.S6F0M5Ir9{color:rgba(0, 0, 0, 1);}
@media (max-width: 991px) {.S6F0M5Ir9{color:rgba(0, 0, 0, 1);text-align:left;letter-spacing:0px;width:90px;}}
.SkXWCr5N2{background:#0a1220;padding-top:80px;padding-right:0px;padding-bottom:40px;padding-left:0px;}
.SoXgGuXfh{padding:0 24px;margin:0 auto;max-width:1200px;}
.ScEiBan5j{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) {.ScEiBan5j{display:grid;column-gap:48px;row-gap:48px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;}}
@media (max-width: 767px) {.ScEiBan5j{display:grid;column-gap:48px;row-gap:48px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;}}
@media (max-width: 575px) {.ScEiBan5j{display:grid;column-gap:48px;row-gap:48px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;}}
.SqMfqyJnj{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SqMfqyJnj{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SqMfqyJnj{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SqMfqyJnj{grid-column:span 1;grid-row:span 1;}}
.SgZfwxNFu{display:flex;align-items:flex-start;flex-direction:column;}
.Sy6AXp9XI{color:#ffffff;margin-top:0px;margin-bottom:12px;font-size:28px;font-weight:700;line-height:1.3;}
.S5MwLoPbN{color:#1677ff;margin-bottom:20px;font-size:16px;font-weight:500;line-height:1.5;}
.Szndwmu4v{color:#9aa8bf;margin-bottom:20px;font-size:14px;font-weight:400;line-height:1.8;}
.S43u6rNZr{color:#9aa8bf;font-size:14px;font-weight:400;line-height:1.6;}
.SE4oBoTLJ{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SE4oBoTLJ{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SE4oBoTLJ{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SE4oBoTLJ{grid-column:span 1;grid-row:span 1;}}
.SvfF4kFFl{display:flex;align-items:flex-start;flex-direction:column;}
.SXkEgFir0{color:#ffffff;margin-top:0px;margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.5;}
.SiQGzfc2i{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.Stea29JiW{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SlAYDU9a8{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SQ1RL8ekr{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SuWQIwt1Q{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SuWQIwt1Q{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SuWQIwt1Q{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SuWQIwt1Q{grid-column:span 1;grid-row:span 1;}}
.SNnaQ4YUJ{display:flex;align-items:flex-start;flex-direction:column;}
.S4zNn1hQ1{color:#ffffff;margin-top:0px;margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.5;}
.Sb3IJyvWe{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SWg2sp3Jt{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SUv9Rc77I{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.S8M1Xw05w{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SsZcyb7sF{grid-column:span 1;grid-row:span 1;}
@media (max-width: 991px) {.SsZcyb7sF{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 767px) {.SsZcyb7sF{grid-column:span 1;grid-row:span 1;}}
@media (max-width: 575px) {.SsZcyb7sF{grid-column:span 1;grid-row:span 1;}}
.SeU8BX1Tn{display:flex;align-items:flex-start;flex-direction:column;}
.Sq4wXkwAK{color:#ffffff;margin-top:0px;margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.5;}
.STT8AZQ3T{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.So7bXMqnZ{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.STCT42K9g{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.SwnLjkvOR{color:#9aa8bf;font-size:14px;font-weight:400;line-height:2.2;display:block;}
.S7E7JF5yE{background:#1e2a3d;margin-bottom:24px;width:100%;height:1px;}
.SKcPdiRIl{color:#6b7a91;text-align:center;font-size:13px;font-weight:400;line-height:1.6;}
.SKjZ8vulC{width:100%;background:rgba(0,0,0,0) url(https://diy-1256746889.cos.ap-shanghai.myqcloud.com/public/upload/diy/5/17/3f61612b3a01e0bab9b71323f70d2203.png) no-repeat 50% 50% / 100% auto;height:100%;max-height:auto;min-height:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:100px 0px 100px 0px;}
@media (max-width: 991px) {.SKjZ8vulC{background:rgba(0,0,0,0) url(https://quanqiujing-1448432069.cos.ap-guangzhou.myqcloud.com/public/upload/1/8/ddcc109a24288db285862ffb640d0c36.png) no-repeat 50% 50% / cover;}}
@media (max-width: 575px) {.SKjZ8vulC{height:100%;background:rgba(0,0,0,0) url(https://diy-1256746889.cos.ap-shanghai.myqcloud.com/public/upload/diy/5/17/3f61612b3a01e0bab9b71323f70d2203.png) no-repeat 50% 50% / auto 100%;}}
.STOZDHuHo{width:1200px;height:70%;background-color:rgba(255, 255, 255, 1);border-radius:20px;display:flex;flex-direction:column;align-items:center;padding:40px 0px 40px 0px;}
@media (max-width: 991px) {.STOZDHuHo{width:90%;}}
@media (max-width: 575px) {.STOZDHuHo{width:90%;height:740px;}}
.S1FUWT4Oe{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:40px 0px 0px 0px;}
@media (max-width: 575px) {.S1FUWT4Oe{margin:0px 0px 0px 0px;}}
.SL9ovNBeg{font-size:36px;color:rgba(10, 35, 72, 1);}
.SBL5715Ma{color:rgba(33, 37, 41, 1);}
.SDHAWnJ4r{display:flex;flex-direction:row;justify-content:space-around;width:80%;margin:40px 0px 0px 0px;}
@media (max-width: 575px) {.SDHAWnJ4r{margin:20px 0px 0px 0px;display:flex;flex-direction:row;}}
.SDzF53sZD{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.S5PzXiKNu{width:40px;height:40px;}
.STLwDzGaH{width:100%;height:100%;object-fit:cover;}
.SHKZP2DXH{margin:10px 0px 0px 0px;}
@media (max-width: 575px) {.SHKZP2DXH{font-size:12px;}}
.ScWrFEX22{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.Sb0kTG3AY{width:40px;height:40px;}
.S86XudAwt{width:100%;height:100%;object-fit:cover;}
.Se9ytl7ZP{margin:10px 0px 0px 0px;}
@media (max-width: 575px) {.Se9ytl7ZP{font-size:12px;}}
.SC0sODJVA{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.S1IKSJhYT{width:40px;height:40px;}
.S3rSPVMWO{width:100%;height:100%;object-fit:cover;}
.SzD2slZ9c{margin:10px 0px 0px 0px;}
@media (max-width: 575px) {.SzD2slZ9c{font-size:12px;}}
.ShMYrpyuN{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.SkA8u1SgT{width:40px;height:40px;}
.SpJLC6uNp{width:100%;height:100%;object-fit:cover;}
.SJtPZZ8t8{margin:10px 0px 0px 0px;}
@media (max-width: 575px) {.SJtPZZ8t8{font-size:12px;}}
.S9Qp8cXNj{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;}
@media (max-width: 575px) {.S9Qp8cXNj{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}}
.S71aK9h4c{display:flex;flex-direction:row;width:80%;margin:80px 0px 0px 0px;}
@media (max-width: 575px) {.S71aK9h4c{margin:20px 0px 0px 0px;}}
.SxfrQrNVP{width:50%;margin:0px 10px 0px 0px;}
.SQcRATty4{background-color:rgba(237, 241, 245, 1);border:1px none rgb(206,212,218);}
.STjkfacJX{width:50%;color:rgba(58, 130, 248, 1);}
.SlKo0DDz0{color:rgba(51, 51, 51, 1);}
.SIexf6CHg{background-color:rgba(237, 241, 245, 1);border:1px none rgb(206,212,218);}
.SsLCP8RGu{width:80%;margin:20px 0px 0px 0px;}
.SAqR8H0J5{background-color:rgba(237, 241, 245, 1);border:1px none rgb(206,212,218);}
.SBHeNcRnO{width:80%;height:100%;margin:20px 0px 0px 0px;}
.S75vWSkLs{background-color:rgba(237, 241, 245, 1);border:1px none rgb(206,212,218);height:200px;}
.SyV4oMTVH{background-color:rgba(58, 130, 248, 1);border-radius:6px;color:#fff;margin:20px 0px 0px 0px;width:100px;}
.SyV4oMTVH:hover, .SyV4oMTVH.-diy-state-hover{background-color:rgba(58, 130, 248, 0.9);color:#fff;}