.pc_body{
            max-width: 750px; margin:0 auto;
        }
        .pc_btn{
            width: 900;position: fixed; bottom: 5px; left: calc((100vw - 900px) / 2);overflow: hidden; z-index: 1
        }
        .mobile_btn{
            width: 100vw;position: fixed; bottom: 5px; left: 0;overflow: hidden; z-index: 1
        }

        .cbtn{
        }
        @keyframes rocking {
    0% {
        transform: rotate(0deg)
    }
    

    25% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(2deg)
    }

    75% {
        transform: rotate(-2deg)
    }

    100% {
        transform: rotate(0deg)
    }
}
.bg_color{
    background-color: #002f73;
    position: relative;
}
.fixed_bottom{
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 35%;
    right: 0;
}
.bg_color2{
    background-color: #f2f3f8;
}
.bg_color3{
    background-color: #13465b;
    text-align: center;

}
.andh{      
    animation: twinkle1 .6s infinite alternate;
    -moz-animation: twinkle1 .6s infinite alternate;
    -ms-animation: twinkle1 .6s infinite alternate;
    -webkit-animation: twinkle1 .6s infinite alternate;

}
@keyframes twinkle1 {
    0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}
100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
}

    .poa-btn,.poa-btn2{
        position: relative;
        line-height: 0; /* 消除图片间的空白 */
        font-size: 0; /* 消除图片间的空白 */
        display: block; /* 确保块级显示 */
    }
    .btn1{
        position: absolute;
        top: 10px;
        z-index: 9999999;
    }
    .btn2{
        position: absolute;
        top: -20px;
        z-index: 9999999;
    }
    
    /* 定义常用按钮样式，避免内联样式 */
    .fixed-btn {
        position: fixed;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
    }

    /* 消除图片间的空白 */
    .no-gap {
        display: block;
        line-height: 0;
        font-size: 0;
        margin: 0;
        padding: 0;
    }

    /* 包装03.jpg的div样式 */
    .img-wrap {
        display: block;
        line-height: 0;
        margin: 0;
        padding: 0;
        }
        .btn-wrap-1{
        background-color: #ffffff;
        padding: 20px 0  }
        .btn-wrap-2{
            background-color: #014c48;
            padding: 20px 0  }
        .btn-wrap-3{
            background-color: #014c48;
            padding: 20px 0  }
            .btn-wrap{text-align: center;}
            .last-img{margin-bottom: 100px;}
            
            /* Optimized Registration Counter - Numbers First Design */
            .registration-counter {
                background: linear-gradient(135deg, #fed800 0%, #ffdc33 50%, #ffe066 100%);
                border-radius: 25px;
                padding: 25px 20px;
                margin: 0 15px 25px 15px;
                box-shadow: 
                    0 12px 40px rgba(254, 216, 0, 0.5),
                    inset 0 2px 0 rgba(255, 255, 255, 0.4),
                    0 0 0 1px rgba(255, 255, 255, 0.2);
                text-align: center;
                position: relative;
                overflow: hidden;
                backdrop-filter: blur(15px);
                border: 2px solid rgba(255, 255, 255, 0.25);
            }
            
            
            .counter-header {
                position: relative;
                z-index: 2;
                margin-bottom: 20px;
                padding-bottom: 5px;
            }
            
            .counter-number {
                color: #1a1a1a;
                font-size: 56px;
                font-weight: 900;
                line-height: 0.9;
                text-shadow: 
                    0 2px 4px rgba(0,0,0,0.1),
                    0 0 15px rgba(254, 216, 0, 0.3);
                position: relative;
                z-index: 2;
                background: linear-gradient(45deg, #1a1a1a 0%, #333 50%, #1a1a1a 100%);
                -webkit-background-clip: text;
                background-clip: text;
                -webkit-text-fill-color: transparent;
                animation: numberGlow 1.5s ease-in-out infinite alternate;
                display: block;
                margin-bottom: 12px;
            }
            
            @keyframes numberGlow {
                0% { 
                    filter: drop-shadow(0 0 8px rgba(254, 216, 0, 0.4));
                    transform: scale(1);
                }
                100% { 
                    filter: drop-shadow(0 0 20px rgba(254, 216, 0, 0.7));
                    transform: scale(1.02);
                }
            }
            
            .counter-label {
                color: #1a1a1a;
                font-size: 15px;
                font-weight: 800;
                letter-spacing: 3px;
                text-shadow: 0 1px 2px rgba(254, 216, 0, 0.3);
                opacity: 0.95;
                position: relative;
                z-index: 2;
                animation: labelPulse 2s ease-in-out infinite;
                margin-bottom: 5px;
            }
            
            @keyframes labelPulse {
                0%, 100% { opacity: 0.95; }
                50% { opacity: 1; }
            }
            
            .counter-divider {
                height: 2px;
                background: linear-gradient(90deg, transparent, rgba(26, 26, 26, 0.3), transparent);
                margin: 20px 25px;
                position: relative;
                z-index: 2;
                border-radius: 1px;
                animation: dividerGlow 3s ease-in-out infinite alternate;
            }
            
            @keyframes dividerGlow {
                0% { box-shadow: 0 0 3px rgba(254, 216, 0, 0.2); }
                100% { box-shadow: 0 0 8px rgba(254, 216, 0, 0.4); }
            }
            
            .counter-footer {
                position: relative;
                z-index: 2;
                padding-top: 5px;
            }
            
            .counter-main-text {
                color: #1a1a1a;
                font-size: 16px;
                font-weight: 700;
                text-shadow: 0 1px 2px rgba(254, 216, 0, 0.2);
                position: relative;
                z-index: 2;
                letter-spacing: 0.5px;
                opacity: 0.95;
                margin-bottom: 8px;
                line-height: 1.2;
            }
            
            .counter-sub-text {
                color: #1a1a1a;
                font-size: 14px;
                font-weight: 600;
                text-shadow: 0 1px 2px rgba(254, 216, 0, 0.2);
                position: relative;
                z-index: 2;
                letter-spacing: 0.3px;
                opacity: 0.9;
                animation: subTextGlow 2.5s ease-in-out infinite;
                line-height: 1.2;
            }
            
            @keyframes subTextGlow {
                0%, 100% { 
                    opacity: 0.9; 
                    transform: translateY(0px);
                }
                50% { 
                    opacity: 1; 
                    transform: translateY(-1px);
                    text-shadow: 0 1px 4px rgba(254, 216, 0, 0.4), 0 0 6px rgba(254, 216, 0, 0.2); 
                }
            }
            
            /* Mobile Responsive Adjustments */
            @media (max-width: 480px) {
                .registration-counter {
                    margin: 0 10px 20px 10px;
                    padding: 22px 15px;
                    border-radius: 20px;
                }
                
                .counter-header {
                    margin-bottom: 18px;
                    padding-bottom: 4px;
                }
                
                .counter-number {
                    font-size: 48px;
                    margin-bottom: 10px;
                }
                
                .counter-label {
                    font-size: 13px;
                    letter-spacing: 2px;
                    margin-bottom: 4px;
                }
                
                .counter-main-text {
                    font-size: 15px;
                    margin-bottom: 6px;
                }
                
                .counter-sub-text {
                    font-size: 13px;
                }
                
                .counter-divider {
                    margin: 18px 20px;
                }
                
                .counter-footer {
                    padding-top: 4px;
                }
            }
            
            @media (max-width: 320px) {
                .registration-counter {
                    margin: 0 8px 15px 8px;
                    padding: 20px 12px;
                    border-radius: 18px;
                }
                
                .counter-header {
                    margin-bottom: 15px;
                    padding-bottom: 3px;
                }
                
                .counter-number {
                    font-size: 42px;
                    margin-bottom: 8px;
                }
                
                .counter-label {
                    font-size: 12px;
                    letter-spacing: 1.5px;
                    margin-bottom: 3px;
                }
                
                .counter-main-text {
                    font-size: 14px;
                    margin-bottom: 5px;
                }
                
                .counter-sub-text {
                    font-size: 12px;
                }
                
                .counter-divider {
                    margin: 15px 18px;
                }
                
                .counter-footer {
                    padding-top: 3px;
                }
            }