.advantage-wrap {
     background: var(--card);
 }

 .syped-head {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     padding: 25px 0px;
 }

 .typed-text {
     display: flex;
 }

 .pic_fl {
     width: 50px;
     height: 50px;
     margin-right: 10px;
 }

 .text_fl {
     flex: 1;
 }

 .text_fl div {
     font-size: 18px;
     color: #333;
     text-align: left;
 }

 .text_fl>p {
     font-size: 14px;
     color: #666;
 }

 .gs-register {
     padding: 64px 0px;
 }

 .gs_form {
     display: flex;
 }

 .gs_tab_pane {
     width: 100%;
     height: 100%;
     padding: 0px 50px;
     box-sizing: border-box;
 }

 .gs_jzzc_fr {
     width: 450px;
     height: 600px;
     background: var(--card);
     box-sizing: border-box;
     margin-left: 20px;
     box-shadow: 0 0 57px rgba(197, 200, 207, .2);
 }

 .gs_jzzc_fl {
     width: 730px;
     height: 600px;
     background: var(--card);
     box-shadow: 0 0 57px rgba(197, 200, 207, .2);
 }

 .gs-register .gs_tab {
     display: flex;
     gap: 0;
     margin-bottom: 24px;
 }

 .gs-register .gs_tab_item {
     padding: 14px 32px;
     cursor: pointer;
     font-size: 16px;
     color: var(--title);
     border-bottom: 2px solid transparent;
     margin-bottom: -1px;
     transition: color .2s, border-color .2s;
     user-select: none;
     width: 50%;
     text-align: center;
 }

 .gs_jzzc_fr h4 {
     width: 100%;
     line-height: 60px;
     background: var(--primary);
     box-sizing: border-box;
     text-align: center;
     font-size: 19px;
     color: var(--card);
     border-radius: 50px;
 }

 .gs-register .gs_tab_item:hover {
     color: var(--cta, #ff7d00);
 }

 .gs-register .gs_tab_item:hover {
     color: var(--cta, #ff7d00);
 }

 .gs-register .gs_tab_item.active {
     color: var(--card);
     font-weight: 600;
     background: var(--primary);
 }

 .gs-register .gs_tab_content {
     display: none;
 }

 .gs-register .gs_tab_content.active {
     display: block;
     animation: gsFade .25s ease;
 }

 .tban {
     text-align: right;
     line-height: 48px;
 }

 .tban>a {
     width: 170px;
     height: 48px;
     line-height: 48px;
     text-align: center;
     font-size: 16px;
     color: #fff;
     background: #ff6c2a;
     border-radius: 6px;
     box-shadow: 0 0 18px rgba(242, 117, 63, .3);
     cursor: pointer;
     float: right;
 }

 .gs_tab_content ul {
     display: flex;
     padding-top: 60px;
     gap: 20px;
     width: 100%;
     justify-content: space-between;
 }

 .gs_tab_content ul>li {
     width: 200px;
     height: auto;
     text-align: center;

 }

 .gs_tab_content ul>li img {
     width: 100%;
 }

 .gs_tab_content ul>li a {
     font-size: 14px;
     color: #333;
     text-align: center;
     line-height: 1;
     padding-top: 16px;
     cursor: pointer;
     line-height: 48px;
 }

 .form_text {
     padding-left: 36px;
     margin-top: 28px;
 }

 .form_text_rl span {
     font-size: 14px;
     color: #333;
     display: inline-block;
     padding-right: 18px;
 }

 .form_text_rl {
     padding-bottom: 20px;
 }

 .form_text_rl span em {
     color: var(--cta, #ff7d00);
 }

 .form_text_rl input {
     display: inline-block;
     height: 42px;
     width: 271px;
     line-height: 42px;
     padding-left: 15px;
     border: 1px solid #e2e2e2;
     outline: none;
     font-size: 14px;
     color: #333;
 }

 .notice-btn {
     width: 271px;
     height: 48px;
     line-height: 48px;
     background: var(--cta);
     border-radius: 6px;
     text-align: center;
     font-size: 16px;
     color: #fff;
     box-shadow: 0 0 18px rgba(242, 117, 63, .3);
     margin-top: 40px;
     margin-left: 82px;
     cursor: pointer;
     border: none;
 }

 .gsbg-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 20px;
     margin-top: 40px;
     padding: 0px 20px;
 }

 .hot-li {
     color: var(--card);
     padding: 32px 34px 10px;
 }

 .hot-li p {
     font-size: 28px;
     color: #fff;
 }

 .hot-li .hot-inner-des {
     font-size: 16px;
     color: #fff;
     margin-bottom: 12px;
 }

 .hot-li .hot-inner-des span {
     display: inline-block;
     color: var(--cta);
     ;
     font-size: 14px;
     background: #fff;
     padding: 1px 10px;
     border-radius: 14px;
     margin-right: 6px;
 }

 .hot-fl-bottom {
     padding: 0 42px;
     box-sizing: border-box;
     box-shadow: rgba(142, 142, 142, 0.19) 0px 6px 15px 0px;
     -webkit-box-shadow: rgba(142, 142, 142, 0.19) 0px 6px 15px 0px;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     color: rgba(255, 255, 255, 0.75);
     padding-bottom: 30px;
 }

 .hot-fl-bottom .hot-fl-text {
     border-bottom: 1px solid #e2e2e2;
     font-size: 16px;
     color: #333;
     padding: 32px 0;
     margin-bottom: 20px;
     display: flex;
     justify-content: space-around;
 }

 .hot-fl-flex {
     display: flex;
     justify-content: space-around;
 }

 .hot-fl-flex>li {
     color: var(--cta);
 }

 .hot-fl-flex>li dl>dd {
     font-size: 14px;
     ;
     margin-bottom: 12px;
 }

 .hot-fl-flex>li dl>dd small {
     display: inline-block;
     color: var(--cta);
     font-size: 14px;
     margin-right: 6px;
 }

 .hot-fl-btn,
 .hot-ri-btn {
     width: 260px;
     height: 48px;
     line-height: 48px;
     text-align: center;
     border-radius: 6px;
     font-size: 16px;
     color: #fff;
     background: var(--cta);
     box-shadow: 0 0 18px rgba(1, 204, 168, .3);
     cursor: pointer;
     margin: 40px 0 0 105px;
 }

 .hot-ri-bottom {
     box-shadow: rgba(142, 142, 142, 0.19) 0px 6px 15px 0px;
     -webkit-box-shadow: rgba(142, 142, 142, 0.19) 0px 6px 15px 0px;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     color: rgba(255, 255, 255, 0.75);
     padding: 0px 30px;
     padding-bottom: 42px;
 }

 .hot-ri-text {
     display: flex;
     justify-content: space-evenly;
     padding: 60px 0 42px;
 }

 .hot-ri-text a {
     color: #333;
 }

 .hot-ri-flex {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     justify-content: center;
 }

 .hot-ri-flex li {
     line-height: 40px;
     color: var(--primary);
 }

 .hot-ri-flex li.active {
     background: var(--primary);
     color: #fff;
     border-radius: 50px;
 }

 .hot-ri-flex li a {
     border: 1px solid var(--primary);
     border-radius: 50px;
     padding: 10px 20px;
 }

 .hot-ri-btn {
     background: var(--primary);
 }









 @keyframes gsFade {
     from {
         opacity: 0;
         transform: translateY(6px);
     }

     to {
         opacity: 1;
         transform: none;
     }
 }

 /* ============================================================
   jz_tabs 五栏选项卡（蓝底区域）：上下布局，hover 自动切换
   ------------------------------------------------------------
   用法：ul.clearfix > li[data-target] 横排标题（首个 .active）
        .jz_tabs-content > .jz_tab_pane[id] 内容面板（首个 .active）
   ============================================================ */
 .jz_tabs ul.clearfix {
     display: flex;
     margin-bottom: 0;
     padding: 0;
     list-style: none;
 }

 .jz_tabs ul.clearfix li {
     cursor: pointer;
     font-size: 15px;
     color: rgba(255, 255, 255, .75);
     background: rgba(255, 255, 255, .1);
     border: 1px solid transparent;
     border-bottom: none;
     transition: color .2s, background .2s;
     user-select: none;
     width: 100%;
     height: 50px;
     text-align: center;
     line-height: 50px;
 }

 .jz_tabs ul.clearfix li:hover {
     color: #fff;
     background: rgba(255, 255, 255, .2);
 }

 .jz_tabs ul.clearfix li.active {
     color: var(--primary, #165dff);
     background: #fff;
     font-weight: 600;
 }

 .jz_tabs-content {
     padding: 32px;
     min-height: 280px;
 }

 .jz_tabs-content .jz_tab_pane {
     display: none;
 }

 .jz_tabs-content .jz_tab_pane.active {
     display: block;
     animation: gsFade .25s ease;
 }

 .text-top {
     text-align: center;
     color: #fff;
     margin-bottom: 50px;
 }

 .text-top>h4 {
     font-size: 18px;
     color: #fff;
     padding: 50px 0 24px;
     text-align: center;
 }

 .jz-steps {
     list-style: none;
     display: grid;
     grid-template-columns: repeat(6, 1fr);
     gap: 20px;
     margin: 0;
     padding: 0;
 }

 .jz-steps li {
     background: var(--card);
     padding: 15px;
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     justify-content: center;
     text-align: center;
 }

 .jz-steps li .num {
     margin-bottom: 8px;
     border-radius: 50%;
     background: var(--primary);
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     color: var(--card);
     font-weight: 500;
 }

 .jz-steps li p {
     font-size: 14px;
     color: var(--text);
     line-height: 1.7;
     margin: 0;
 }

 .jz-steps li b {
     width: 100%;
 }

 /* 资料 / 保障清单 */
 .jz-docs {
     list-style: none;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 14px 32px;
     margin: 0;
     padding: 0;
 }

 .jz-docs li {
     font-size: 15px;
     color: var(--text, #333);
     display: flex;
     align-items: center;
 }

 .jz-docs li .chk {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 22px;
     height: 22px;
     border-radius: 50%;
     background: rgba(22, 93, 255, .1);
     color: var(--primary, #165dff);
     font-size: 12px;
     margin-right: 10px;
     flex: none;
 }

 .jz-material {
     display: flex;
     gap: 25px;
 }

 .jz-material>li {
     width: 220px;
 }

 .jz-material>li .material-pic {
     width: 100%;
     height: 270px;
     background: var(--primary-hover);
 }

 .jz-material>li .material-pic img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .jz-material>li p {
     font-size: 16px;
     color: var(--card);
     text-align: center;
     padding-top: 20px;
 }

 /* FAQ */
 .jz-faq {
     list-style: none;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 18px 32px;
     margin: 0;
     padding: 0;
 }

 .jz-faq li {
     background: var(--bg, #f7f9fc);
     border-radius: 10px;
     padding: 18px 20px;
 }

 .jz-faq li b {
     display: block;
     font-size: 15px;
     color: var(--text, #333);
     margin-bottom: 8px;
 }

 .jz-faq li p {
     font-size: 13px;
     color: var(--muted, #666);
     line-height: 1.7;
     margin: 0;
 }

 @media (max-width:900px) {
     .jz-steps {
         grid-template-columns: repeat(2, 1fr);
     }

     .jz-docs,
     .jz-faq {
         grid-template-columns: 1fr;
     }

     .jz-split {
         grid-template-columns: 1fr !important;
     }
 }

 /* 分工清单：左右两栏（你需要做的 / 我需要做的） */
 .jz-split {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 24px;
 }

 .jz-col {
     padding: 24px;
 }

 /* 栏头：圆形图标 + 标题/副标题 */
 .jz-col-head {
     display: flex;
     align-items: center;
     gap: 14px;
     padding-bottom: 18px;
     margin-bottom: 18px;
     border-bottom: 1px dashed var(--line, #e3e7ef);
 }

 .jz-col-head .jz-col-ic {
     flex: none;
     width: 46px;
     height: 46px;
     border-radius: 50%;
     color: #fff;
     font-size: 18px;
     font-weight: 700;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .jz-col-head b {
     display: block;
     font-size: 17px;
     color: var(--card);
     margin-bottom: 3px;
 }

 .jz-col-head p {
     margin: 0;
     font-size: 13px;
     color: var(--card);
 }

 .jz-col-user .jz-col-ic {
     background: var(--primary, #165dff);
 }

 .jz-col-agency .jz-col-ic {
     background: var(--cta, #ff7d00);
 }

 /* 纵向步骤列表（覆盖 3 列网格） */
 .jz-split .jz-steps-v {
     grid-template-columns: repeat(2, 1fr);
 }

 .jz-split .jz-steps-v li {
     display: flex;
     flex-direction: column;
     background: #fff;
     border: 1px solid var(--line, #eef0f4);
     padding: 16px 18px;
     margin-bottom: 12px;
 }

 .jz-split .jz-steps-v li .num {
     margin-bottom: 8px;
     border-radius: 50%;
     background: var(--primary);
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     color: var(--card);
     font-weight: 500;
 }

 /* 右栏序号用橙色区分 */
 .jz-col-agency .jz-steps-v li .num {
     background: var(--cta, #ff7d00);
 }

 @media (max-width:560px) {
     .jz-col {
         padding: 18px;
     }
 }

 @media (max-width:560px) {
     .jz-steps {
         grid-template-columns: 1fr;
     }

     .jz_tabs ul.clearfix li {
         padding: 10px 16px;
         font-size: 14px;
     }

     .jz_tabs-content {
         padding: 20px;
     }
 }