* {
    margin: 0;
    padding: 0;
}
li{
    list-style:none;
}
a{
    text-decoration:none;
    cursor:pointer;
    color:#222;
}
a:hover{
    text-decoration:none;
}
input[type=text]{
    -webkit-appearance:none;
    -webkit-border-radius:0;
    outline:0;
}
select{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline:0;
}
ul{
    margin:0 auto;
    padding:0;
}
img{
    max-width:100%;
}
.clearfix:after{
    clear:both;
    display:block;
    visibility:hidden;
    height:0;
    content:"";}
.clearfix{
    *zoom:1;
}
h1,h2,h3,h4,h5,h6{margin: 0px;padding: 0px;}
.fl{float: left;}
.fr{float: right;}
section{
    background: url(../img/content.png)no-repeat center top;
    background-size: 100%;
  }
body{margin: 0px;padding: 0px;}
.tit{
    width: 100%;
    height: 2.6rem;
    line-height: 2.3rem;
    font-size: 1.05rem;
    background: url(../img/tit.png)no-repeat center;
    background-size: 30%;
    color: #323232;
    text-align: center;
    font-weight: bold;
    margin-top: 0.4rem;
}
.tit span{
    width: 5.0rem;
    height: 1.65rem;
    background-size: 100%;
    display: block;
    margin: 0px auto;
}
.tit p{
    font-size: 1.05rem;
    color: #323232;
    text-align: center;
    font-weight: bold;
    margin: 0px;
}
.ban{
    width:100%;
    height:14.0rem;
    background-image:url('../img/banner.png');
    background-repeat:no-repeat;
    background-size:100%;
    padding-left:0rem;
    box-sizing: border-box;
    line-height: 0.95rem;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.banner_btn {
    width: 8.5rem;
    height: 2.25rem;
    border-radius: 10rem;
    font-size: .75rem;
    color: #ffff;
    font-weight: bold;
    text-align: center;
    line-height: 2.25rem;
    margin: 13.2rem 5.125rem 0px 5.125rem;
}
.one{
    width: 18.75rem;
    margin: -2rem auto 0rem;
    padding-bottom: 0rem;
    padding-top:0rem;
    box-sizing:border-box;
}

  .one-container {
            width: 18.75rem;
            overflow: hidden;
            position: relative;
        }

        /* --- Header Section --- */
        .one-header {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0.5rem 0.5rem;
            position: relative;
        }
        .one-logo-area{
            width:5.0rem;
            height:2.5rem;
             background: url(../img/one-logo-area.png)no-repeat center;
             background-size: 100%;
        }


        .one-header-label {
            width:9.25rem;
            height:1.75rem;
            line-height:1.6rem;
            background: url(../img/one-header-label.png)no-repeat center;
             background-size: 100%;
            color: #fff;
            font-size: 0.9rem;
                text-align: center;
            box-sizing:border-box;
        }

        /* --- Main Content Card --- */
        .one-card {
            background: url(../img/one-card.png)no-repeat center top;
             background-size: 100%;
            margin: 0 0.5rem 0rem 0.5rem; /* Margin sides and bottom */
            padding: 0.75rem 0.5rem 0.8rem;
            box-sizing:border-box;
        }

        /* --- Stats Grid --- */
        .one-stats-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0.4rem;
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .one-stats-item {
           background: url(../img/one-stats-item.png)no-repeat center;
             background-size: 100%;
            color: white;
            font-size: 0.7rem;
            padding: 0.45rem 0.2rem;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        /* --- Sub Title (Flag + Text) --- */
        .one-sub-title {
            display: flex;
            align-items: center;
            margin: 0.75rem 0 0.5rem;
            padding-left: 0.2rem;
        }

        .one-flag-icon {
            width: 1.2rem;
            height: 1.2rem;
            margin-right: 0.4rem;
            /* Simple CSS Flag of Panama simulation */
            background: url(../img/one-flag-icon.png)no-repeat center;
             background-size: 100%;
            position: relative;
            overflow: hidden;

        }



        .one-sub-title-text {
            color: #095ec9;
            font-weight: 800;
            font-size: 0.9rem;

        }

        /* --- Law Content Box (Brown/Gold) --- */
        .one-law-box {
            background-color: #9d844d; /* Fallback */
            background: linear-gradient(135deg, #a68d55 0%, #8c733f 100%);
            border-radius: 0.4rem;
            padding: 0.75rem 0.6rem 0.75rem 0.6rem; /* Extra bottom padding for button */
            color: #fff;
            font-size: 0.7rem;
            line-height: 1rem;
            position: relative;
            box-sizing:border-box;
        }

        .one-law-text {
            margin-bottom: 0.5rem;
            text-align: justify;
        }
    .one-law-text:nth-child(3){
        margin-bottom: 0rem;
    }
        .one-law-list {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .one-law-list li {
            margin-bottom: 0.2rem;
        }

        /* --- CTA Button --- */
        .one-cta-btn {
            display: block;
            width: 8.75rem;
            height:1.875rem;
            line-height:1.875rem;
            margin: 0.375rem auto 0 auto;
              background: url('../img/one-cta-btn.png')no-repeat center;
            background-size: 100%;
            color: #4b3500;
            font-weight: 900;
            font-size:0.875rem;

            cursor: pointer;
            text-align: center;

            text-decoration: none;
            box-sizing:border-box;
        }


.one_btn{
    width: 13.75rem;
    height: 2.5rem;
    background: url('../img/one_btn.png')no-repeat center;
    background-size: 100%;
    font-size: 0.75rem;
    color: #fff;
    text-align: center;
    line-height: 2.55rem;
    margin: 3.0rem auto 0rem;
}


.ym_form{
    padding: 1rem 0px;
    background: #fff;
    border-radius: .3rem;
    width: 17.25rem;
    margin: auto;
    margin-top: -6rem;
    border:1px solid #ededee;
}
.ym_form h3{
    font-size: .9rem;
    color: #323232;
    text-align: center;
    font-weight: bold;
    margin: .5rem 0px 0rem 0px;
}
.ym_form i{

    margin:0.2rem auto 0.5rem;
    display: block;
    width: 3.05rem;
    height: 0.1rem;
    background:#2d3859;

}
.ym_form input{
    width: 12.3rem;
    height: 2.1rem;
    padding-left: 0.7rem;
    border: none;
    background: #dadadf;
    margin: 0rem 2.125rem 0.5rem 2.125rem;
    font-size: .6rem;
    line-height: 2.1rem;
}
.ym_form_btn{
    width: 13.1rem;
    height:2.35rem;
    background: url('../img/ym_form_btn.png')no-repeat center;
    margin: .6rem 2.125rem 0.5rem 2.125rem;
    font-size: .75rem;
    color: #fff;
    text-align: center;
    line-height: 2.35rem;
    background-size: 100%;
}
.two{
    width: 18.75rem;
    height: 19rem;
    background: url('../img/two_info.png')no-repeat top;
    margin: auto;
    margin-top: 1.5rem;
    background-size: 100%;
    padding-top: 1.4rem;
}
.two .tit p{
    color:#353535;
}
.two_info{
    width: 17.25rem;
    height: 15rem;
    margin: 0px .75rem;
}
.two_info_top{
    width: 17.25rem;
    height: 1.1rem;
    background: #eeeeee;
    margin-top: 2.3rem;
}
.two_info_top li{
    width: 3.42rem;
    height: 1.1rem;
    font-size: .8rem;
    color: #323232;
    text-align: center;
    line-height: 1.1rem;
    border-right: 1px solid #e5dede;
}
@media only screen and (max-width: 420px){
    .two_info_top li {
        width: 3.41rem;
    }
}
.two_top_hover{
    background: url('../img/two_top_hover.png')no-repeat center;
    background-size: 100%;
    color: #fff!important;
    height: 1.925rem!important;
    margin-top: -.26rem;
    line-height: 1.5rem!important;
    border-right: none!important;
}
.two_btn{
    width: 11.25rem;
    height: 3.75rem;
    background: url('../img/two_btn.png')no-repeat center;
    background-size: 100%;
    font-size: .75rem;
    color: #fff;
    text-align: center;
    line-height: 3.45rem;
    margin: 0px 3rem;
}
.two_info_text{
    width: 17.25rem;
    margin-top: 3.2rem;
    height: 6.2rem;
}
.two_info_text_list{
    width: 100%;
    display: none;
}
.two_info_text_list h6{
    font-size: .6rem;
    color: #f3d3aa;
    font-weight: bold;
    float: left;
    margin-left: .5rem;
    margin-right: 3rem;
    width: 9rem;
}
.two_info_text_list h6 span{
    width: 1rem;
    height: 2px;
    background: #f3d3aa;
    display: block;
    margin: .1rem 0px 0px .02rem;
}
.two_info_text_list p{
    font-size: .55rem;
    color: #fff;
    line-height: .95rem;
    float: left;
    margin:.3rem .5rem;
}
.sreen{
    width: 18.75rem;

    margin: 0 auto;
    padding: 0rem 0px 0rem 0px;
    box-sizing:border-box;
     background: url('../img/sreen.png')no-repeat center top;
    background-size: 100%;
}
 .screen-container {
            width: 18.75rem;
            padding: 1rem 0.5rem 0rem 0.5rem;
            box-sizing: border-box;
        }

        .screen-header {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 0.8rem;
            color: #fff;
        }

        .screen-title-tag {
            width:6.25rem;
            height:1.75rem;
            padding:0.15rem 0.45rem;
            font-size: 1rem;
            font-weight: 400;
            position: relative;
            margin-right: 0rem;
            background: url('../img/screen-title-tag.png')no-repeat center;
            background-size: 100%;
            box-sizing:border-box;
        }


        .screen-title-main {
            margin-top:-0.4rem;
            font-size: 1rem;
            font-weight: 800;
            letter-spacing: 0.05rem;
            display: flex;
            align-items: center;
            background: url('../img/screen-title-main.png')no-repeat left top;
            background-size: 67%;
        }
        .screen-left{
            width:5.125rem;
            height:2.5rem;
        }
        .screen-title-sub {
            font-size: 0.9rem;
            font-weight: normal;
            margin-left: 0.05rem;
        }

        .screen-content-box {
            background: url('../img/screen-content-box.png')no-repeat center top;
            background-size: 100%;
            padding: 0.75rem 0.5rem 0.25rem;
        }

        .screen-card {
            height: 4.125rem;
            margin-bottom: 0.325rem;
            background-size: cover;
            background-position: center;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 0rem;
            color: #fff;
            box-sizing:border-box;
        }

        /* 遮罩层让文字更清晰 */
        .screen-card-overlay {
            position: absolute;
            inset: 0;

            z-index: 1;
        }

        .screen-card-content {
            position: relative;
            z-index: 2;
        }

        .screen-card-title {
            height:1.25rem;
            color:#ffe6a4;
            width:9.0rem;
            font-size: 0.85rem;
            font-weight: bold;
            margin:0rem auto 0.2rem;

            text-align: center;
        }

        .screen-card-desc {
            padding-left:0.375rem;
            padding-right: 0.5rem;
            font-size: 0.7rem;
            line-height: 1.3;
            opacity: 0.95;
            text-align:justify;
            box-sizing:border-box;
        }

        /* 个性化卡片颜色/背景 */
        .card-1 {   background: url('../img/card-1.png')no-repeat center top;
            background-size: 100%;}
        .card-2 { background: url('../img/card-2.png')no-repeat center top;
            background-size: 100%; }
        .card-3 { background: url('../img/card-3.png')no-repeat center top;
            background-size: 100%; }
        .card-4 {
            height:4.875rem;
            background: url('../img/card-4.png')no-repeat center top;
            background-size: 100%; }
        .card-5 {
            height:4.875rem;
            background: url('../img/card-5.png')no-repeat center top;
            background-size: 100%; }
        .card-6 {
            height:4.875rem;
            background: url('../img/card-6.png')no-repeat center top;
            background-size: 100%;}
        .screen-card-title1{

            background: url('../img/screen-card-title1.png')no-repeat center top;
            background-size: 106%;
        }
         .screen-card-title2{
            background: url('../img/screen-card-title2.png')no-repeat center top;
            background-size: 106%;
        }
        .screen-btn {
            display: block;
            width: 8.75rem;
            height: 1.875rem;
            margin: 0.625rem auto 0.4rem;
            background: url('../img/screen-btn.png')no-repeat center top;
            background-size: 100%;

            color: #3d2a00;
            font-weight: bold;
            font-size: 0.85rem;
            text-align: center;
            line-height: 1.875rem;

            text-decoration: none;
        }

        .screen-card-title-highlight {
            color: #fff;
        }

        /* 针对不同主题色的文字高亮微调 */
        .card-2 .screen-card-title, .card-4 .screen-card-title, .card-6 .screen-card-title {
            color: #3d2a00;
            text-shadow: none;
        }
        .card-2 .screen-card-desc, .card-4 .screen-card-desc, .card-6 .screen-card-desc {
            color: #4a3a1e;
            text-shadow: none;
        }
        .card-2 .screen-card-overlay, .card-4 .screen-card-overlay, .card-6 .screen-card-overlay {
            background: rgba(255, 255, 255, 0.4);
        }

    .four{

    }

   .four-container {
            width: 18.75rem;
            margin: 1rem auto 0rem; /* 居中显示 */
            padding-bottom: 1rem;

        }

        /* --- 头部区域 --- */
       .four-header {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 0.625rem;
            color: #fff;
        }
        .four-title-tag {
            width:8.25rem;
            height:1.75rem;
            padding:0.15rem 0.45rem;
            font-size: 1rem;
            font-weight: 400;
            position: relative;
            margin-right: 0rem;
            background: url('../img/screen-title-tag.png')no-repeat center;
            background-size: 100%;
            box-sizing:border-box;
        }
        .four-title-main {
            margin-top:-0.4rem;
            font-size: 1rem;
            font-weight: 800;
            letter-spacing: 0.05rem;
            display: flex;
            align-items: center;
            background: url('../img/screen-title-main.png')no-repeat left top;
            background-size: 67%;
        }
        .four-left{
            width:5.125rem;
            height:2.5rem;
        }
        .four-title-sub {
            font-size: 0.9rem;
            font-weight: normal;
            margin-left: 0.05rem;
        }

        /* --- 内容卡片区域 --- */
        .four-card-wrapper {
            border-radius: 0.5rem;
            margin: 0 0.6rem;
            padding:0.875rem 0.5rem;
            background: url('../img/four-card-wrapper.png')no-repeat center;
            background-size: 100%;
        }

        .four-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0.25rem; /* 卡片间距 */
        }

        /* 单个卡片通用样式 */
        .four-item {
            width:5.4rem;
            display: flex;
            flex-direction: column;
           background: url('../img/four-img-box1.png')no-repeat center top;
            background-size: 100%;
            position: relative;
            /* 设定一个最小高度保证排版对齐 */
        }
        .four-item:nth-child(2){
            background: url('../img/four-img-box2.png')no-repeat center top;
            background-size: 100%;
        }
        .four-item:nth-child(3){
            background: url('../img/four-img-box3.png')no-repeat center top;
            background-size: 100%;
        }
        .four-item:nth-child(4){
            background: url('../img/four-img-box4.png')no-repeat center top;
            background-size: 100%;
        }
        .four-item:nth-child(5){
            background: url('../img/four-img-box5.png')no-repeat center top;
            background-size: 100%;
        }
        .four-item:nth-child(6){
            background: url('../img/four-img-box6.png')no-repeat center top;
            background-size: 100%;
        }
        /* 卡片上半部分的背景图 */
        .four-img-box {
            height: 3.2rem;
            width: 100%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        /* 标签标题 (悬浮在图文交界处) */
        .four-label-box {
            width:4.625rem;
            height:1.25rem;
            text-align:center;
            line-height:1.25rem;
            position: absolute;
            top: 2.2rem; /* 刚好跨越图片和金色背景 */
            left: 50%;
            transform: translateX(-50%);
            background: url('../img/four-label-box.png')no-repeat center top;
            background-size: 100%;
            color: #402c00;
            font-size: 0.875rem;
            font-weight: bold;

            white-space: nowrap;

            z-index: 2;
        }

        /* 卡片文字内容区 */
        .four-text-content {
            padding: 0.4rem 0.25rem 0.3rem 0.25rem; /* 顶部留出空间给标签 */
            flex-grow: 1;
        }

        .four-text-content p {
            color: #ffffff;
            font-size: 0.6rem; /* 字号较小以适应 18.75rem 总宽内的三列布局 */
            line-height: 1.35;
            text-align: justify;
        }

        /* --- 最后一个特殊卡片 (完整背景图 + 居中按钮) --- */
        .four-item-special {
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;

        }

        .four-action-btn {
            background: linear-gradient(180deg, #fef4cd 0%, #e2be67 100%);
            color: #3b2700;
            font-size: 0.75rem;
            font-weight: 900;
            text-align: center;
            padding: 0.4rem 0.8rem;
            border-radius: 0.25rem;
            box-shadow: 0 4px 6px rgba(0,0,0,0.3);
            line-height: 1.2;
        }

        .four_btn {
           width: 14.1rem;
            height: 2.35rem;
            background: url(../img/one_btn.png) no-repeat center;
            background-size: 100%;
            font-size: 0.8rem;
            color: #fff;
            text-align: center;
            line-height: 2.35rem;
            margin: 1.125rem auto 1.5rem;
        }




         .five{
            width: 100%;
            background: url(../img/five.png) no-repeat center top;
            background-size: 100%;
            margin: auto;
            padding: 0rem 0px .1rem 0px;
            box-sizing: border-box;
         }

         .five-container {
            width: 18.75rem;
            margin: 0 auto;

            padding-bottom: 1rem;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            overflow: hidden;
        }

        /* --- 头部标题区域 --- */
        .five-header {
            display: flex;
            align-items: center; /* 底部对齐 */
            justify-content: center;
            padding: 0rem 0rem 0.5rem 0rem;
        }

        .five-h-left {
            display: flex;
            align-items: flex-end;
        }

        .five-text-sq {
            color: #ffffff;
            font-size: 0.9rem;
            margin-right: 0.2rem;
            margin-bottom: 0.25rem;
            line-height: 1.9;
        }

        .five-text-bnm-wrap {
             width: 5.125rem;
            height: 2.5rem;
            position: relative;
            line-height: 1;
            background: url(../img/screen-title-main.png) no-repeat top;
            background-size: 100%;
        }

        .five-text-bnm {
            color: #ffffff;
            font-size: 2.2rem;
            font-weight: 900;
            letter-spacing: 0.05rem;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
        }

        /* 覆盖在巴拿马上的英文连笔字 */
        .five-text-en {
            position: absolute;
            top: 55%;
            left: 50%;
            transform: translate(-30%, -50%);
            font-family: "Brush Script MT", "Snell Roundhand", cursive, "Times New Roman";
            color: #e6c86e;
            font-size: 1.6rem;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
            pointer-events: none;
            white-space: nowrap;
        }

        .five-h-right {
            margin-top: 0.25rem;
            width: 9.0rem;
            line-height: 1.75rem;
            color: #ffffff;
            font-size: 0.95rem;
            font-weight: 400;
            position: relative;
            background: url(../img/five-h-right.png) no-repeat center;
            background-size: 100%;
            padding-left:0.65rem;
            box-sizing:border-box;
        }



        /* --- 主体卡片区域 --- */
        .five-card-outer {
            background: url(../img/five-card-outer.png) no-repeat center top;
            background-size: 100%;
            margin: 0 0.6rem;
            padding: 0.875rem 0.5rem; /* 边框厚度 */
            box-sizing:border-box;
        }

        .five-card-inner {

            padding:0.75rem 0.5rem 0rem 0.5rem;
            box-sizing:border-box;
        }

        /* 顶部文字列表 */
        .five-top-list {
            list-style: none;
            margin-bottom: 0.5rem;
        }

        .five-top-list li {
            color: #ffffff;
            font-size: 0.75rem;
            line-height: 1.4;
            margin-bottom: 0.25rem;
            position: relative;
            padding-left: 0.6rem;
        }

        .five-top-list li::before {
            content: '•';
            position: absolute;
            left: 0;
            top: 0;
            font-size: 0.9rem;
            line-height: 1.2;
        }

        /* --- 图文混排区 --- */
        .five-content-box {
            display: flex;
            align-items: stretch; /* 让左边图片和右侧内容区等高 */
            margin-bottom: 0.5rem;
            position: relative;
        }

        /* 左侧背景图 */
        .five-left-img {
            flex: 0 0 5.5rem; /* 固定宽度 */
            background: url(../img/five-left-img.png) no-repeat center top;
            background-size: 100%;

        }

        /* 右侧信息卡片包裹 */
        .five-right-wrap {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 0.2rem; /* 两块卡片的间距 */
            /* 制造叠放效果：负左边距让内容偏向左侧，z-index让它叠在图上 */
            margin-left: -1.5rem;
            padding-top: 0.4rem;
            padding-bottom: 0.5rem;
            z-index: 2;
        }

        /* 单个信息卡片 */
        .five-info-card {
            width:11.95rem;
            height:5.0rem;
            background: url(../img/five-info-card.png) no-repeat center top;
            background-size: 100%;
            padding: 1rem 0.7rem 0.5rem 0.5rem;
            position: relative;
            box-sizing:border-box;

        }
        .five-info-card:nth-child(2){
            height:5.875rem;
            background: url(../img/five-info-card2.png) no-repeat center top;
            background-size: 100%;
        }
        /* 卡片上的金色标签 */
        .five-info-label {
            position: absolute;
            top: -0.05rem;
            left: -0.05rem; /* 往左突出 */
            color: #3b2300;
            font-weight: 900;
            font-size: 0.75rem;
            padding: 0.2rem 0.8rem;
            letter-spacing: 0.05rem;
            box-sizing:border-box;
        }

        /* 卡片内无序列表 */
        .five-info-list {
            list-style: none;
            margin-top:0.5rem;
        }

        .five-info-list li {
            position: relative;
            padding-left: 0.5rem;
            margin-bottom: 0.1rem;
            color: #606060;
            font-size: 0.7rem;
            line-height: 1.4;
            text-align: justify;
        }

        .five-info-list li::before {
            content: '•';
            position: absolute;
            left: 0;
            top: 0;
            color: #999;
            font-size: 0.8rem;
            line-height: 1.1;
        }



        .five-btn {
              display: block;
                width: 8.875rem;
                height: 1.875rem;
                margin: 0.5rem auto 0.5rem;
                background: url(../img/screen-btn.png) no-repeat center top;
                background-size: 100%;
                color: #3d2a00;
                font-weight: bold;
                font-size: 0.85rem;
                text-align: center;
                line-height: 1.875rem;
                text-decoration: none;
        }

         .six{
            width: 100%;
            margin: auto;

         }
          /* --- 主容器 (Width 18.75rem) --- */
          /* 容器：宽18.75rem，模拟图片的海蓝色背景 */
          .six-container {
            margin: auto;
            width: 18.75rem;
            box-sizing: border-box;
            padding: 0rem 0 2rem 0;
            position: relative;
          }

          /* 顶部标题区 */
          .six-header {
            margin:0 auto 0.75rem;
            display: flex;
            align-items: center;
            padding: 0 1.5rem;

          }

          .six-title-wrapper {
            display: flex;
            align-items: center;
            filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.4)); /* 给带伪元素的组合整体加阴影 */
          }

          /* 红底标签 */
          .six-title-tag {
                background: url(../img/six-title-tag.png) no-repeat center top;
                background-size: 100%;
            width:5.25rem;
            height: 1.65rem;
            line-height: 1.65rem;
            padding-left:0.5rem;
            box-sizing:border-box;
            color: #fff;
            font-size: 0.9rem;
            font-weight: bold;
            position: relative;
            letter-spacing: 0.05rem;
          }



          /* 标题右侧白字 */
          .six-title-text {
            color: #fff;
            font-size: 0.875rem;
            margin-left: 0.5rem;
            font-weight: 500;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
            letter-spacing: 0.02rem;
          }

          /* 主体内外层嵌套圆角边框 */
          .six-content-wrapper {
            padding: 0.35rem;
            margin: 0 0.8rem;
            background: url(../img/six-content-wrapper.png) no-repeat center top;
            background-size: 100%;
            box-sizing:border-box;
          }

          /* 深蓝色内容底板 */
          .six-content-inner {

            padding: 1rem 0.5rem;
          }

          /* 顶部三个金色卡片容器 */
          .six-top-cards {
            display: flex;
            justify-content: space-between;
            gap: 0.4rem;
            margin-bottom: 0.5rem;
          }

          /* 金色卡片 */
          .six-card {
            flex: 1;
             background: url(../img/six-card.png) no-repeat center top;
            background-size: 100%;
            padding: 0.25rem 0;
            text-align: center;
            box-sizing:border-box;
          }

          .six-card-title {
            color: #4b3500;
            font-size: 0.7rem;
            font-weight: bold;
          }

          .six-card-desc {
           color: #4b3500;
            font-size: 0.7rem;
            font-weight: 900;
            margin-top: 0rem;
          }

          /* 流程步骤容器 */
          .six-steps {
            display: flex;
            flex-direction: column;
            gap: 0.15rem;

          }

          /* 单个步骤条 */
          .six-step {
            margin-left: -0.3rem;
            padding-left: 0.5rem;
            width: 102%;
            height: 1.875rem;
            display: flex;
            align-items: center;
            background: url(../img/six-step.png) no-repeat left;
            background-size: 101%;
            box-sizing: border-box;

          }

          /* 步骤数字的圆形背景 */
          .six-step-num {

            /* 使用渐变模拟高光与轻微的质感 */

            display: flex;
            justify-content: center;
            align-items: center;
            color: #745014;
            font-size: 0.75rem;
            font-weight: 900;
            flex-shrink: 0;

            position: relative;
            z-index: 2;
          }

          /* 步骤文字 */
          .six-step-text {
            margin-left: 0.5rem;
            color: #4b3500;
            font-size: 0.65rem;
            font-weight: 400;
            position: relative;
            z-index: 1;
            flex: 1;
          }

        .six-btn{
                width: 14.1rem;
            height: 2.35rem;
            background: url(../img/one_btn.png) no-repeat center;
            background-size: 100%;
            font-size: 0.8rem;
            color: #fff;
            text-align: center;
            line-height: 2.35rem;
            margin: 1.125rem auto 1.5rem;
        }